EasyUI-Datagrid 中formatter和group-formatter的使用
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的使用的更多相关文章
- JQuery easyUi datagrid 中 自定义editor作为列表操作按钮列
转自 http://blog.csdn.net/tianlincao/article/details/7494467 前言 JQuery easyUi datagrid 中 使用datagrid生 ...
- easyui datagrid 中序列化后的日期格式化
1.在easyui datagrid 中序列化后的日期显示为:/Date(1433377800000)/ 2.格式化后的显示为: 2015-06-04 08:30:00 3.使用代码如下: 3.1. ...
- easyui datagrid中 多表头方法总结
easyui datagrid中怎么设置表头成多行显示呢?其实很简单,就是给datagrid的columns属性设置成多个数组就行了.下面直接看例子吧,这是一个两行表头的,按照此方法,还可以设置三行表 ...
- EasyUI DataGrid 中字段 formatter 格式化不起作用
今天用 EasyUI datagrid 来做列表,要对一些数据进行格式化,推断某字段状态时,发现 formatter 格式化相应的函数不起作用. <table id="list_dat ...
- easyui datagrid中datetime字段的显示和增删改查问题
datagrid中datetime字段的异常显示: 使用过easyui datagrid的应该都知道,如果数据库中的字段是datetime类型,绑定在datagrid显式的时候会不正常显示,一般需要借 ...
- JQuery easyUi datagrid 中 editor 动态设置最大值最小值
前言 近来项目中使用到 easyui 来进行页面设计,感觉挺方便的,但是网上除了api外,其他有价值的资料比较少,故在此分享一点经验,供大家参考. 问题 JQuery easyUi datagri ...
- easyui datagrid中关联combox
datagrid中列上关联combobox{ field: 'SysCode', title: '系统代码', width: 150, align: 'left', editor: { type: ' ...
- EasyUi DataGrid中数据编辑方式及编辑后数据获取,校验处理
EasyUi中的DataGrid提供前台编辑的相关函数. 实现客户选中DataGrid中一列后,对选中列中的一个字段进行编辑,并对数据进行实时校验后,传递至后台保存的需求, 主要涉及到DataGrid ...
- 在easyui datagrid中formatter数据后使用linkbutton
http://ntzrj513.blog.163.com/blog/static/2794561220139245411997/ formatter:function(value,rowData,ro ...
- easyui datagrid中 formatter的用法
1.基本用法 单元格formatter(格式化器)函数,带3个参数: value:字段值. row:行记录数据. index: 行索引. $('#dg').datagrid({ columns:[[ ...
随机推荐
- 【JavaEE企业应用实战学习记录】MyGetAttributeListener
package sanglp.servlet; import javax.servlet.ServletContext; import javax.servlet.ServletContextAttr ...
- MySQL Workbench使用及教程
MySQL Workbench是一款专为MySQL设计的ER/数据库建模工具.它是著名的数据库设计工具DBDesigner4的继任者.你可以用MySQL Workbench设计和创建新的数据库图示,建 ...
- $(document).ready()和window.onload的区别
来源于: The window.onload event fires when a document is completely downloaded to the browser. This mea ...
- 使用express4.X + jade + mongoose + underscore搭建个人电影网站
(-。-;), 周末过得真是快啊, 很久以前就看到imooc上有个搭建个人电影网站一期 ,二期的视频, 这两周宅家里撸玩没事干, 我也学着搭了一个, 这些东西都是基础, 只要花点时间很好学的, no ...
- 基于@Aspect的AOP配置
1. Spring 除了支持Schema 方式配置 AOP,还支持注解方式:使用 @Aspect 来配置 2. Spring 默认不支持 @Aspect 风格的切面声明,通过如下配置开启@Aspect ...
- asp.net mvc 依赖缓存启动项配置
msdn 参考地址:https://msdn.microsoft.com/zh-cn/library/ms229862 4.5 第一步:32bit%windir%\Microsoft.NET\Fram ...
- python第一天
python 解释器执行代码有两种 一种在解释器: win+R==>cmd 打开终端进行 输入python 加 路径 另一种在文件里写完再到解释器执行:win+R==>cmd 打开终端进行 ...
- 用select实现监控终端输入
首先,从man手册里找到对select函数的描述,如下: int select(int nfds, fd_set *readfds, fd_set *writefds, fd_set *exceptf ...
- BIEE11G配置Oracle数据源
注:数据库发生变化只需要修改视图层 两种方式: (1) 在BIEE自带的Oracle客户端目录下的tnsname.ora文件中配置 把E:\app\Administrator\produc ...
- 72.40个Android面试题(转载)
1. Android的四大组件是哪些,它们的作用? 答:Activity:Activity是Android程序与用户交互的窗口,是Android构造块中最基本的一种,它需要为保持各界面的状态,做很多持 ...