========================jsp==============================
<table id="dg" fit="true" width="100%">
<thead>
<tr>   
<th field="aguid" hidden="true">主键</th> 
<th field="ck" checkbox="true"></th>   
<th field="aname"  sortable="true">用户名</th> <!--sortable="true",这个属性是用户点击标题可以排序-->
<th field="guid_job"  sortable="true" formatter="formatterJob.Formatter_job">职位</th><!--这里直接写对象名,formatterJob.Formatter_job获取职务的名称-->
<th field="guid_bm" sortable="true" formatter="formatterBm.Formatter_bm">部门</th><!--这里直接写对象名,formatterBm.Formatter_bm获取部门的名称-->
<th field="mobilephone" sortable="true">手机</th>
<th field="email"  sortable="true">邮箱</th>
<th field="isworking"  sortable="true" formatter="formatterStatus.Formatter_status">状态</th><!--formatterStatus.Formatter_status格式化数据-->
<th field="isoperator" formatter="formatterisIsoperator.Formatter_isoperator">是否允许登录</th><!--formatterisIsoperator.Formatter_isoperator格式化数据-->
<th field="操作"   formatter="datagridformatter.operformatter">操作</th><!--datagridformatter.operformatter在表格的最后一格添加功能按钮-->
</tr>
</thead>

<script>
// 初始化表格数据
function loadinit() {
 $('#dg').datagrid({
  url : '/jubcrm/index/qryUser.hml',//返回后台路径
  idField : 'aguid',
  pagination : true,
  rownumbers : true,
  singleSelect : false
 });
}
</script>

===============js===============
//格式化datagrid获取对象的属性名称bm
var formatterBm = {
Formatter_bm : function(val, rec, index) {
if (val == undefined) {
return "";
}
return rec.guid_bm.aname;//返回部门名称(部门是一个对象即用户的外键)
}
};

//格式化datagrid获取对象的属性名称job
var formatterJob = {
Formatter_job : function(val, rec, index) {
if (val == undefined) {
return "";
}
return rec.guid_job.aname;//返回职务名称(职务是一个对象即用户的外键)
}
};
//格式化datagrid获取对象的属性名称isworking,该值是true或者false在jsp中需要转换成中文的格式
var formatterStatus = {
Formatter_status : function(val, rec, index) {
if (val == undefined) {
return "";
}
if(val==false){
return "在职";
}else if(val==true){
return "离职";
}
}
};

//格式化datagrid获取对象的属性名称是否操作员,该值是true或者false在jsp中需要转换成中文的格式
var formatterisIsoperator = {
Formatter_isoperator : function(val, rec, index) {
if (val == undefined) {
return "";
}
if(val==true){
return "允许登录";
}else{
return "禁止登录";
}
}
};

var datagridformatter = {
 operformatter : function (val, row, index) {
   var e = '<a href="#" onclick="editrow(' + index + ')">编辑</a> ';
   var d = '<a href="#" onclick="deleterow(' + index + ')">删除</a>';
   return e + d;
 }
};

================================java后台代码======================================

===========================业务层servicesImpl==================
 // 用户管理查询用户信息
 @SuppressWarnings("unchecked")
 public String qrypage(Pubuser pub, String page, String rows, String order,String sort) {
  StringBuffer jql = new StringBuffer();
  jql.append(" 1=1 ");
  if (szf == 65536) {
   jql.append(" and status = " + szf);
  } else if (szf == 0) {
   jql.append(" and (status=0 or status is null) ");
  }
  Boolean sxz = pub.getIsxz();
  if (sxz != null) {
   jql.append(" and isxz = " + sxz);
  }

long total = pubbasedao.getCount(Pubuser.class, jql.toString(), null);//查询总记录数

int pagenum = 1;
  if (!page) {
   pagenum =page;
  }
  int rowsnum = JToolType.defrowsnum;
  if (!rows) {
   rowsnum = rows;
  }
  if (order) {
   order = "DESC";
  }
  if (sort) {
   sort = "date_in";
  }
  
  LinkedHashMap<String, String> ordermap = new LinkedHashMap<String, String>();
  if (!order) {
   ordermap.put(sort, order);
  }
  List<Pubuser> lstrows = pubbasedao.qryPage(Pubuser.class, pagenum,
    rowsnum, jql.toString(), null, ordermap);//查询数据

return formatDataGridPage(total, lstrows);

}

/**
  * 格式化Controller返回DataGrid分页数据<br>
  * lstrows必须为list
  * fastjson-1.1.33.jar
  */
 public static String formatDataGridPage(long total, Object lstrows) {
  Map<String, Object> result = new HashMap<String, Object>();
  result.put("total", total);
  result.put("rows", lstrows);
  return parse2JSON(result);
 }

=============dao,我这里用的是JPA,如果是ssh用户基本一样=======================
 @Override
 public List<T> qryPage(Class<T> clazz, int firstindex, int maxresult,
   String whQl, Object[] params, LinkedHashMap<String, String> orderby) {
  Query q = em.createQuery("SELECT u FROM " + clazz.getSimpleName()
    + " u " + (whQl ? "" : " where " + whQl)
    +orderby);
  setQueryParams(q, params);
  if (firstindex >= 0) {
   // q.setFirstResult(firstindex);
   q.setFirstResult((firstindex - 1) * maxresult);
  }
  if (maxresult > 0) {
   q.setMaxResults(maxresult);
  }

return q.getResultList();
 }

public void setQueryParams(Query query, Object[] params) {
  try {
   if (params != null && params.length > 0) {
    for (int i = 0; i < params.length; i++) {
     query.setParameter(i + 1, params[i]);
    }
   }
  } catch (Exception e) {
   e.printStackTrace();
  }
 }
==============================控制层action,我用的是springMVC=======================================
@Controller
@RequestMapping("index")
public class PubuserAction {
 @Autowired
 public PubuserServices pub;
 // 刷新信息
 @RequestMapping("qryUser")
 public void qryUser(Pubuser pubuser, HttpServletRequest request,
   HttpServletResponse response) throws IOException {
  Pubuser us = (Pubuser) request.getSession().getAttribute(
    JToolType.AttributeUserName);
  pubuser.setGuid_gs(us.getGuid_gs());
  String rslt = pub.qrypage(pubuser, request.getParameter("page"),
    request.getParameter("rows"), request.getParameter("order"),
    request.getParameter("sort"));
  response.getWriter().write(rslt);
  response.getWriter().close();

}

jquery easyui datagraid 对象显示的方法与datagraid、分页、复选框多选的数据显示的更多相关文章

  1. js进阶课程 12-9 jquery的事件对象event的方法有哪些?

    js进阶课程 12-9 jquery的事件对象event的方法有哪些? 一.总结 一句话总结:三组六个,阻止默认事件一组,阻止冒泡一组,阻止冒泡和剩余事件一组. 1.事件的默认动作指什么? 比如点a标 ...

  2. jQuery 前端复选框 全选 反选 下拉菜单联动

    jQuery 页面中复选框全选.反选.下拉联动(级联) <!DOCTYPE html> <html lang="en"> <head> < ...

  3. Jquery表格变色 复选框全选,反选

    /*jquery静态表格变色*/ $(".tr2").mouseover(function(){ $(this).css("background"," ...

  4. jQuery 复选框全选/取消全选/反选

    jQuery实现的复选框全选/取消全选/反选及获得选择的值. 完整代码: <!DOCTYPE html> <html> <head> <script type ...

  5. jQuery中的几个案例:隔行变色、复选框全选和全不选

    1 表格隔行变色 1 技术分析: 1 )基本过滤选择器: odd: even: 2 )jq添加和移除样式: addClass(); removeClass(); 2 代码实现 <script s ...

  6. [js]jQuery EasyUI的linkbutton组件disable方法无法禁用jQuery绑定事件的问题分析

    问题由来 linkbutton 是 jQuery EasyUI 中常用的一个控件,可以使用它创建按钮.用法很简单,使用 a 标签给一个easyui-linkbutton 的class就可以了. < ...

  7. jquery easyui菜单树显示

    目前做了一个easyui项目需要显示多级菜单,菜单配置到数据库中,因此每级菜单都需要到数据库中取,用了jQuery EasyUI方便多了. 效果体验:http://hovertree.com/texi ...

  8. 表格中的checkbox复选框 全选非全选 公共方法 及提交选中结果

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  9. 用jquery实现复选框全选全不选问题(完整版),在网络上怎么也找不到完整的解决方案,重要搞全了

    首先准备jsp页面控件: 请选择您的爱好:<br> <input type="checkbox" id="all" name="se ...

随机推荐

  1. HDU 5335 Walk Out (BFS,技巧)

    题意:有一个n*m的矩阵,每个格子中有一个数字,或为0,或为1.有个人要从(1,1)到达(n,m),要求所走过的格子中的数字按先后顺序串起来后,用二进制的判断大小方法,让这个数字最小.前缀0不需要输出 ...

  2. Spark RDD操作(1)

    https://www.zybuluo.com/jewes/note/35032 RDD是什么? RDD是Spark中的抽象数据结构类型,任何数据在Spark中都被表示为RDD.从编程的角度来看,RD ...

  3. (六) 语言模型 Language Madel 与 word2vec

    语言模型简介(Language Model) 简单的说,语言模型 (Language Model) 是用来计算一个句子出现概率的模型,假设句子  ,其中  代表句子中的第  个词语,则语句 W 以该顺 ...

  4. ORACLE 修改日志大小及增加日志成员

    日志文件能不能resize,直接扩大日志文件的大小?10g是不能的. 网上的一般方法就是新建两个临时日志组(oracle至少要求两个日志组),切换到这两个临时日志组后,删掉重建扩大或缩小,再添加日志组 ...

  5. JVM——类加载器的双亲委派模型

    类加载器双亲委派模型,如下图所示: 双亲委派模型的工作过程 如果一个类加载器收到了类加载的请求,它首先不会自己去尝试加载这个类,而是把这个请求委派给父类加载器去完成,每一个层次的类加载器都是如此,因此 ...

  6. hdu 4876(剪枝+暴力)

    题意:给定n,k,l,接下来给出n个数,让你从n个数中选取k个数围成一圈,然后从这k个数中随意选出连续的m(m>=1&&m<=k)个数进行异或后得到[l,r]区间的所有值, ...

  7. 类库从自带的配置文件中获取信息(DLL文件 获取 DLL文件自带的配置信息) z

    http://blog.csdn.net/shuaishifu/article/details/19602059 类库调用自身所带的配置文件中的配置信息,而不是读取应用程序所带的配置信息.代码如下: ...

  8. selenium python (三)鼠标事件

    # -*- coding: utf-8 -*-#鼠标事件 #ActionChains类中包括:                     # context_click()  右击:           ...

  9. SQLite数据库和JPA简单介绍

    SQLite数据库和JPA简单介绍 一.SQLite简单使用 SQLite是遵循ACID的关系数据库管理系统,它的处理速度很快,它的设计目标是嵌入式的,只需要几百K的内存就可以了. 1.下载SQLit ...

  10. MVC&&MVP

    Classic MVC Classic MVC 大概上世纪七十年代,Xerox PARC的Trygve提出了MVC的概念. 并应用在Smalltalk系统中,为了和其它类型的MVC加以区分,历史上习惯 ...