Print Page - TimeSpinner on Editable Grid

Title: TimeSpinner on Editable Grid
Post by: arma on November 23, 2013, 04:58:37 AM

How to define timespinner in grid editor on init function ? This one seems does not work.

$.extend($.fn.datagrid.defaults.editors, {
timespinner: {
init: function(container, options) {
var input = $('<input class="easyui-timespinner" data-options="showSeconds:true">').appendTo(container);

return input;
}

Title: Re: TimeSpinner on Editable Grid
Post by: stworthy on November 23, 2013, 08:52:42 PM

Please try the code below:

Code:

	$.extend($.fn.datagrid.defaults.editors, {
		timespinner: {
			init: function(container, options){
				var input = $('<input>').appendTo(container);
				input.timespinner(options);
				return input
			},
			destroy: function(target){
				$(target).timespinner('destroy');
			},
			getValue: function(target){
				return $(target).timespinner('getValue');
			},
			setValue: function(target, value){
				$(target).timespinner('setValue', value);
			},
			resize: function(target, width){
				$(target).timespinner('resize', width);
			}
		}
	});

Title: Re: TimeSpinner on Editable Grid
Post by: arma on November 24, 2013, 04:55:59 AM

That works like charm. Thanks stworthy :D

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: arma on November 23, 2013, 04:58:37 AM