Datagrid switchbutton editor

[battlezad]

Hi,
is it possible to extend datagrid editors with switchbutton?

Thanks in advance,
btz

[jarry]

Yes, please try this:

Code:

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

[battlezad]

Thank you very much!

[battlezad]

Is setValue supposed to work like
$('#sbtn').switchbutton('setValue', 'on');
$('#sbtn').switchbutton('setValue', 'off');

[jarry]

If you wish to set the 'on' and 'off' values on the 'switchbutton' editor, please try the code below:

Code:

<script type="text/javascript">
	$.extend($.fn.datagrid.defaults.editors, {
		switchbutton:{
			init: function(container, options){
				var input = $('<input>').appendTo(container);
				input.switchbutton(options);
				return input;
			},
			getValue: function(target){
				return $(target).switchbutton('options').checked ? 'on' : 'off';
			},
			setValue: function(target, value){
				$(target).switchbutton(value=='on'?'check':'uncheck');
			},
			resize: function(target, width){
				$(target).switchbutton('resize', {width: width,height:22});
			}
		}
	})
</script>