Tutorial (detailed) how to write new widgets?

[hansgru]

It would be very very helpful if there would be a detailed tutorial on how to write new widgets for w2ui.

I know that there are the sources, but they are big enough for most users not to really understand them.

regards

[vitmalina]

Can you give me an example what kind of new widgets you want to create?

[hansgru]

Can you give me an example what kind of new widgets you want to create?

To be able to use w2ui in it's actual form in business apps, users would need to implement several of the following widgets:

General Widgets:

• Panel
  • Docs: http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.panel.Panel Example
  • Example: http://docs.sencha.com/extjs/4.2.1/extjs-build/examples/panel/panel.html?theme=gray
• Button
  • Docs: http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.button.Button
  • Example: http://docs.sencha.com/extjs/4.2.1/extjs-build/examples/toolbar/toolbars.html??theme=gray
• Menu
  • Docs: http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.menu.Menu
  • Example: http://docs.sencha.com/extjs/4.2.1/extjs-build/examples/menu/menus.html?theme=gray
• Context Menus (the menu above that can be bound dynamically to all sort of other widgets)
• Split Button (to have a menu from above)
• Tooltip/PopOver
  • Docs: http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.tip.ToolTip

Custom Widgets ( company or app specific, to ensure re-usability and uniformity):

• Filter Panels
• Breadcrumbs
• Icon Tabs (e.g. similar to this: http://docs.sencha.com/extjs/4.2.1/extjs-build/examples/tabs/tabs-adv.html?theme=gray ) but we reuse the same icons for the same type of screens across apps.
• Side Tabs/Vertical Tabs
• Message Boxes
• Wizards

Since this is too much for a single developer, I think that a very good tutorial would allow many 3rd party contributions.

[negue]

Oh yes, some of these widgets would be awesome!

[werne]

+1
It would be great to have them in w2ui

tnx

[kanecko]

+1

[aadrian]

+1
@hansgru nice list :)

[prophe05]

+1