How to use switchbutton in PropertyGrid?

[huyannet]

I use only two value properties as 'true' & 'false'. How to do that?
My code:
rows = [
   {field:"a",name:"jeasyui",value:"true",group:"Libraries", editor:{
        type:"switchbutton", options: {
               valueField: "value",
               textField: "label",
               editable: false,
               data: test
            }
        }
        },

][/font]

[stworthy]

You have to extend the 'switchbutton' editor before using it.

Code:

<script>
$.extend($.fn.datagrid.defaults.editors, {
	switchbutton:{
		init:function(container,options){
			var input = $('<input type="text" class="datagrid-editable-input">').appendTo(container);
			return input.switchbutton(options);
		},
		getValue:function(target){
			return $(target).switchbutton('options').checked;
		},
		setValue:function(target,value){
			if (value){
				$(target).switchbutton('check');
			} else {
				$(target).switchbutton('uncheck');
			}
		},
		resize: function(target, width){
			$(target).switchbutton('resize', {width:width});
		}
	}
});
</script>

Usage example:

Code:

{"name":"FrequentBuyer","value":false,"group":"Marketing Settings","editor":{
	"type":"switchbutton",
	"options":{
	}
}}

[huyannet]

I change $.fn.datagrid.defaults.editors to $.fn.propertygrid.defaults.editors and it work perfect !!
Thanks for the support !