随笔分类 -  EasyUI

1 2 下一页

PHP - 对象转json - json转数组
摘要:前台js转为json,传给php后台,php后台接收并转为数组。 效果: -- 前台js将对象转为json: var rows = JSON.stringify(rows); 后台php接收转为数组: $uploadfiles = json_decode(stripslashes($_POST['u 阅读全文

posted @ 2015-12-06 22:49 ultrastrong 阅读(1162) 评论(0) 推荐(0)

EasyUI - tab动态加载datagrid
摘要:addTab: function() { $("#myTabs").tabs('add', { title: 'my title', closable: true, tools: [{ iconCls: 'icon-mini-re... 阅读全文

posted @ 2015-12-06 13:11 ultrastrong 阅读(975) 评论(0) 推荐(0)

EasyUI - 后台管理系统 - 增加,删除,修改
摘要:效果:html代码: 管理界面 退出系统 版权信息 ... 阅读全文

posted @ 2015-11-08 20:12 ultrastrong 阅读(2460) 评论(0) 推荐(1)

EasyUI - 后台管理系统 - 登陆模块
摘要:效果:------Html代码: 账户: 密码: 登陆 CSS代码:#login { padding:6px 0 0 0;}p { height:22px; ... 阅读全文

posted @ 2015-11-05 16:55 ultrastrong 阅读(1023) 评论(0) 推荐(0)

JQuery - MD5加密
摘要:效果:JS代码:命名为任意名称,一般为:Jquery.md5.js/** * jQuery MD5 hash algorithm function * * * Calculate the md5 hash of a String * String $.m... 阅读全文

posted @ 2015-11-05 16:20 ultrastrong 阅读(8429) 评论(0) 推荐(0)

EasyUI - Tree 树组件
摘要:效果:数据库设计:使用的数据:其中的字段,是跟据要生成的树节点的属性定义的。text:代表要显示的字段名称。state:是否是目录节点。iconCls:节点的图标是什么。url:跳转的链接。生成的数据:html代码: JS代码: 后台使用的/treejson.ashx代码:using E... 阅读全文

posted @ 2015-11-05 12:36 ultrastrong 阅读(509) 评论(0) 推荐(0)

EasyUI - ComboBox 下拉组件
摘要:效果:html代码: JS代码: $(function () { $('#comb').combobox({ width: 100, valueField: 'id', textField: 'nam... 阅读全文

posted @ 2015-11-05 12:29 ultrastrong 阅读(221) 评论(0) 推荐(0)

EasyUI - DataGrid 组建 - [ 删除,修改 ]
摘要:效果: html代码: 添加 修改 删除 ... 阅读全文

posted @ 2015-11-02 20:11 ultrastrong 阅读(352) 评论(0) 推荐(0)

EasyUI - DataGrid 组建 - [ 新增功能 ]
摘要:效果:html代码: 添加 修改 删除 ... 阅读全文

posted @ 2015-11-02 12:40 ultrastrong 阅读(336) 评论(0) 推荐(0)

EasyUI - DataGrid 组建 - [ 搜索功能 ]
摘要:效果:html代码:使用css加载的方式,所以要在写html代码,也可以使用js操作。 添加 修改 删除 ... 阅读全文

posted @ 2015-11-01 16:26 ultrastrong 阅读(1044) 评论(0) 推荐(0)

EasyUI - DataGrid 组建 - [ 样式功能 ]
摘要:效果显示:同上次博文效果。html代码:同上次博文代码。js代码:align: 'center',//标题和内容居中resizable: false,//不允许改变大小//hidden:true,//隐藏该列fitColumns: false,//是否自适应宽度(出现滚动条)loadMsg: '正在... 阅读全文

posted @ 2015-11-01 13:14 ultrastrong 阅读(235) 评论(0) 推荐(0)

EasyUI - DataGrid 组建 - [ 排序功能 ]
摘要:效果:红框的字段看,为设置了,列排序,向后台Post数据sort/order。原理:向后台POST数据,sort/post数据。html代码: JS代码:$(function () { $('#tab').datagrid({ width: 500,//宽度... 阅读全文

posted @ 2015-10-28 13:53 ultrastrong 阅读(519) 评论(0) 推荐(0)

EasyUI - DataGrid 组建 - [ 组件加载和分页 ]
摘要:效果:原理:通过POST传递到数据后台字段。此时上传的参数,page:当前页数,rows:每页显示的页数。有此两项参数,计算取出数据条数。通过后台接受参数,进行处理并返回抽取的数据。html代码: JS代码:此时显示的列名称,对应的是JSON数据中的列名称。$(function... 阅读全文

posted @ 2015-10-27 21:55 ultrastrong 阅读(321) 评论(0) 推荐(0)

EasyUI - Datatable转Json and Json转Datatable
摘要:using System;using System.Data;using System.Linq;using System.Collections;using System.Collections.Generic;using System.Web.Script.Serialization;names... 阅读全文

posted @ 2015-10-26 14:09 ultrastrong 阅读(681) 评论(0) 推荐(0)

EasyUI - 一般处理程序 返回 Json值
摘要:使用 一般处理程序(ashx)返回Json值。原始Json数组的格式:[ { "number":"01", "name":"张三", "sex":"男" }, { "number":"02", "name":"李... 阅读全文

posted @ 2015-10-26 13:45 ultrastrong 阅读(564) 评论(0) 推荐(0)

EasyUI - Slider组件
摘要:效果:html代码: JS代码:$(function () { $('#box').slider({ width: 300,//设置为横向的时候有用 height:300,//设置为竖向时候才有用 //mode: 'v',//横向还是竖向... 阅读全文

posted @ 2015-10-25 13:59 ultrastrong 阅读(160) 评论(0) 推荐(0)

EasyUI - NumberSpinner 组件
摘要:效果:html代码: JS代码:$(function () { $('#ss').numberspinner({ //属性继承自Spinner组件 required: true,//进行验证是否为空 panelwidth: 200, ... 阅读全文

posted @ 2015-10-25 13:42 ultrastrong 阅读(643) 评论(0) 推荐(0)

EasyUI - DateBox组件
摘要:效果:html代码: JS代码:$(function () { //设置返回格式为:2014/12/23 $.fn.datebox.defaults.formatter = function (date) { var y = date.getF... 阅读全文

posted @ 2015-10-25 12:07 ultrastrong 阅读(258) 评论(0) 推荐(0)

EasyUI - NumberBox组件
摘要:效果:html代码: JS代码:$(function () { $('#box').numberbox({ //value: 10,//设置默认值 //min:20,//设置最小最,在页面中显示 //max:50,//设置最大值,在页面中... 阅读全文

posted @ 2015-10-24 22:39 ultrastrong 阅读(298) 评论(0) 推荐(0)

EasyUI - Combo组件
摘要:-自定义下拉组件,有别于ComboBox下拉组件。效果:html代码: 请选择一种水果: 苹果 香蕉 橘子 芒果 JS代码:$(function () { $('#box').combo({ // * 集... 阅读全文

posted @ 2015-10-24 16:13 ultrastrong 阅读(269) 评论(0) 推荐(0)

1 2 下一页