在可编辑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'
                }
            }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值