1.在表格属性设置函数那块写以下内容:

groupFormatter:function(value,rows){

  //这里可以看到每一条导入表格中的数据,可以返回group的总结值

},

columns: [
  [{
  field: 'SEX',
  title: '性别',
  width: 100,
  align: 'center',
  formatter: function(value,row,index){

  //可以将数据库中返回的数据进行转换(将数字代号0,1分别转换为男和女)
  var str = '';
  if(value==0)
  {
    str="女";
  }
  else
  {
    str="男";
  }
  return str;
  }
},
{
  field: 'do',
  title: '链接',
  width: 150,
  align: 'center',

  //可以拼接一个链接按钮,链接函数为:UrlDetail();
  formatter: function(value,row,index){
    selectedRow = row;
    var str = '';
    str = '<a class="easyui-linkbutton detail_more" href="javascript:UrlDetail();"'+ "style='width:100%;height:100%;'data-options='iconCls:\"icon-search\",plain:true'></a>"
    return str;
  }
}],
],

2.在表格属数据加载完成后需要激活控件并且写一个点击链接事件:
onLoadSuccess:function(data){
  //激活内部控件
  $.parser.parse($(".detail_more").parent());
  $(".task_detail_more").on("click",function(){
  var id = $(this).attr("id");
  var title= $(this).attr("title");
  //打开查看详情的窗口
  $("#url_detail_dlg").dialog("open");
  $("#url_detail_frame").attr("src","url_detail.jsp?id="+id+"&title="+title); //外联到一个页面

  //如果是中文字符的变量 需要编码后再传输

  //$("#url_detail_frame").attr("src","url_detail.jsp?id="+id+"&title="+ encodeURI(title)); //外联到一个页面
  });
},

3.url_detail.jsp 页面需要接收传入的参数 :id, title

 //在该页面head部分导入 解码类头文件

<%@ page language="java" contentType="text/html; charset=utf-8" import="java.net.URLDecoder"
pageEncoding="utf-8"%>

//此外 在head部门的最下方写以下代码:

<%
   String id = request.getParameter("id");

String title= request.getParameter("title");//如果title是中文 需要传入前进行编码,传入后解码

title= URLDecoder.decode(title, "UTF-8");//进行解码

%>

//在<script>  </script>中写进行转换接收到的变量的代码

<script>
var baseCtx = "${pageContext.request.contextPath}"//本地路径
var id_new = '<%=id%>';//新变量id_new 就可以为新的页面使用

var title_new= '<%=title%>';//新变量title_new 就可以为新的页面使用

</script>

EasyUI-Datagrid 中formatter和group-formatter的使用的更多相关文章

  1. JQuery easyUi datagrid 中 自定义editor作为列表操作按钮列

    转自   http://blog.csdn.net/tianlincao/article/details/7494467 前言 JQuery easyUi datagrid 中 使用datagrid生 ...

  2. easyui datagrid 中序列化后的日期格式化

    1.在easyui datagrid 中序列化后的日期显示为:/Date(1433377800000)/ 2.格式化后的显示为: 2015-06-04 08:30:00 3.使用代码如下: 3.1. ...

  3. easyui datagrid中 多表头方法总结

    easyui datagrid中怎么设置表头成多行显示呢?其实很简单,就是给datagrid的columns属性设置成多个数组就行了.下面直接看例子吧,这是一个两行表头的,按照此方法,还可以设置三行表 ...

  4. EasyUI DataGrid 中字段 formatter 格式化不起作用

    今天用 EasyUI datagrid 来做列表,要对一些数据进行格式化,推断某字段状态时,发现 formatter 格式化相应的函数不起作用. <table id="list_dat ...

  5. easyui datagrid中datetime字段的显示和增删改查问题

    datagrid中datetime字段的异常显示: 使用过easyui datagrid的应该都知道,如果数据库中的字段是datetime类型,绑定在datagrid显式的时候会不正常显示,一般需要借 ...

  6. JQuery easyUi datagrid 中 editor 动态设置最大值最小值

    前言 近来项目中使用到 easyui 来进行页面设计,感觉挺方便的,但是网上除了api外,其他有价值的资料比较少,故在此分享一点经验,供大家参考.   问题 JQuery easyUi datagri ...

  7. easyui datagrid中关联combox

    datagrid中列上关联combobox{ field: 'SysCode', title: '系统代码', width: 150, align: 'left', editor: { type: ' ...

  8. EasyUi DataGrid中数据编辑方式及编辑后数据获取,校验处理

    EasyUi中的DataGrid提供前台编辑的相关函数. 实现客户选中DataGrid中一列后,对选中列中的一个字段进行编辑,并对数据进行实时校验后,传递至后台保存的需求, 主要涉及到DataGrid ...

  9. 在easyui datagrid中formatter数据后使用linkbutton

    http://ntzrj513.blog.163.com/blog/static/2794561220139245411997/ formatter:function(value,rowData,ro ...

  10. easyui datagrid中 formatter的用法

    1.基本用法 单元格formatter(格式化器)函数,带3个参数: value:字段值. row:行记录数据. index: 行索引. $('#dg').datagrid({ columns:[[ ...

随机推荐

  1. 9-cat 简明笔记

    连接或显示文件 cat [options] [file-list] 参数 file-list 是cat要处理的单个文件路径名或多个文件路径名列表,如果不指定任何参数或指定一个连字符(-)代替文件名,c ...

  2. android 按钮点击效果实现

    在其他人的博客里看到其实实现按钮点击效果的方法有很多,这里提到的只是其中一个办法 图片素材(我自己用截图截的,可以自己搞) 放到mipmap目录下(studio是在这个目录下 , eclipse 直接 ...

  3. 由 excel 转换为 markdown,及收获

    由 excel 转换为 markdown,及收获 1 问题 构建之法(现代软件工程)东北师大站[http://www.cnblogs.com/younggift/]的每周学生作业成绩,执行教学团队[h ...

  4. MyBatis学习--逆向工程

    简介 mybaits需要程序员自己编写sql语句,mybatis官方提供逆向工程 可以针对单表自动生成mybatis执行所需要的代码(mapper.java,mapper.xml.po..).企业实际 ...

  5. jQuery鼠标悬停内容动画切换效果

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  6. iOS开发小技巧--计算label的Size的方法总结

    计算label的Size方法 sizeWithAttributes:方法 适用于不换行的情况,宽度不受限制的情况 /// 根据指定文本和字体计算尺寸 - (CGSize)sizeWithText:(N ...

  7. git 创建别名

    git config --global alias.shortname command 例子如下 git config --global alias.psm 'push origin master' ...

  8. c#学习<二>:数据类型

    基元类型 编译器直接支持的数据类型称为基元类型(primitive type).基元类型直接映射到Framework类库(FCL)中存在的类型(BCL是FCL的子集). C#中的基元类型 BCL类型 ...

  9. 状态压缩 HDU 3182

    t组数据 n个汉堡 e的能量 接下来的2行 val    n个 得到的权 cost  n个 花去的能量 接下来n行 每行一个q  q个数字 代表这类汉堡做好要的前提  每个汉堡只能用一次 #inclu ...

  10. 【收藏】Android AutoLayout全新的适配方式, 堪称适配终结者

    来源:http://blog.csdn.net/lmj623565791/article/details/49990941 更多:Android屏幕适配全攻略(最权威的Google官方适配指导) 一. ...