文档章节

Jquery FlexGrid

SKYCOBS
 SKYCOBS
发布于 2015/12/30 15:10
字数 637
阅读 157
收藏 2

行业解决方案、产品招募中!想赚钱就来传!>>>

Jquery FlexGrid 官方地址:http://www.flexigrid.info/

 

height: 200, //flexigrid插件的高度,单位为px

width: ‘auto’, //宽度值,auto表示根据每列的宽度自动计算

striped: true, //是否显示斑纹效果,默认是奇偶交互的形式

novstripe: false,

minwidth: 30, //列的最小宽度

minheight: 80, //列的最小高度

resizable: true, //是否可伸缩

url: false, //ajax方式对应的url地址

method: ‘POST’, // 数据发送方式

dataType: ‘xml’, // 数据加载的类型

errormsg: ‘Connection Error’,//错误提升信息

usepager: false, //是否分页

nowrap: true, //是否不换行

page: 1, //默认当前页

total: 1, //总页面数

useRp: true, //是否可以动态设置每页显示的结果数

rp: 15, // 每页默认的结果数

rpOptions: [10,15,20,25,40],//可选择设定的每页结果数

title: false,//是否包含标题

pagestat: ‘Displaying {from} to {to} of {total} items’,//显示当前页和总页面的样式

procmsg: ‘Processing, please wait …’,//正在处理的提示信息

query: ”,//搜索查询的条件

qtype: ”,//搜索查询的类别

nomsg: ‘No items’,//无结果的提示信息

minColToggle: 1, //minimum allowed column to be hidden

showToggleBtn: true, //show or hide column toggle popup

hideOnSubmit: true,//隐藏提交

autoload: true,//自动加载

blockOpacity: 0.5,//透明度设置

onToggleCol: false,//当在行之间转换时

onChangeSort: false,//当改变排序时

onSuccess: false,//成功后执行

onSubmit: false // 调用自定义的计算函数

 

一个简单的例子

Flexgrid应用

简单例子

看了看它接收json数据。它的格式应该为:

page:"1",total:"2",rows:[{cell:["1","宋江"……]},{cell:[……]}]}

 

所以返回的应该是这种格式。

数据由list表提供,如下:

·ashx
string strJson = "{page:\"1\",total:\"2\",rows:[{cell:[\"1\",\"宋江\",\"天魁星\",\"黑三郎\"]},{cell:[\"2\",\"吴用\",\"天机星\",\"智多星\"]}]}";
context.Response.Write(strJson);

page:当前页

total:页总数

·flexgrid

引入jquery库与flexgrid库及相关css样式

$("#flex1").flexigrid
({
    url: 'webdata/flex_1.ashx',
    dataType: 'json',
    colModel: [
    { display: '编号', name: 'Unid', width: 40, align: 'center' },
    { display: '姓名', name: 'CustomerName', width: 180, align: 'left' },
    { display: '称号', name: 'Memo', width: 120, align: 'left' },
    { display: '描述', name: 'Other', width: 130, align: 'left' }
    ],
    sortname: "Unid",
    sortorder: "asc",
    usepager: true,
    striped: true,
    title: '简单的应用',
    useRp: false,
    rp: 10,
    width: 'auto',
    height: 255
})

·页面加一个table,起名:flex1

<table id="flex1" style="display:none"></table>

 

其中flexigrid的js要放在table下边。

 

有点问题:

·Displaying 部分,用中文会显示乱码,现在没有解决。有解决的请告知一下。

·firefox中正常,但在ie中加载有延迟且多数不能显示。同样,有解决的请告知一下。


特别提醒: sortable: false 一定是false

  { display: '<input  type=\"checkbox\"  name=\"chk_ProductRole\"  onclick=\'CheckAll(this)\' />', name: 'select', width: 100, height: 80, sortable: false, align: 'center' },

相关网址 http://matychen.iteye.com/blog/611837

SKYCOBS
粉丝 10
博文 122
码字总数 19280
作品 0
呼和浩特
程序员
私信 提问
加载中
请先登录后再评论。
访问安全控制解决方案

本文是《轻量级 Java Web 框架架构设计》的系列博文。 今天想和大家简单的分享一下,在 Smart 中是如何做到访问安全控制的。也就是说,当没有登录或 Session 过期时所做的操作,会自动退回到...

黄勇
2013/11/03
3.4K
6
表单验证插件--Jquery表单验证插件

目前支持对以下格式的值进行验证: cnum-(纯数字), char-(纯字母), zwen-(中文), bysc-(字母开头), mail(邮箱), yzbm(邮政编码) 其中的‘’表示长度,比如“zwen1-5”表示中文1-5位的长度。同...

huanganiu
2013/01/23
4.4K
0
JS框架--Cyer

Cyer是一个轻量、小巧的js框架,精简易懂的API设计,支持链式调用,有点jQuery的味道。核心部分为选择器(selector)、dom操作、event机制。暂不支持animate功能。版本更新到v1.0.3,增加domRe...

黄昌运
2013/03/06
2.1K
0
jQuery仿亚马逊风格图片滚动插件--amazon_scroller.js

亚马逊是美国甚至是全世界最大的网络电子商务公司,它的网站也相对简单,不花哨。这款图片滚动效果正是模仿自亚马逊网站,自定义参数比较多,可以设置图片滚动间隔、是否显示标题、图片大小、...

dowebok
2013/04/04
2.2K
1
超快的css selector引擎--kquery 2.0

kquery是一款基于javascript完整实现css3选择器引擎. 兼容所有主流浏览器ie6+/chrome/firefox/opera/safari, 压缩和gzip之后仅8kb大小。智能编译引擎优化去除不必要的逻辑, 查询速度远胜于...

aaron.xiao
2012/10/23
664
0

没有更多内容

加载失败,请刷新页面

加载更多

如何在Pandas的DataFrame中的行上进行迭代? - How to iterate over rows in a DataFrame in Pandas?

问题: I have a DataFrame from pandas: 我有一个来自熊猫的DataFrame : import pandas as pdinp = [{'c1':10, 'c2':100}, {'c1':11,'c2':110}, {'c1':12,'c2':120}]df = pd.DataFrame(......

富含淀粉
18分钟前
12
0
与电商节伴生,平台销量榜单背后还有被低估的营销价值

文 | 曾响铃 来源 | 科技向令说(xiangling0815) 时至今日,电商节已经成为各巨头零售平台例行的活动,花样在不断创新,玩法也在不断涌现。 在这个过程中,伴随电商节的各种品牌、产品销量榜...

曾响铃
19分钟前
14
0
volatile关键字详解

前言 提到JAVA的并发编程,就不得不提volatile关键字,不管是在面试还是实际开发中,volatile关键字的使用都是一个应该掌握的技能。它之所以重要,是因为它和JAVA并发编程中会遇到三种重要问...

ls_cherish
45分钟前
10
0
比继承更偏爱组成? - Prefer composition over inheritance?

问题: Why prefer composition over inheritance? 为什么更喜欢使用组合而不是继承? What trade-offs are there for each approach? 每种方法都有哪些取舍? When should you choose inher...

javail
48分钟前
17
0
2020软件测试工程师史上最全面试题(内含答案)-看完BATJ面试官对你竖起大拇指!

以下是软件测试相关的面试题及答案,欢迎大家参考! 我不是至尊宝,也不是孙悟空,我只是那城墙下的一猿。  1、你的测试职业发展是什么?  测试经验越多,测试能力越高。所以我的职业发展是需...

程序员一凡
52分钟前
15
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部