摘要：
本章我们开始进行后台管理界面的设计，本节课设计一下登录后的管理页。一． 登录验证首先，创建一个数据库：easyui；其次，创建一个表：easyui_admin；然后，创建三个字段：id(自动编号)、manager(管理员帐号)、password(管理员密码)、create(创建时间)。//服务器端验... 阅读全文
摘要：
一．L HTML 部分管理员帐号：管理员密码：登录二．S CSS 部分#login {padding:6px 0 0 0;}p {height:22px;line-height:22px;padding:4px 0 0 25px;}.textbox {height:22px;padding:0 2... 阅读全文
摘要：
本节课重点了解 EasyUI 中 TreeGrid(树形表格)组件的使用方法，这个组件依赖于DataGrid(数据表格)组件一． 加载方式//建立一个 JSON 文件[{"id" : 1,"name" : "系统管理","date" : "2015-05-10","children" : [{"id... 阅读全文
摘要：
本节课重点了解EasyUI中Tree(树)组件的使用方法， 这个组件依赖于Combo(下拉框)和 Tree(树)组件。一． 加载方式//class 加载方式//JS 加载方式$('#box').combotree({url : 'tree.json',required : true,});二． 属性... 阅读全文
摘要：
本节课重点了解 EasyUI 中 Tree(树)组件的使用方法， 这个组件依赖于 Draggable(拖动)和 Droppable(放置)组件。一．方法列表//部分方法onClick : function (node) {console.log($('#box').tree('getNode', n... 阅读全文
摘要：
本节课重点了解 EasyUI 中 Tree(树)组件的使用方法， 这个组件依赖于 Draggable(拖动)和 Droppable(放置)组件。一． 事件列表很多事件的回调函数都包含'node'参数，其具备如下属性：id：绑定节点的标识值。text：显示的节点文本。iconCls：显示的节点图标 C... 阅读全文
摘要：
本节课重点了解 EasyUI 中 Tree(树)组件的使用方法， 这个组件依赖于 Draggable(拖动)和 Droppable(放置)组件。一． 异步加载如果想从数据库里获取导航内容， 那么就必须实现一张父类子类的无限极分类表。 主要有 id(编号)、text(名称)、state(状态)、tid... 阅读全文
摘要：
本节课重点了解 EasyUI 中 Tree(树)组件的使用方法， 这个组件依赖于 Draggable(拖动)和 Droppable(放置)组件。一． 加载方式//class 加载方式系统管理主机信息版本信息数据库信息更新信息程序信息会员管理新增会员审核会员树控件数据格式化：id：节点 ID，对加载远... 阅读全文
摘要：
本节课重点了解 EasyUI 中 PropertyGird(属性表格)组件的使用方法，这个组件依赖于 DataGrid(数据表格)组件。一． 加载方式//class 加载方式//property.json[{"name" : "PHP 版本","value" : "5.4","group" : "系... 阅读全文
摘要：
一． 加载方式//class 加载方式//JS 加载方式$('#box').combogrid({panelWidth : 600,idField : 'id',textField : 'user',url : 'content.json',columns : [[{field : 'id',tit... 阅读全文
摘要：
一． 加载方式//class 加载方式//JS 加载方式$('#box').combobox({valueField : 'id',textField : 'user',url : 'content.json',});二．属性列表//部分属性$('#box').combobox({valueFiel... 阅读全文
摘要：
本节课重点了解 EasyUI 中 DataGrid(数据表格)组件的使用方法，这个组件依赖于Panel(面板)、Resizeable(调整大小)、LinkButton(按钮)、Pageination(分页)组件。一．剩下的方法多喝事件+//部分事件onClickRow : function (row... 阅读全文
摘要：
本节课重点了解 EasyUI 中 DataGrid(数据表格)组件的使用方法，这个组件依赖于Panel(面板)、Resizeable(调整大小)、LinkButton(按钮)、Pageination(分页)组件。一．其他功能//其他功能$('#box').datagrid({width : 300,... 阅读全文
摘要：
本节课重点了解 EasyUI 中 DataGrid(数据表格)组件的使用方法，这个组件依赖于Panel(面板)、Resizeable(调整大小)、LinkButton(按钮)、Pageination(分页)组件。一． 后台交互//删除记录$.ajax({type : 'POST',url : 'de... 阅读全文
摘要：
本节课重点了解 EasyUI 中 DataGrid(数据表格)组件的使用方法，这个组件依赖于Panel(面板)、Resizeable(调整大小)、LinkButton(按钮)、Pageination(分页)组件。一． 修改删除功能//双击进入编辑状态onDblClickRow : function ... 阅读全文
摘要：
本节课重点了解 EasyUI 中 DataGrid(数据表格)组件的使用方法，这个组件依赖于Panel(面板)、Resizeable(调整大小)、LinkButton(按钮)、Pageination(分页)组件。一． 新增功能columns : [[{field : 'user',title : '... 阅读全文