首先是自己之前easyui.min.js 1.3版本开发过的项目自己亲测没问题,然后用git 更新master主干分支之后,提交代码到测试环境,发现自己的功能变得乱七八糟,各种不好使,单击事件,失去焦点事件都不起作用,后来检查分支之后才发现,主干master分支的easyui.min.js版本被别人提交成1.5版本。造成后果<当时不知道,硬生生的该原生js代码解决了兼容1.5的前台页面>
后来公司说要回退到到easyui.min.js 1.3版本。。。。
下面呈现1.3版本的代码:FTL文件
对应easyui 1.3版本 js代码失去焦点
选择selcet 下拉事件代码
默认修改回显代码:onLoad事件
=========================================================================
1.5版本:
因为来回替换隐藏 input 框之后,前台调错的时候 input会自动生成一个span标签 id为'input_19*'随机ID 所以会有问题造成隐藏取值失败,1.5版本隐藏用到$("#id").next().show();
动态绑定焦点事件:$("#id").next("span").children().eq(0).可以获取当前元素
$("#id").next("span").children().eq(0).blur(function() {
showmsg();//焦点事件方法------初始化-修改-动态绑定失去焦点事件
});
$("#id").numberbox({
required: false //(或者true)
}); 设置为必输项/非必输项
如果:id选择器 取值取不到建议用一下两种方法进行尝试
var id =document.getElementById("id").value;取值
var id =$("#id").numberbox("getValue");取值
$("#id").numberbox("setValue",""); //赋值
1.5版本隐藏和显示
$("#id").next().show();
$("#id").next().hide();
1.3版本 隐藏和显示
$("#id").css('display','none');//表示设置为不可用
$("#id").css('display','block');//表示设置为可用
$("#id").show();
$("#id").hide();
1.5版本 自动设置input 框的 placehoder属性
$("#id").next("span").children().eq(0).attr("placeholder","单价XXXXX");//动态设置元素placeholder为‘单价XXXXX’
示例图
1.5版本 自动绑定input 框的 blur 失去焦点属性 前台不用给失去焦点的名字直接通过ID属性添加
$("#id").next("span").children().eq(0).blur(function() {
showmsg();//焦点事件方法------初始化-修改-动态绑定失去焦点事件
});
1.5版本select 下拉框事件 "
注意加上 "span" 有的时候需要有时候可以为空 看情况
$(document).ready(function () {
$("#paymentWay").combobox({
onChange: function (v) {
$("#id").next("span").children().eq(0).attr("placeholder","返佣比例,例如10%输入0.1");
$("#id").next("span").show();
$("#id").next("span").hide();
}
});
});