Easyui的datagrid的editor(行编辑器)如何扩展datetimebox类型
在easyui的datagrid扩展方法中添加这样的时间日期(datetimebox)代码块
放在 $.extend($.fn.datagrid.defaults.editors,{datetimebox...}方法下
$.extend($.fn.datagrid.defaults.editors, { label: { init: function (container, options) { var input = $('<div></div>').appendTo(container); return input; }, destroy: function (target) { }, getValue: function (target) { return $(target).html(); }, setValue: function (target, value) { $(target).html(value); }, resize: function (target, width) { } }, //扩展dategrid的editors的类型 datetimebox: { init: function (container, options) { var input = $('<input type="text" class="easyui-datetimebox">') .appendTo(container); //编辑框延迟加载 window.setTimeout(function () { input.datetimebox($.extend({ editable: false }, options)); }, 10); return input; }, getValue: function (target) { return $(target).datetimebox('getValue'); }, setValue: function (target, value) { $(target).val(value); window.setTimeout(function () { $(target).datetimebox('setValue', value); }, 150); }, resize: function (target, width) { var input = $(target); if ($.boxModel == true) { input.width(width - (input.outerWidth() - input.width())); } else { input.width(width); } } } });
我是在label下加,找到这方法,在原先扩展下面追加一个datetimebox
页面上就可以使用editor={type='datetimebox'}这样的写法了
<th field="BirthDate" sortable="true" align="center" width="150" editor="{type:'datetimebox',options:{required: true}}" formatter="com.formatTime">出生日期</th>
效果如下图:
Ps:
参考来源网址: http://blog.csdn.net/leiyong0326/article/details/41942955
平时多记记,到用时才能看看,记录你的进步,分享你的成果
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步