首页 > 代码库 > flexigrid随手记

flexigrid随手记

最近要用到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 = "http://www.mamicode.com/{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随手记