随笔分类 - easyui
摘要:本节课主要是创建一个问题表,将提问数据通过 ajax 方式提交出去。然后对内容显示进行布局,实现内容部分隐藏和完整显示的功能。一.Ajax 提问创建一个数据表:question,分别建立:id、title、content、user、date。然后创建一个 PHP 文件:add_content.php...
阅读全文
摘要:本章我们开始进行后台管理界面的设计,本节主要操作管理员模块。一.修改管理员//Aajx 提交修改if ($('#manage_edit').form('validate')) {$.ajax({url : 'updateManager.php',type : 'POST',data : {id : ...
阅读全文
摘要:本章我们开始进行后台管理界面的设计,本节主要操作管理员模块。一. 修改管理员//HTML 部分管理帐号:管理密码:分配权限://修改 dialog 弹窗$('#manage_edit').dialog({width : 350,title : '修改管理',iconCls : 'icon-user-...
阅读全文
摘要:本章我们开始进行后台管理界面的设计,本节主要操作管理员模块。一. 前端新增管理//HTML管理帐号:管理密码:分配权限://新增管理弹窗$('#manage_add').dialog({width : 350,title : '新增管理',iconCls : 'icon-user-add',moda...
阅读全文
摘要:本章我们开始进行后台管理界面的设计,本节主要操作管理员模块。一.L HTML 部分//非管理员登录跳转//管理员模块的 DataGrid 数据表//管理员模块的工具栏添加修改删除刷新取消选择查询管理员:创建时间从:到:查询//管理员模块的 JS 文件二.y jQuery 部分//DataGrid ...
阅读全文
摘要:本章我们开始进行后台管理界面的设计,本节课设计一下导航栏设计。一. 退出登录//logout.php二. 导航栏设计根据生成的 JSON 方案,表如下://nav.php//tree 结构$('#nav').tree({url : 'nav.php',lines : true,onLoadSucce...
阅读全文
摘要:本章我们开始进行后台管理界面的设计,本节课设计一下登录后的管理页。一. 登录验证首先,创建一个数据库: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...
阅读全文

浙公网安备 33010602011771号