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，左右則根據寬度自适應相同值（即居中）