easyui若干问题解决
2017-03-24 10:19
281 查看
1.解决easyui-textbox输入框输入字数长度同时解决全输入空格也能保存的问题
一开始想的是怎么在js里去掉空格,后来刚好需要限制文本框输入的字数。使用验证:
发现可以自动过滤全部输入空格的情况。
2.解决easyui-textbox失去焦点事件blur无效的问题
业务中需要用户填写网点,失去焦点后自动带出网点所有区部
在easyui中textbox是无blur事件(失去焦点事件)的,但span标签有,网上搜索最多的解决办法如下:
无效方法:
有效方法:
blurBind是请求后台查询区部代码的js方法,实现如下
3.easyui-textbox提示文本
效果如下:
使用prompt属性:
4.要注意的问题,datagrid记录行的修改按钮弹框后一定要清空表单,不然会出现数据交叉显示情况
5.easyui按钮禁用失效问题
$("#exportBtn").linkbutton('disabled');只能使按钮变灰
$('#exportBtn').unbind('click');可以使按钮点击失效
6.清空datagrid
$('#addrForm').datagrid('loadData', { total: 0, rows: [] });
7.Jquery 关于span标签的取值赋值用法
span是最简单的容器,可以当作一个形式标签,其取值赋值方法有别于一般的页面元素。
//赋值
$("#spanid").html(value)
//取值
$("#spanid").text()
8.div居中显示
首先我们对body设置text-align:center,再对需要居中的div盒子设置css样式margin:0
auto,这样即可让对应div水平居中。margin后面如果只有两个参数的话,第一个表示top和bottom,第二个表示left和right因为0
auto,表示上下边界为0,左右则根据宽度自适应相同值(即居中)
一开始想的是怎么在js里去掉空格,后来刚好需要限制文本框输入的字数。使用验证:
validType:'length[1,4]'
发现可以自动过滤全部输入空格的情况。
2.解决easyui-textbox失去焦点事件blur无效的问题
业务中需要用户填写网点,失去焦点后自动带出网点所有区部
在easyui中textbox是无blur事件(失去焦点事件)的,但span标签有,网上搜索最多的解决办法如下:
无效方法:
$("input",$("#deptCodeTr").next("span")).blur(function(){ alert("aaa"); })有效方法是在textbox的data-options添加events:{blur:blurBind},其中blurBind是方法名,具体如下
有效方法:
data-options="required:true,validType:'deptCodeIsExist',events:{blur:blurBind},prompt:'可填网点或区部代码'"
blurBind是请求后台查询区部代码的js方法,实现如下
//光标离开事件 function blurBind(){ $.ajax({ type : "POST", url : contextPath + "/omcs/russian/department/getAreaCodeByDept.pvt", data : { "deptCode" : $('#deptCodeTr').val() }, dataType : "json", async : false, success : function(data) { $('#areaCodeTr').textbox('setValue',data.msg); } }); };
3.easyui-textbox提示文本
效果如下:
使用prompt属性:
data-options="required:true,readonly:true,prompt:'由网点代码带出,无须手动填写'"
4.要注意的问题,datagrid记录行的修改按钮弹框后一定要清空表单,不然会出现数据交叉显示情况
$('#formId').form('clear')
5.easyui按钮禁用失效问题
$("#exportBtn").linkbutton('disabled');只能使按钮变灰
$('#exportBtn').unbind('click');可以使按钮点击失效
6.清空datagrid
$('#addrForm').datagrid('loadData', { total: 0, rows: [] });
7.Jquery 关于span标签的取值赋值用法
span是最简单的容器,可以当作一个形式标签,其取值赋值方法有别于一般的页面元素。
//赋值
$("#spanid").html(value)
//取值
$("#spanid").text()
8.div居中显示
首先我们对body设置text-align:center,再对需要居中的div盒子设置css样式margin:0
auto,这样即可让对应div水平居中。margin后面如果只有两个参数的话,第一个表示top和bottom,第二个表示left和right因为0
auto,表示上下边界为0,左右则根据宽度自适应相同值(即居中)
相关文章推荐
- .NET商业应用架构所要解决的若干问题
- 发现问题和解决问题若干
- 电子商务网站必须要解决的若干技术问题
- 若干问题解决办法
- 国务院关于解决农民工问题的若干意见
- .NET企业应用架构所要解决的若干问题
- Oracle 10g 在Windows系统下安装若干问题的解决
- DB2若干问题解决记录
- failed to open stream解决办法-关于WIN主机下配置PHP的若干问题解决方案总结
- 解决SQL Server 连接时的一些基本问题后的若干初浅心得
- Excel开发系列二 解决.net生成Excel文件速度问题的若干方案
- 电子商务网站必须要解决的若干技术问题
- 关于OpenCV_1.1pre1a 安装若干问题的解决方法:
- 解决SQL Server 连接时的一些基本问题后的若干初浅心得
- 终于解决了PL SQL DEVELOPER 7.0中的Window List的位置固定的问题(等若干tips)
- 解决SQL Server 连接时的一些基本问题后的若干初浅心得
- .NET商业应用架构所要解决的若干问题
- .NET的WEB商业应用架构所要解决的若干问题
- 电子商务网站必须要解决的若干技术问题
- android 学习中遇到的若干问题和解决方法(1)