随笔分类 - easyui
摘要:本节课重点了解 EasyUI 中 DataGrid(数据表格)组件的使用方法,这个组件依赖于Panel(面板)、Resizeable(调整大小)、LinkButton(按钮)、Pageination(分页)组件。一. 修改删除功能//双击进入编辑状态onDblClickRow : function ...
阅读全文
摘要:本节课重点了解 EasyUI 中 DataGrid(数据表格)组件的使用方法,这个组件依赖于Panel(面板)、Resizeable(调整大小)、LinkButton(按钮)、Pageination(分页)组件。一. 新增功能columns : [[{field : 'user',title : '...
阅读全文
摘要:本节课重点了解 EasyUI 中 DataGrid(数据表格)组件的使用方法,这个组件依赖于Panel(面板)、Resizeable(调整大小)、LinkButton(按钮)、Pageination(分页)组件。一.查询功能//工具栏设置添加修改删除查 询 帐 号 : 创 建 时 间 从 : 到 :...
阅读全文
摘要:本节课重点了解 EasyUI 中 DataGrid(数据表格)组件的使用方法,这个组件依赖于Panel(面板)、Resizeable(调整大小)、LinkButton(按钮)、Pageination(分页)组件。一. 样式设置//样式设置$('#box').datagrid({url : 'user...
阅读全文
摘要:本节课重点了解 EasyUI 中 DataGrid(数据表格)组件的使用方法,这个组件依赖于Panel(面板)、Resizeable(调整大小)、LinkButton(按钮)、Pageination(分页)组件。一.排序功能//分页和排序$('#box').datagrid({url : 'user...
阅读全文
摘要:本节课重点了解 EasyUI 中 DataGrid(数据表格)组件的使用方法,这个组件依赖于Panel(面板)、Resizeable(调整大小)、LinkButton(按钮)、Pageination(分页)组件。一. 加载方式DataGrid 以表格形式展示数据,并提供了丰富的选择、排序、分组和编辑...
阅读全文
摘要:本节课重点了解 EasyUI 中 Form(表单)组件的使用方法, 这个组件不依赖于任何组件。一. 加载方式表单组件只能在 JS 区域设置,首先定义一张表单。Name:Email://JS 加载调用$('#box').form({url : 'content.php',onSubmit: funct...
阅读全文
摘要:本节课重点了解 EasyUI 中 Slider(滑动条)组件的使用方法,这个组件依赖于Draggable(拖动)组件。一. 加载方式//class 加载方式//JS 加载调用$('#box').slider({width : 300,value : 12,rule : [0,'|',25,'|',5...
阅读全文
摘要:本节课重点了解 EasyUI 中 DateTimeBox(日期时间输入框)组件的使用方法,这个组件依赖于 DateBox(日期输入框)组件和 TimeSpinner(时间微调)组件。一. 加载方式//class 加载方式//JS 加载调用$('#box').datetimebox({value : ...
阅读全文
摘要:本节课重点了解 EasyUI 中 Spinner(微调)组件的使用方法,这个组件依赖于Spinner(微调)组件。一. 加载方式//class 加载方式//JS 加载调用$('#box').timespinner({value : '00:00',min : '00:00',max : '23:59...
阅读全文
摘要:本节课重点了解 EasyUI 中 Spinner(微调)组件的使用方法,这个组件依赖于Numberbox(数值输入框)和 Spinner(微调)组件。一. 加载方式//class 加载方式//JS 加载调用$('#box').numberspinner({value : 10,increment :...
阅读全文
摘要:本节课重点了解 EasyUI 中 Spinner(微调)组件的使用方法,这个组件依赖于ValidateBox(验证框)组件。 一. 加载方式Spinner(微调)组件是其他两款高级微调组件的基础组件,默认情况下无法微调。这个组件不支持 class 加载方式。<input id="box" value
阅读全文
摘要:本节课重点了解 EasyUI 中 DateBox(日期输入框)组件的使用方法,这个组件依赖于Combo(自定义下拉框)和 Calendar(日历)。一. 加载方式//class 加载方式//JS 加载调用$('#box').datebox({});二. 属性列表//属性设置$('#box').d...
阅读全文
摘要:本节课重点了解 EasyUI 中 Canlendar(日历)组件的使用方法,这个组件不依赖于其他组件。一. 加载方式//class 加载方式//JS 加载调用$('#box').calendar({});二.属性列表//属性设置$('#box').calendar({width : 200,heig...
阅读全文
摘要:本节课重点了解 EasyUI 中 NumberBox(数值输入框)组件的使用方法,这个组件依赖于 ValidateBox(验证框)组件。一. 加载方式//class 加载方式//JS 加载调用$('#box').numberbox({min : 0,precision : 2,});二. 属性列表/...
阅读全文
摘要:本节课重点了解 EasyUI 中 Combo(自定义下拉框)组件的使用方法,这个组件依赖于ValidateBox(验证框)组件一. 加载方式自定义下拉框不能通过标签的方式进行创建。//JS 加载调用$('#box').combo({required : true,multiple : true,})...
阅读全文
摘要:本节课重点了解 EasyUI 中 ValidateBox(验证框)组件的使用方法,这个组件依赖于Tooltip(提示框)组件。一. 加载方式//class 加载方式//JS 加载调用$('#email').validatebox({required : true,validType : 'email...
阅读全文
摘要:一. 加载方式//class 加载方式All NewsSports News//JS 加载调用$('#ss').searchbox({searcher : function (value, name) {alert(value + ',' + name);},menu : '#box',prompt...
阅读全文
摘要:一. 加载方式//class 加载方式//JS 加载调用$('#box').pagination({total : 2000,pageSize : 10,});//实现一个 panel 结合 pagination 分页例子,需要一个 PHP 分页文件二.属性列表//属性设置$('#box').pag...
阅读全文
摘要:一. 加载方式//class 加载方式编辑OkCancel//JS 加载方式$('#box').spiltbutton({});二. 属性列表//属性列表,其他属性,参考依赖组件 LinkButton$('#edit').splitbutton({plain : false,menu : '#box...
阅读全文

浙公网安备 33010602011771号