flexigrid
2015-08-25 13:51
429 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/sulaimanmakun/article/details/84738955
http://www.codeweblog.com/stag/flexigrid-jqmshow/
flexigrid页面
flexigrid页面
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Flexigrid</title>
<link rel="stylesheet" type="text/css" href="resources/flexigrid/css/flexigrid/flexigrid.css" />
<script type="text/javascript" src="resources/js/jquery1.3.2.js"></script>
<script type="text/javascript" src="resources/flexigrid/flexigrid.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#flex1").flexigrid
(
{
url: 'GetUsersList.action',
dataType: 'json',
colModel : [
//{display: '<input type="checkbox" alt=" Select All ">', name : 'getAll', width : 50, sortable : true, align: 'center'},
{display: ' No. ', name : 'id', width : 40, sortable : true, align: 'center'},
{display: ' Name ', name : 'name', width : 40, sortable : true, align: 'center'},
{display: ' Gender ', name : 'gender', width : 180, sortable : true, align: 'left'},
{display: ' Age ', name : 'age', width : 120, sortable : true, align: 'left'},
{display: ' Birthday ', name : 'birthday', width : 130, sortable : true, align: 'left', hide: true},
{display: ' Phone ', name : 'phone', width : 80, sortable : true, align: 'right'},
{display: ' Address ', name : 'address', width : 80, sortable : true, align: 'right'}
],
searchitems : [
{display: ' No. ', name : 'id'},
{display: ' Name ', name : 'name', isdefault: true}
],
sortname: "id",
sortorder: "asc",
usepager: true,
title: ' User list ',
useRp: true,
checkbox : true,// Checkbox if you want
rowId : 'id',// Checkbox binding line id
rp: 10,
showTableToggleBtn: true,// Fold
resizable: true,
striped: true, // Speckle effect is displayed, the default is the parity in the form of interactive
width: 700,
height: 255
}
);
});
</script>
</head>
<body>
<h1>
Flexigrid Example Page
</h1>
<br />
<br />
<table></table>
<br />
<br />
</body>
</html>
相关文章推荐
- 也玩Flexigrid——多行选中状态下读取任意行任意列的值
- 玩转jquery插件之flexigrid
- JQuery FlexiGrid的asp.net完美解决方案-dotNetFlexGrid使用指南(二)服务端查询、快速查询和Html模板
- flexigrid.js 右键菜单以及文本框
- 基于jQuery的GridView-Flexigrid(2)-扩展和修复
- ASP.net 中使用Flexigrid详细教程之三--在Flexigrid中使用自定义搜索条件
- 工作中遇到的一个相当有意思的问题(关于Windows和linux环境下执行PHP,ajax,javascript,flexigrid的一个莫名异常)
- 转 jQuery插件Highcharts、flexigrid实践
- jQuery插件flexigrid使用总结
- Flexigrid系列使用教程(四)同时操作选择的多条数据
- jquery的flexigrid无法显示数据提示获取到数据
- flexigrid 删除、修改 功能 错误
- flexigrid(二)来点改造如何(转)
- flexigrid(一)
- (转)flexigrid 参数说明
- jquery插件FlexiGrid的使用(已更新)
- JQuery 插件FlexiGrid 之完全配置与使用
- YUI comprressor 压缩flexigrid 报错。
- 比Jquery FlexiGrid更好用 dotnetFlexGrid 1.2beta更新-增加展现模板模式(Grid中可以放编辑控件和任意Html内容了)
- flexigrid.js 右键菜单以及文本框