在可编辑datagrid中,使用my97日期控件
地址:http://easyui.btboys.com/post-55.html用处很大
效果:
方法:
首先,扩展datagrid的editors,使其支持my97控件,当然在这之前别忘了引入my97的JS
$.extend($.fn.datagrid.defaults.editors, { my97 : { init : function(container, options) { var input = $('<input class="Wdate" onclick="WdatePicker({dateFmt:\'yyyy-MM\',readOnly:true});" />').appendTo(container); return input; }, getValue : function(target) { return $(target).val(); }, setValue : function(target, value) { $(target).val(value); }, resize : function(target, width) { var input = $(target); if ($.boxModel == true) { input.width(width - (input.outerWidth() - input.width())); } else { input.width(width); } } } });
然后,在datagrid的列中,加上editor,使当前列可以编辑
{ field : 'modifydatetime', title : '最后修改时间', sortable : true, width : 130, editor : { type : 'my97' } }