在可编辑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'
                }
            }
posted @ 2012-08-22 00:47  horizon~~~  阅读(382)  评论(0编辑  收藏  举报