jQuery EasyUI,SplitButton(分割按钮)组件 学习要点: 1.加载方式 2.属性列表 3.方法列表 本节课重点了解 EasyUI 中 SplitButton(分割按钮)组件的使用方法,这个组件依赖 于 Menu(菜单)组件和 LinkButton(按钮)组件. 注意:SplitButton(分割按钮)组件与,MenuButton(菜单按钮)是一样的,不同是(分割按钮)组件多了一个分隔符 一加载方式 class 加载方式 <a href="javascript:void…

EasyUI Menu 菜单 通过 $.fn.menu.defaults 重写默认的 defaults. 菜单(Menu)通常用于上下文菜单.它是创建其他菜单组件(比如:menubutton.splitbutton)的基础组件.它也能用于导航和执行命令. 用法 创建菜单(Menu) 通过标记创建菜单(menu)应该添加 'easyui-menu' class 到 <div> 标记.每个菜单项(menu item)通过 <div> 标记创建.我们可以添加 'iconCls' 属性到菜…

效果: html代码: <!--使用标签创建,直接使用即可,不必使用js代码--> <%--<a href="javascript:void(0)" id="sb" class="easyui-splitbutton" data-options="menu:'#mm',iconCls:'icon-ok', plain:false," onclick="javascript:alert('ok'…

jQuery EasyUI,TreeGrid(树形表格)组件 学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表 本节课重点了解 EasyUI 中 TreeGrid(树形表格)组件的使用方法,这个组件依赖于 DataGrid(数据表格)组件. 一．加载方式 建立一个 JSON 文件 [ { "id": 1, "name": "系统管理", "date": "2015-05-10", &quo…

jQuery EasyUI,Messager(消息窗口)组件 学习要点: 1.加载方式 2.属性列表 3.方法列表 本节课重点了解 EasyUI 中 Messager(消息窗口)组件的使用方法,这个组件依赖于 Window(窗口)组件.progressbar(进度条)组件. 一．加载方式 消息窗口提供了不同的消息框风格,包含 alert(警告框).confirm(确认框). prompt(提示框).progress(进度框)等.所有消息框都是异步的,用户可以在交互消息之 后使用回调函数去处理结果…

jQuery EasyUI,DataGrid(数据表格)组件 学习要点: 1.加载方式 2.分页功能 本节课重点了解 EasyUI 中 DataGrid(数据表格)组件的使用方法,这个组件依赖于 Panel(面板).Resizeable(调整大小).LinkButton(按钮).Pageination(分页)组件. 一．加载方式 DataGrid 以表格形式展示数据,并提供了丰富的选择.排序.分组和编辑数据的功能 支持.DataGrid 的设计用于缩短开发时间,并且使开发人员不需要具备特定的知识…

jQuery EasyUI,PropertyGird(属性表格)组件 学习要点: 1.加载方式 2.属性列表 3.方法列表 本节课重点了解 EasyUI 中 PropertyGird(属性表格)组件的使用方法,这个组件依赖 于 DataGrid(数据表格)组件. 一．加载方式 class 加载方式 <table id="box" class="easyui-propertygrid" style="width:300px" data-opt…

jQuery EasyUI,Form(表单)组件 学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表 本节课重点了解 EasyUI 中 Form(表单)组件的使用方法,这个组件不依赖于任何组件 一．加载方式 表单组件只能在 JS 区域设置,首先定义一张表单. <form id="box" method="post"> <div> <label>用户名:</label> <input type=&q…

jQuery EasyUI,Slider(滑动条)组件 学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表 本节课重点了解 EasyUI 中 Slider(滑动条)组件的使用方法,这个组件依赖于 Draggable(拖动)组件. 一．加载方式 class 加载方式 <input class="easyui-slider" value="12" style="width:300px" data-options="sh…

jQuery EasyUI,TimeSpinner(时间微调)组件 学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表 本节课重点了解 EasyUI 中 TimeSpinner(时间微调)组件的使用方法,这个组件依赖于 Spinner(微调)组件. 一．加载方式 class 加载方式 <input id="box" class="easyui-timespinner"> timespinner()将一个输入框执行时间微调组件方法 JS 加…