jQuery EasyUI

節點樹的使用總結

• 取消所有節點

//取消所有選中的節點
	var node = $('#tree').tree('getRoot');//獲取根節點
	$('#tree').tree('uncheck', node.target);//根節點取消，所有就取消

Form表單的使用總結

• easyui-textbox 和 easyui-validatebox 設定值和獲取值

1. 表單作如下定義：input使用easyui的"easyui-textbox"

<input id="email"  class="easyui-textbox" type="text" name
 
="email" data-options="required:true, validType:'emailUser'" />

設定值的方式：

  //使用表單選擇器：程式碼似乎是有異常的
  //$("input[name='email']").textbox('setValue', "[email protected]");
  //使用表單選擇器：程式碼沒有異常 但不能為input設定值
  //$("input[name='email']").val("[email protected]");
  //使用id選擇器：不能設定值
  //$("#email").val("[email protected]
 
");
  //使用id選擇器：可以設定值
  $("#email").textbox('setValue', "[email protected]");
  //使用id選擇器和setText：可以設定值
  $("#email").textbox('setText', "[email protected]");

總結：為text-box設定值只能使用id選擇器選擇表單元素，然後使用textbox(“setValue”, value); 的方式設定值
獲取值的方式：

$("#email").textbox('getValue');

2. 表單作如下定義：easyui-validatebox的設定值或獲取值的方式
   表單作如下定義:

<input id="email"  class="easyui-validatebox" type="text" name="email" data-options="required:true, validType:'emailUser'" />

獲取值的方式：

 //這種方式是可以設定值的
 //$("#email").val("[email protected]");
 //可以設定值
 //$("input[name=email]").val("[email protected]");
 //不能設定值，且語法不對有異常
 //$("input[name=email]").textbox("setValue", "[email protected]");
 //不能設定值，且語法不對有異常
 //$("input[name=email]").textbox("setText", "[email protected]");
 //不能設定值，且語法不對有異常
 //$("#email").textbox("setvalue", "[email protected]");

總結：validatebox只能用$().val()方式設定和獲取值，選擇器既可以用id選擇器，也可以用表單選擇器

• Input輸入框修改預設校驗方式，自定義校驗

<input id="email"  class="easyui-textbox" type="text" name="email" data-options="required:true, validType:'emailUser'" />

$.extend($.fn.validatebox.defaults.rules, {
    //驗證郵箱
	emailUser: {
        validator: function (value) {
        	var reg = /^(\w-*\.*)[email protected](\w-?)+(\.\w{2,})+$/;
        	var emails = value.split(";");
        	for(var i = 0 ; i<emails.length ; i++){
        		if(!reg.test(emails[i])){
         		   return false;
         	   }
        	}
            return true;
        },
        message: '郵箱格式不正確'
    }
});