随笔分类 - EasyUI
摘要：在网上查了很长时间没有找到解决方法，干脆自已查看一下代码来解决吧，随是压缩过的，不过也还是好查的，工夫不负有心人，终于解决了，方法如下：一、我们先让表格自适应宽度 Basic DataGrid - jQuery EasyUI Demo Basic DataGrid The DataGrid is created from markup, no JavaScript code needed. Item ID...
阅读全文
摘要：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'
阅读全文
摘要：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
阅读全文
摘要：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 增加的特性。名称类型说明默认值
阅读全文
摘要：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
阅读全文
摘要：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. });
阅读全文
摘要：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，下
阅读全文
摘要：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.
阅读全文
摘要：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
阅读全文
摘要：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
阅读全文
摘要：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(
阅读全文
摘要：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
阅读全文
摘要：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. }); 特性其特性扩
阅读全文
摘要：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
阅读全文
摘要：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
阅读全文
摘要：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
阅读全文
摘要：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
阅读全文
摘要：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 正则表达式规则
阅读全文
