摘要: 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 韩天伟 阅读(23933) 评论(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 韩天伟 阅读(11833) 评论(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 韩天伟 阅读(1778) 评论(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 韩天伟 阅读(2526) 评论(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 韩天伟 阅读(10734) 评论(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 韩天伟 阅读(1368) 评论(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 韩天伟 阅读(1057) 评论(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 韩天伟 阅读(1279) 评论(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 韩天伟 阅读(1904) 评论(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 韩天伟 阅读(691) 评论(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 韩天伟 阅读(1899) 评论(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 韩天伟 阅读(6330) 评论(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 韩天伟 阅读(883) 评论(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 韩天伟 阅读(2375) 评论(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 韩天伟 阅读(550) 评论(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 韩天伟 阅读(7502) 评论(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 韩天伟 阅读(13215) 评论(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 韩天伟 阅读(4179) 评论(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 韩天伟 阅读(814) 评论(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 韩天伟 阅读(654) 评论(0) 推荐(0) 编辑