有图有真相,先看图后解答
首先,扩展datagrid的editors,使其支持my97控件,当然在这之前别忘了引入my97的JS
01 | $.extend($.fn.datagrid.defaults.editors, { |
02 | my97 : { |
03 | init : function (container, options) { |
04 | var input = $( '<input class="Wdate" onclick="WdatePicker({dateFmt:\'yyyy-MM-dd HH:mm:ss\',readOnly:true});" />' ).appendTo(container); |
05 | return input; |
06 | }, |
07 | getValue : function (target) { |
08 | return $(target).val(); |
09 | }, |
10 | setValue : function (target, value) { |
11 | $(target).val(value); |
12 | }, |
13 | resize : function (target, width) { |
14 | var input = $(target); |
15 | if ($.boxModel == true ) { |
16 | input.width(width - (input.outerWidth() - input.width())); |
17 | } else { |
18 | input.width(width); |
19 | } |
20 | } |
21 | } |
22 | }); |
然后,在datagrid的列中,加上editor,使当前列可以编辑
1 | { |
2 | field : 'modifydatetime' , |
3 | title : '最后修改时间' , |
4 | sortable : true , |
5 | width : 130, |
6 | editor : { |
7 | type : 'my97' |
8 | } |
9 | } |