摘要：
Tree 树 用 $.fn.tree.defaults 重写了 defaults。依赖draggabledroppable用法Tree 能在 <ul> 元素里定义，此标记可以定义为叶节点和子节点。下面是一个示例：1. <ul id="tt"> 2. <li> 3. <span>Folder</span> 4. <ul> 5. <li> 6. <span>Sub Folder 1</span> 7. <ul> 8. <li> 9. <spa 阅读全文
posted @ 2012-03-19 22:57
韩天伟
阅读(23993)
评论(0)
推荐(1)
摘要：
TreeGrid 树形表格 扩展自 $.fn.datagrid.defaults，用 $.fn.treegrid.defaults 重写了 defaults。依赖datagrid用法1. <table id="tt"></table> 1. $('#tt').treegrid({ 2. url:'treegrid_data.json', 3. treeField:'name', 4. columns:[[ 5. {title:'Task Name',field:'name' 阅读全文
posted @ 2012-03-19 22:57
韩天伟
阅读(11892)
评论(0)
推荐(0)
摘要：
PropertyGrid 属性表格 扩展自 $.fn.datagrid.defaults，用 $.fn.propertygrid.defaults 重写了 defaults。依赖datagrid用法1. <table id="pg"></table> 1. $('#pg').propertygrid({ 2. url:'propertygrid_data.json', 3. showGroup:true 4. }); 特性其特性扩展自 datagrid，下列是为 propertygrid 增加的特性。名称类型说明默认值 阅读全文
posted @ 2012-03-19 22:56
韩天伟
阅读(1799)
评论(0)
推荐(0)
摘要：
DataGrid 数据表格 扩展自 $.fn.panel.defaults ，用 $.fn.datagrid.defaults 重写了 defaults 。依赖panelresizablelinkbuttonpagination用法1. <table id="tt"></table> 1. $('#tt').datagrid({ 2. url:'datagrid_data.json', 3. columns:[[ 4. {field:'code',title:'Code',width:1 阅读全文
posted @ 2012-03-19 22:55
韩天伟
阅读(2581)
评论(0)
推荐(0)
摘要：
Messager 消息框 用 $.messager.defaults 重写了 defaults。 依赖windowlinkbuttonprogressbar用法1. $.messager.alert('Warning','The warning message'); 2. $.messager.confirm('Confirm','Are you sure you want to delete record?',function(r){ 3. if (r){ 4. alert('ok'); 5. } 6. }); 阅读全文
posted @ 2012-03-19 22:54
韩天伟
阅读(10775)
评论(0)
推荐(0)
摘要：
Dialog 对话框 扩展自 $.fn.window.defaults，用 $.fn.dialog.defaults 重写了 defaults。 依赖windowlinkbutton用法1. <div id="dd" title="My Dialog" style="width:400px;height:200px;"> 2. Dialog Content. 3. </div> 1. $('#dd').dialog({ 2. modal:true 3. }); 特性其特性扩展自 window，下 阅读全文
posted @ 2012-03-19 22:53
韩天伟
阅读(1390)
评论(0)
推荐(0)
摘要：
Window 窗口 扩展自 $.fn.panel.defaults，用 $.fn.window.defaults 重写了 defaults。 依赖draggableresizablepanel用法1. <div id="win" iconCls="icon-save" title="My Window"> 2. Window Content 3. </div> 1. $('#win').window({ 2. width:600, 3. height:400, 4. modal:true 5. 阅读全文
posted @ 2012-03-19 22:52
韩天伟
阅读(1074)
评论(0)
推荐(0)
摘要：
TimeSpinner 时间微调器 扩展自 $.fn.spinner.defaults，用 $.fn.timespinner.defaults 重写了 defaults。 依赖spinner用法1. <input id="ss" required="true" style="width:80px;"> 1. $('#ss').timespinner({ 2. showSeconds:true 3. }); 特性其特性扩展自 spinner，下列是为 timespinner 增加的特性。.名称类型说明默认值s 阅读全文
posted @ 2012-03-19 22:51
韩天伟
阅读(1303)
评论(0)
推荐(0)
摘要：
Spinner 微调器 扩展自 $.fn.validatebox.defaults，用 $.fn.spinner.defaults 重写了 defaults。依赖validatebox用法1. <input id="ss" value="2"> 1. $('#ss').spinner({ 2. required:true, 3. increment:10 4. }); 特性其特性扩展自 validatebox，下列是为 spinner 增加的特性。名称类型说明默认值widthnumber组件的宽度。autovaluestrin 阅读全文
posted @ 2012-03-19 22:50
韩天伟
阅读(1916)
评论(0)
推荐(0)
摘要：
NumberSpinner 数值微调器 扩展自 $.fn.spinner.defaults 和 $.fn.numberbox.defaults，用 $.fn.numberspinner.defaults 重写了 defaults。 依赖spinnernumberbox用法1. <input id="ss" min="10" max="100" required="true" style="width:80px;"> 1. $('#ss').numberspinner( 阅读全文
posted @ 2012-03-19 22:50
韩天伟
阅读(714)
评论(0)
推荐(0)
摘要：
Calendar 日历 用 $.fn.calendar.defaults 重写了 defaults。 用法1. <div id="cc" style="width:180px;height:180px;"></div> 1. $('#cc').calendar({ 2. width:600, 3. height:600, 4. current:new Date() 5. }); 特性名称类型说明默认值widthnumber日历组件的宽度。180heightnumber日历组件的高度。180fitbooleantru 阅读全文
posted @ 2012-03-19 22:49
韩天伟
阅读(1935)
评论(0)
推荐(0)
摘要：
DateTimeBox 日期时间框扩展自 $.fn.datebox.defaults。用 $.fn.datetimebox.defaults 重写了 defaults。依赖dateboxtimespinner用法1. <input id="dt" type="text"></input> 取值：$('#DateEnd').datetimebox('getValue')1. $('#dt').datetimebox({ 2. showSeconds:false3. }); 特性其特性扩 阅读全文
posted @ 2012-03-19 22:48
韩天伟
阅读(6387)
评论(0)
推荐(0)
摘要：
DateBox 日期框 扩展自 $.fn.combo.defaults。用 $.fn.datebox.defaults 重写了 defaults。 依赖combocalendar用法1. <input id="dd" type="text"></input> 1. $('#dd').datebox({ 2. required:true 3. }); 特性其特性扩展自 combo，下列是为 datebox 增加的特性。名称类型说明默认值panelWidthnumber下拉日历面板的宽度。180panelHeightn 阅读全文
posted @ 2012-03-19 22:47
韩天伟
阅读(911)
评论(0)
推荐(0)
摘要：
ComboGrid 组合表格 扩展自 $.fn.combo.defaults 和 $.fn.datagrid.defaults，用 $.fn.combogrid.defaults 重写了 defaults 。依赖combodatagrid用法1. <select id="cc" name="dept" style="width:250px;"></select> 1. <input id="cc" name="dept" value="01"&g 阅读全文
posted @ 2012-03-19 22:46
韩天伟
阅读(2432)
评论(0)
推荐(0)
摘要：
NumberBox 数字框 扩展自 $.fn.validatebox.defaults，用 $.fn.numberbox.defaults 重写了 defaults 。依赖validatebox用法1. <input type="text" id="nn"></input> 1. $('#nn').numberbox({ 2. min:0, 3. precision:2 4. }); 特性其特性扩展自 validatebox，下列是为 numberbox 增加的特性。名称类型说明默认值disabledboolean 阅读全文
posted @ 2012-03-19 22:46
韩天伟
阅读(585)
评论(0)
推荐(0)
摘要：
ComboTree 组合树 扩展自 $.fn.combo.defaults 和 $.fn.tree.defaults。用 $.fn.combotree.defaults 重写了defaults。 依赖combotree用法1. <select id="cc" style="width:200px;"></select> 1. <input id="cc" value="01"> 1. $('#cc').combotree({ 2. url:'tree_da 阅读全文
posted @ 2012-03-19 22:44
韩天伟
阅读(7533)
评论(0)
推荐(0)
摘要：
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< 阅读全文
posted @ 2012-03-19 22:43
韩天伟
阅读(13276)
评论(0)
推荐(0)
摘要：
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，下列是为 阅读全文
posted @ 2012-03-19 22:42
韩天伟
阅读(4206)
评论(0)
推荐(0)
摘要：
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 正则表达式规则 阅读全文
posted @ 2012-03-19 22:41
韩天伟
阅读(824)
评论(0)
推荐(0)
摘要：
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. $(' 阅读全文
posted @ 2012-03-19 22:40
韩天伟
阅读(668)
评论(0)
推荐(0)
摘要：
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 阅读全文
posted @ 2012-03-19 22:39
韩天伟
阅读(620)
评论(0)
推荐(0)
摘要：
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 阅读全文
posted @ 2012-03-19 22:38
韩天伟
阅读(1522)
评论(0)
推荐(0)
摘要：
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') 阅读全文
posted @ 2012-03-19 22:37
韩天伟
阅读(752)
评论(0)
推荐(0)
摘要：
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=" 阅读全文
posted @ 2012-03-19 22:36
韩天伟
阅读(5275)
评论(0)
推荐(1)
摘要：
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 阅读全文
posted @ 2012-03-19 22:35
韩天伟
阅读(2928)
评论(0)
推荐(0)
摘要：
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=& 阅读全文
posted @ 2012-03-19 22:33
韩天伟
阅读(2836)
评论(0)
推荐(0)
摘要：
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 阅读全文
posted @ 2012-03-19 22:32
韩天伟
阅读(6711)
评论(0)
推荐(0)
摘要：
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 阅读全文
posted @ 2012-03-19 22:31
韩天伟
阅读(30236)
评论(1)
推荐(0)
摘要：
ProgressBar 进度条 用$.fn.progressbar.defaults重写defaults。 依赖none用法示例创建ProgressBarProgressBar能够从html标记创建或者编程创建。从标记创建更容易些，把 'easyui-progressbar' 类加入到<div/>标记。1. <div id="p" class="easyui-progressbar" style="width:400px;"></div> 获取或者设置值我们获取当前值并且给这个组件设 阅读全文
posted @ 2012-03-19 22:30
韩天伟
阅读(7547)
评论(0)
推荐(0)
摘要：
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 阅读全文
posted @ 2012-03-19 22:29
韩天伟
阅读(798)
评论(0)
推荐(0)
摘要：
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 阅读全文
posted @ 2012-03-19 22:26
韩天伟
阅读(524)
评论(0)
推荐(0)
摘要：
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参数指被 阅读全文
posted @ 2012-03-19 22:25
韩天伟
阅读(246)
评论(0)
推荐(0)
摘要：
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 阅读全文
posted @ 2012-03-19 22:25
韩天伟
阅读(318)
评论(0)
推荐(0)
摘要：
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. }); 阅读全文
posted @ 2012-03-19 22:24
韩天伟
阅读(403)
评论(0)
推荐(0)
摘要：
EasyLoader 加载器 用法1. easyloader.base = '../'; // 设置easyui的基本路径 2. easyloader.load('messager', function(){ // 加载指定的模块 3. $.messager.alert('Title', 'load ok'); 4. }); 特性名称类型说明默认值modulesobject预定义的模块。 localesobject预定义的语言环境。 basestringeasyui的基本路径，必须以'/'结尾。基本路径将被自动相对 阅读全文
posted @ 2012-03-19 22:23
韩天伟
阅读(389)
评论(0)
推荐(0)
摘要：
Parser 解析器用法1. $.parser.parse(); // 解析整个页面 2. $.parser.parse('#cc'); // 解析某个具体节点 特性名称类型说明默认值$.parser.autoboolean定义是否自动解析easyui组件。true事件名称参数说明$.parser.onCompletecontext当解析器完成解析动作的时候触发。方法名称参数说明$.parser.parsecontext解析easyui组件。 阅读全文
posted @ 2012-03-19 22:22
韩天伟
阅读(408)
评论(0)
推荐(0)
摘要：
每个easyui组件都有特性（property）、方法（method）和事件（event），用户可以很容易地扩展它们。特性特性在jQuery.fn.{plugin}.defaults里定义。例如， dialog的特性在jQuery.fn.dialog.defaults里定义。事件事件（回调函数）也在jQuery.fn.{plugin}.defaults里定义。方法方法在jQuery.fn.{plugin}.methods里定义。每个方法有两个参数：jq和param。第一个参数'jq'是必须的，它是指jQuery对象。第二个参数'param' 是指传递给方法的真正 阅读全文
posted @ 2012-03-19 22:20
韩天伟
阅读(476)
评论(0)
推荐(0)
摘要：
扩展自 $.fn.panel.defaults ，用 $.fn.datagrid.defaults 重写了 defaults 。依赖panelresizablelinkbuttonpagination用法1. <table id="tt"></table> 1. $('#tt').datagrid({ 2. url:'datagrid_data.json', 3. columns:[[ 4. {field:'code',title:'Code',width:100}, 5. {field 阅读全文
posted @ 2012-03-19 22:18
韩天伟
阅读(2027)
评论(0)
推荐(0)
浙公网安备 33010602011771号