随笔分类 - EasyUI
摘要：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组件。
阅读全文
摘要：每个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' 是指传递给方法的真正
阅读全文
摘要：扩展自 $.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
阅读全文
浙公网安备 33010602011771号