最近要用到flexigrid做表格,随手记一些知识点。

引入了两个jquery库(jquery.js和jquery-1.7.1.min.js),发生冲突,只保留一个

$("#gridTable").flexigrid({
  url:'./jsp/manager/gridData.jsp',
  dataType: 'json',

……

}

用另一个jsp文件引入数据,虽然不太明白jsonStr的格式为什么是这样的。。

for (int i = startRow;i<endRow;i++)
{
  UserInfo user = UserInfoList.get(i);
  jsonStr+="{id:'"+user.getId()+"',cell:['"+user.getId()+"','"+user.getLevel()+"','"+user.getName()+"','"+user.getDept()+"','"+user.getOthers()+"']},";
}
if(jsonStr != null && !jsonStr.equals("")){
  jsonStr = jsonStr.substring(0,jsonStr.length()-1);
} totalRows = UserInfoList.size();
String jsonData = "{page:"+page_no+", total:"+totalRows+", rows:["+jsonStr+"]}";
/* output the json data to show */
out.println(jsonData);

 刚开始愚蠢的以为只要写了这两句代码sortname: "userid", sortorder: "asc",  表格输出结果就会按照账号id按升序排列。。

实际上,是要从数据库那边取数据时按照账号id升序的顺序取出,就好比这段代码:

/* Get users' information from usertable */
 String sql = "select * from usertable order by "+sortname+" "+sortorder+" limit "+startRow+","+pagesize;
 ResultSet rs2 = stmt2.executeQuery(sql);

不过排序最后是先从数据库取出数据,再使用的 java List 排序 Collections.sort()

还有搜索功能,以为只写了

searchitems : [
{display: '账号', name : 'userid', isdefault: true},
{display: '权限等级', name : 'level'},
{display: '姓名', name : 'username'},
{display: '部门', name : 'part'}
],

这些代码就可以按条件搜索了呢,其实这只是样式而已,还是要从数据库那里按条件搜索输出结果的,搜索最后是翻了一下别人的博客,发现可以在gridData.jsp中用这两句代码传值:

// 条件字段值ֵ
String query = new String(request.getParameter("query").getBytes("ISO8859-1"), "UTF-8");
// 条件字段
String qtype = request.getParameter("qtype");

然后根据query 和qtype 这两个变量判断来决定输出结果

flexigrid随手记的更多相关文章

  1. Linux.NET实战手记—自己动手改泥鳅(上)

    各位读者大家好,不知各位读者有否阅读在下的前一个系列<Linux.NET 学习手记>,在前一个系列中,我们从Linux中Mono的编译安装开始,到Jexus服务器的介绍,以及如何在Linu ...

  2. Linux.NET学习手记(7)

    前一篇中,我们简单的讲述了下如何在Linux.NET中部署第一个ASP.NET MVC 5.0的程序.而目前微软已经提出OWIN并致力于发展VNext,接下来系列中,我们将会向OWIN方向转战. 早在 ...

  3. Linux.NET学习手记(8)

    上一回合中,我们讲解了Linux.NET面对OWIN需要做出的准备,以及介绍了如何将两个支持OWIN协议的框架:SignalR以及NancyFX以OwinHost的方式部署到Linux.NET当中.这 ...

  4. 关于《Linux.NET学习手记(8)》的补充说明

    早前的一两天<Linux.NET学习手记(8)>发布了,这一篇主要是讲述OWIN框架与OwinHost之间如何根据OWIN协议进行通信构成一套完整的系统.文中我们还直接学习如何直接操作OW ...

  5. U3D DrawCall优化手记

    在最近,使用U3D开发的游戏核心部分功能即将完成,中间由于各种历史原因,导致项目存在比较大的问题,这些问题在最后,恐怕只能通过一次彻底的重构来解决 现在的游戏跑起来会有接近130-170个左右的Dra ...

  6. 信息系统实践手记5-CACHE设计一例

    说明:信息系统实践手记系列是系笔者在平时研发中先后遇到的大小的问题,也许朴实和细微,但往往却是经常遇到的问题.笔者对其中比较典型的加以收集,描述,归纳和分享. 摘要:此文描述了笔者接触过的部分信息系统 ...

  7. 信息系统实践手记6-JS调用Flex的性能问题一例

    说明:信息系统实践手记系列是系笔者在平时研发中先后遇到的大小的问题,也许朴实和细微,但往往却是经常遇到的问题.笔者对其中比较典型的加以收集,描述,归纳和分享. 摘要:此文描述了笔者接触过的部分信息系统 ...

  8. FlexiGrid 使用 全选、自动绑定

    1.介绍 Flexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid.它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等.Flexigrid显示的数据能够通 ...

  9. SQL Server 2016 CTP2.2 安装手记

    SQL Server 2016 CTP2.2 安装手记 下载一个iso文件,解压出来(大约2.8G左右),在该路径下双击Setup.exe即可开始安装. 安装之前请先安装.NET 3.5 SP1,在服 ...

随机推荐

  1. zju(11)在IAR中移植ucos到msp430

    准备材料 1.在TI官网上下载430的固件库,我用的是msp430f5528的板子,下载的是F5xx_F6xx_Core_Lib 地址http://www.ti.com/tool/msp-exp430 ...

  2. CSS3部分新特性

    1.旋转transform:rotate(30deg);-ms-transform:rotate(30deg); /* IE 9 */-moz-transform:rotate(30deg); /* ...

  3. 类似网易新闻 title栏 滚动时 文字放大&变色

    http://files.cnblogs.com/files/n1ckyxu/ScrollTitleView.zip

  4. 数据库表结构对比同步mysqldiff

    开发服务器的数据库表结构进行了修改,或者修改过多,为了与线上的数据库结构同步,可以使用mysqldiff工具对线上数据库打补丁. mysqldiff Windows下载地址:http://dev.my ...

  5. Wordpress基础:精简头部wp_head

    在Wordpress里 <?php wp_head(); ?> wp_head()是一个重要的函数,它允许插件开发者向你的站点动态地添加CSS和javascript,如果我们不在模板中引入 ...

  6. Error Domain=NSOSStatusErrorDomain Code=1718449215 "The operation couldn’t be completed. (OSStatus error 1718449215.)"

    是在录音时,recoreder的录音格式不对.

  7. java 向上转型 向下转型

    //父类 四边形 class Quadrangle{ public static void draw (Quadrangle q){ } } //子类  public class Parallelog ...

  8. jqzoom图片放大镜

    jqzoom是一个图片放大器插件.它功能强大,使用简便! 引入js与css: <script type="text/javascript" src="js/jque ...

  9. js省市联动

    <html> <head> <script src="http://files.cnblogs.com/files/beiz/jquery-1.8.3.js&q ...

  10. Velocity(7)——#foreach指令

    首先是#foreach的简单示例: #foreach( $elem in $allElems) $elem</br> #end 上面这个例子中,$allElems可以是一个Vector,一 ...