博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Easyui的datagrid的editor(行编辑器)如何扩展datetimebox类型
阅读量:5911 次
发布时间:2019-06-19

本文共 2049 字,大约阅读时间需要 6 分钟。

在easyui的datagrid扩展方法中添加这样的时间日期(datetimebox)代码块

放在   $.extend($.fn.datagrid.defaults.editors,{datetimebox...}方法下

$.extend($.fn.datagrid.defaults.editors, {            label: {                init: function (container, options) {                    var input = $('
').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 = $('') .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'}这样的写法了

出生日期

效果如下图:

Ps:

参考来源网址: http://blog.csdn.net/leiyong0326/article/details/41942955

你可能感兴趣的文章
[nginx文档翻译系列] 控制nginx
查看>>
将 Measurements 和 Units 应用到物理学
查看>>
Nginxt rewrite企业应用实例
查看>>
周爱民:架构的实战过程
查看>>
jquery option 动态 selected
查看>>
linux下安装oracle步骤详解
查看>>
ASP.Net编译设置
查看>>
collection,map等结构
查看>>
如何确定所运行的 SQL Server 2005 的版本?
查看>>
NAND Flash操作技术详解
查看>>
海量数据备份归档技术及系统
查看>>
我的友情链接
查看>>
自动化安装Mysql5.6-脚本实现
查看>>
我的友情链接
查看>>
分布式事务:不过是在一致性、吞吐量和复杂度之间,做一个选择
查看>>
Java 之 FileReader FileInputStream InputStreamReader BufferedReader 作用与区别
查看>>
【云图】如何设置支付宝里的家乐福全国连锁店地图?
查看>>
Linux查看用户登陆历史记录
查看>>
我的友情链接
查看>>
对于json_lib包的使用
查看>>