Product - Sigma Grid 2.2 - Sample 

Add customized button to grid toolbar

For Sigma grid 2.2, developer can make his/her own button on the grid tool bar, just like a native button.

Developers have three steps to place photos into grid cells. Firstly, developers need to declare a button style

.mybutton-cls { background : url(./images/mybutton.png) no-repeat center center; }

Secondly, developers need to register this button.

Sigma.ToolFactroy.register( 'mybutton', { cls : 'mybutton-cls', toolTip : 'I am a new button', action : function(event,grid) { alert( 'The id of this grid is '+grid.id) } } );

Finally, developers need to specify the button position/order in the tool bar.

var gridOption={ toolbarContent : 'nav | mybutton' };

Related Links

User defined cell renderer - Hyper link cell - Long text in cell