摘要:
ComboBox 组合框 扩展自 $.fn.combo.defaults。 用 $.fn.combobox.defaults 重写了 defaults。 依赖combo用法1. <select id="cc" name="dept" style="width:200px;"> 2. <option value="aa">aitem1</option> 3. <option>bitem2</option> 4. <option>bitem3< 阅读全文
摘要:
Combo 组合 扩展自 $.fn.validatebox.defaults 。 用 $.fn.combo.defaults 重写了 defaults 。依赖validateboxpanel用法1. <input id="cc" value="001"> 2. <select id="cc"></select> 1. $('#cc').combo({ 2. required:true, 3. multiple:true 4. }); 特性其特性扩展自 validatebox,下列是为 阅读全文
摘要:
ValidateBox 验证框 用 $.fn.validatebox.defaults 重写了 defaults。用法1. <input id="vv" required="true" validType="email"> 1. $('#vv').validatebox({ 2. required:true 3. }); 验证规则验证规则是通过使用 required 和 validType 特性来定义的, 这里是已经实施的规则:email:匹配 email 正则表达式规则url:匹配 URL 正则表达式规则 阅读全文
摘要:
Form 表单 用法1. <form id="ff" method="post"> 2. ... 3. </form> 使 form 成为 ajax 提交的 form 。1. $('#ff').form({ 2. url:..., 3. onSubmit: function(){ 4. // 做某些检查 5. // 返回 false 来阻止提交 6. }, 7. success:function(data){ 8. alert(data) 9. } 10. }); 11. // 提交 form 12. $(' 阅读全文
摘要:
SplitButton 拆分按钮 扩展自 $.fn.linkbutton.defaults。用 $.fn.splitbutton.defaults 重写了 defaults。依赖menulinkbutton用法1. <a href="javascript:void(0)" id="sb" iconCls="icon-ok" onclick="javascript:alert('ok')">Ok</a> 2. <div id="mm" style=&q 阅读全文
摘要:
MenuButton 菜单按钮 扩展自 $.fn.linkbutton.defaults。用 $.fn.menubutton.defaults 重写了defaults。依赖menulinkbutton用法1. <a href="javascript:void(0)" id="mb" iconCls="icon-edit">Edit</a> 2. <div id="mm" style="width:150px;"> 3. <div iconCls=&quo 阅读全文
摘要:
LinkButton 链接按钮 用 $.fn.linkbutton.defaults 重写了 defaults。用法示例1. <a href="#" id="btn" iconCls="icon-search">easyui</a> 1. $('#btn').linkbutton({ 2. plain:true 3. }); 4. $('#btn').linkbutton('disable'); // 禁用此 button 5. $('#btn') 阅读全文
摘要:
Menu 菜单 用 $.fn.menu.defaults 重写了 defaults。用法示例创建 Menu经由标记创建 menu 应该添加 'easyui-menu' 类到 <div/> 标记。 每个 menu item 经由 <div/> 标记创建。 我们可以添加 'iconCls' 属性到 menu item,以定义一个显示在menu item 左边的图标。添加 'menu-sep' 类到 menu item 将产生一个 menu 分隔符。1. <div id="mm" class=" 阅读全文
摘要:
Layout 布局 依赖panelresizable用法示例创建 Layout经由标记创建 Layout 。添加 'easyui-layout' 类到 <div/> 标记。1. <div id="cc" class="easyui-layout" style="width:600px;height:400px;"> 2. <div region="north" title="North Title" split="true" st 阅读全文
摘要:
Accordion 手风琴 用 $.fn.accordion.defaults 重写了 defaults。依赖panel用法示例创建 Accordion经由标记创建 accordion, 添加 'easyui-accordion' 类到 <div/> 标记。1. <div id="aa" class="easyui-accordion" style="width:300px;height:200px;"> 2. <div title="Title1" iconCls=& 阅读全文
摘要:
Tabs 标签页/选项卡 用$.fn.tabs.defaults重写defaults。依赖panellinkbutton用法示例创建tabs1. 经由标记创建Tabs从标记创建Tabs更容易,我们不需要写任何JavaScript代码。记住把 'easyui-tabs' 类添加到<div/>标记,每个tab panel 经由子<div/>标记被创建,其用法与Panel一样。 1. <div id="tt" class="easyui-tabs" style="width:500px;height:25 阅读全文
摘要:
Panel 面板 用$.fn.panel.defaults重写defaults。用法示例创建Panel 1. 经由标记创建Panel从标记创建Panel更容易。把 'easyui-panel' 类添加到<div/>标记。1. <div id="p" class="easyui-panel" title="My Panel" style="width:500px;height:150px;padding:10px;background:#fafafa;" 2. iconCls=&qu 阅读全文
摘要:
ProgressBar 进度条 用$.fn.progressbar.defaults重写defaults。 依赖none用法示例创建ProgressBarProgressBar能够从html标记创建或者编程创建。从标记创建更容易些,把 'easyui-progressbar' 类加入到<div/>标记。1. <div id="p" class="easyui-progressbar" style="width:400px;"></div> 获取或者设置值我们获取当前值并且给这个组件设 阅读全文
摘要:
SearchBox 搜索框 用$.fn.searchbox.defaults重写defaults。 依赖menubutton用法示例创建SearchBox1. 从标记创建。把 'easyui-searchbox' 类加入到<input/>标记。1. <script type="text/javascript"> 2. function qq(value,name){ 3. alert(value+":"+name) 4. } 5. </script> 6. <input id="ss&q 阅读全文
摘要:
Pagination 分页 用 $.fn.pagination.defaults 重写了 defaults。依赖linkbutton用法1. <div id="pp" style="background:#efefef;border:1px solid #ccc;"></div> 1. $('#pp').pagination({ 2. total:2000, 3. pageSize:10 4. }); 特性名称类型说明默认值totalnumber记录总数,应该在创建pagination时设置。1pageSizenu 阅读全文
摘要:
Droppable 可释放 用$.fn.droppable.defaults重写defaults。用法1. <div id="dd" style="width:100px;height:100px;"></div> 1. $('#dd').droppable({ 2. accept:'#d1,#d3' 3. }); 特性名称类型说明默认值acceptselector确定将被接受的可拖拽元素。null事件名称参数说明onDragEntere,source当可拖拽元素被拖进来时触发。source参数指被 阅读全文
摘要:
Resizable 可调整尺寸 用$.fn.resizable.defaults重写defaults。用法1. <div id="rr" style="width:100px;height:100px;border:1px solid #ccc;"></div> 1. $('#rr').resizable({ 2. maxWidth:800, 3. maxHeight:600 4. }); 特性名称类型说明默认值disabledbooleantrue将禁止调整尺寸。falsehandlesstring指resiza 阅读全文
摘要:
Draggable 可拖拽 用$.fn.draggable.defaults重写默认的defaults。用法1. <div id="dd" style="width:100px;height:100px;"> 2. <div id="title" style="background:#ccc;">title</div> 3. </div> 1. $('#dd').draggable({ 2. handle:'#title' 3. }); 阅读全文
摘要:
EasyLoader 加载器 用法1. easyloader.base = '../'; // 设置easyui的基本路径 2. easyloader.load('messager', function(){ // 加载指定的模块 3. $.messager.alert('Title', 'load ok'); 4. }); 特性名称类型说明默认值modulesobject预定义的模块。 localesobject预定义的语言环境。 basestringeasyui的基本路径,必须以'/'结尾。基本路径将被自动相对 阅读全文
摘要:
Parser 解析器用法1. $.parser.parse(); // 解析整个页面 2. $.parser.parse('#cc'); // 解析某个具体节点 特性名称类型说明默认值$.parser.autoboolean定义是否自动解析easyui组件。true事件名称参数说明$.parser.onCompletecontext当解析器完成解析动作的时候触发。方法名称参数说明$.parser.parsecontext解析easyui组件。 阅读全文