Customize column editor - Sigma Ajax data grid control sample

Customize column editor

The following sample shows how define a new editor for some specials columns. For example, developer can develope a color-picker for color input, or a calculator for number input. This feature enable developers to integrate grid with third part components, such as FCK Editor.
Double click any cells on employee column and see what happens.

var myDialogEditorCreater = function(){ var myd = new Sigma.Dialog({ id: "myDiaLogEditor1", gridId : "myGrid1" , width: 250, height:150 , title : 'Customized Employee Editor', body : [' <textarea id="my_name_input" rows="5"', ' cols="20" style="width:99%"></textare','a><br/>', '<input type="button" value="OK" ', 'onclick="Sigma.$grid(\'myGrid1\').activeDialog.confirm()"/>'].join(''), getValue : function(){ return Sigma.$("my_name_input").value; }, setValue : function(value){ Sigma.$("my_name_input").value=value; }, active : function(){ Sigma.Util.focus(Sigma.$("my_name_input")); } }); return myd; } var colsOption = [ {id: 'employee' , header: "Employee" , width :80,editor: myDialogEditorCreater } ];

Related Links

Demos List - Cell editor