EasyUI 1.3.6 DateBox添加清空按钮
EasyUI 1.3.6 DateBox添加清空按钮
猪刚烈 发表于3年前
EasyUI 1.3.6 DateBox添加清空按钮
  • 发表于 3年前
  • 阅读 32
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 十分钟定制你的第一个小程序>>>   

EasyUI 1.3.6 DateBox添加清空按钮

效果如图:


EasyUI datebox是没有清空按钮的,可通过如下方法加入:

打开jquery.easyui.min.js看到这样如此乱的代码,我们只能使用Ctrl+F搜索功能

搜索currentText,在第一次搜索到的位置有个buttons数组,在今天("Today")与关闭("Close")中间添加清空。

{
     text : function(_947) {
	   return $(_947).datebox("options").cleanText;
     },
     handler : function(_948) {
	   $(_948).combo("setValue", "").combo("setText", ""); //设置空值
	   $(_948).combo("hidePanel"); //点击清空按钮之后关闭日期选择面板
     }
},
添加之前可以Ctrl+Shift+F格式化一下,不然很难找到要插入的位置,最后代码插入后上下文应该是如下:
currentText : "Today",
closeText : "Close",
okText : "Ok",
buttons : [ {
	text : function(_945) {
		return $(_945).datebox("options").currentText;
	},
	handler : function(_946) {
		$(_946).datebox("calendar").calendar( {
			year : new Date().getFullYear(),
			month : new Date().getMonth() + 1,
			current : new Date()
		});
		_935(_946);
	}
}, {
	text : function(_947) {
		return $(_947).datebox("options").cleanText;
	},
	handler : function(_948) {
		$(_948).combo("setValue", "").combo("setText", ""); // 设置空值
	$(_948).combo("hidePanel"); // 点击清空按钮之后关闭日期选择面板
}
}, {
	text : function(_947) {
		return $(_947).datebox("options").closeText;
	},
	handler : function(_948) {
		$(this).closest("div.combo-panel").panel("close");
	}
} ],
最后修改easyui-lang-zh_CN.js文件 加入如下语句
$.fn.datebox.defaults.cleanText = '清空';
因为打开此文件一目了然,相信你应该知道添加在什么地方。

PS:此方法在EasyUI 1.3.6版本通过,其他版本或许可能略有不同,供参考。


作者:itmyhome

出处:http://blog.csdn.net/itmyhome1990/article/details/39055937



共有 人打赏支持
粉丝 21
博文 708
码字总数 110
作品 1
×
猪刚烈
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: