在可编辑datagrid中，使用my97日期控件

来源：互联网发布：vb基础入门教程编辑：程序博客网时间：2024/04/23 15:01

有图有真相，先看图后解答

点击查看原图

首先，扩展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            }