JQuery的Flexigrid的API使用
来源:互联网 发布:mac哪个国家的 编辑:程序博客网 时间:2024/06/05 02:47
http://chenhailong.iteye.com/blog/1770740
JQuery Flexigrid 是一个不错的table插件,给大家介绍一下
1.官网
http://flexigrid.info/
2.优势
支持主流的table功能,简单实用,学习周期短,是一个不错的table插件
3.实践
先书写HTML
- <table class="flexme1">
- <thead>
- <tr>
- <th width="100">Col 1</th>
- <th width="100">Col 2</th>
- <th width="100">Col 3 is a long header name</th>
- <th width="300">Col 4</th>
- </tr>
- </thead>
- <tbody>
- <tr><td>This is data 1 with overflowing content</td><td>This is data 2</td><td>This is data 3</td><td>This is data 4</td></tr>
- <tr><td>This is data 1</td><td>This is data 2</td><td>This is data 3</td><td>This is data 4</td></tr>
- <tr><td>This is data 1</td><td>This is data 2</td><td>This is data 3</td><td>This is data 4</td></tr>
- <tr><td>This is data 1</td><td>This is data 2</td><td>This is data 3</td><td>This is data 4</td></tr>
- <tr><td>This is data 1</td><td>This is data 2</td><td>This is data 3</td><td>This is data 4</td></tr>
- <tr><td>This is data 1</td><td>This is data 2</td><td>This is data 3</td><td>This is data 4</td></tr>
- <tr><td>This is data 1</td><td>This is data 2</td><td>This is data 3</td><td>This is data 4</td></tr>
- </tbody>
- </table>
然后添加变为奇迹代码
- $('.flexme1').flexigrid();
就好了
下面就是我这篇文章的重点
说一说Flexigrid的JSON API
好了 哈哈,希望对你们有帮助
参考:http://blog.cuegraphix.com/?p=86
基本设定width table的长度(default:auto)height table的宽度(default:200)striped 表格的线的表示(default:true)novstripe纵向表格的表示(default:false)minwidth 列的最小幅度(default:30)minheight 行的最小宽度(default:80)resizabletable是否可以改变大小(default:true)title tabke的标题showTableToggleBtn是指定table显示和不显示button的(default:true)minColToggle 最小列数(default:1)showToggleBtn 列的表示和非表示的button(default:true)singleSelect行是否可以多选(default:false) Ajax设定urlAjax的URLmethod Ajax访问方式(default:post)dataType 数据的类型(default:xml)errormsg访问失败时候的error messageusepager是否使用翻页工具栏nowrap单元格数据量过大时,是否折叠pagepage表示数total总行数sortname排序的名字sortorder什么顺序(asc,desc)query 检索的Keyqtype检索的列名rp 一个页表示的行数useRp是否有页表示行数变更的工具rpOptions页的行数信息([10,15,20,25,40])pagestat页面信息状态procmsg读取页信息时候的信息no msg没检索到信息时候的信息autoload自动加载hideOnSubmit隐藏提交buttonblockOpacity透明度指定 其他 1.colModel 列信息
display 显示信息
name 名字
width 宽度
sortable 是否可排序
align 居中状态
hide 是否隐藏
2.searchitems 检索信息
display 显示信息
name 名字
isdefault 默认显示
3.buttons Toolbar信息
name 名字
bclass css
onpress 点击事件
4.onToggleCol 列变更事件
5.onChangeSort 排序变更的事件
6.onSuccess 表示成功的事件
7.onSubmit 提交的事件
8. preProcess 数据处理的事件
- JQuery的Flexigrid的API使用
- JQuery的Flexigrid的API使用
- FlexiGrid的使用
- Jquery flexigrid的用法总结
- jquery的flexigrid无法显示
- 基于jQuery的FlexiGrid的插件使用和改造
- jQuery插件flexiGrid的完全使用,附代码下载
- jquery插件FlexiGrid的使用(已更新)
- jquery插件FlexiGrid的使用(已更新)
- jquery插件FlexiGrid的使用(已更新)
- jQuery插件flexiGrid的完全使用,附代码下载
- 关于使用Flexigrid的问题
- Flexigrid的使用(整合Struts2)
- Jquery插件flexigrid的参数说明
- Jquery 的 Flexigrid插件 应用(1)
- Jquery插件flexigrid的参数说明
- 有关jquery插件Flexigrid的问题
- Jquery插件flexigrid的参数说明
- 禁止开头输入空格
- Go语言的三个雷区
- log4j.properties配置文件
- MySQL数据库锁介绍
- CTF PWN 远程payload
- JQuery的Flexigrid的API使用
- Windows平台搭建LaTeX撰写环境[支持中文]
- 对中断的理解
- 用户空间和内核空间通讯之【Netlink 上、中、下】
- c++作业3—项目4
- CSDN学霸课表——2017年HTML5开发者生态报告
- 初识Python
- c++第三次作业-个人所得税
- 转载一篇关于移动端web常见问题解决方案