easyui若干问题解决

1.解决easyui-textbox输入框输入字数长度同时解决全输入空格也能保存的问题

一开始想的是怎么在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，左右则根据宽度自适应相同值（即居中）