jQuery EasyUI学习总结

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', "xing@qq.com");
  //使用表单选择器：代码没有异常 但不能为input设置值
  //$("input[name='email']").val("xing@qq.com");
  //使用id选择器：不能设置值
  //$("#email").val("xing@qq.com");
  //使用id选择器：可以设置值
  $("#email").textbox('setValue', "xing@qq.com");
  //使用id选择器和setText：可以设置值
  $("#email").textbox('setText', "xing@qq.com");

总结：为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("xinxing@qq.com");
 //可以设置值
 //$("input[name=email]").val("xinxing@qq.com");
 //不能设置值，且语法不对有异常
 //$("input[name=email]").textbox("setValue", "xinxing@qq.com");
 //不能设置值，且语法不对有异常
 //$("input[name=email]").textbox("setText", "xinxing@qq.com");
 //不能设置值，且语法不对有异常
 //$("#email").textbox("setvalue", "xinxing@qq.com");

总结：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-*\.*)+@(\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: '邮箱格式不正确'
    }
});

参考地址：Easy Ui