Easyui框架 validatebox 与 textbox 的区别

1. 使用validatebox组件时,class="easyui-validatebox textbox",

其中easyui-validatebox 为创建组件validatebox,textbox仅仅是样式class,

不会生成其他隐藏标签,可以用jquery的方法,如$.css(),$.attr()等为该元素添加功能

2. 使用textbox组件时,class="easyui-textbox",

easyui-textbox为创建组件

会创建多个input标签,在此时不能使用正常逻辑的jquery方法,如$.css(),$.attr()等等,

可通过($(当前元素).next().find("input:first"))页面显示的input标签来使用jquery方法为该元素添加功能

3. easyui组件容易出现重复重建的情况

比如,在<input class="easyui-textbox"> 已经在页面创建了一个组件对象,

然后同样<script> $(#id).textbox({})</script>又创建一个组件对象

这样会造成重复渲染的问题,尽量使用一种方式进行创建,如想为第一次创建的对象添加功能,可通过

 options = $(#id).textbox('options');获取选项对象
 options.readonly=true;为其添加功能
$(#id).textbox(options);重新生成,此时为合并前后对象为一个