datagrid合并行列--并不能影响序号列内容...(formatter的锅.)
datagrid合并行列

//datagrid组件.
$('#id_dailylist_dg').datagrid({
//url:'datagrid_data.json',
columns:[[
{field:'orderNum',title:'序号',width:'5%',align:'center',
formatter:function(value,row,index){return index+1;}},
{field:'TYPENAME',title:'类别名称',width:'10%',align:'center'},
{field:'YZ_CONTENT',title:'名称',width:'20%',align:'center'},
{field:'SPEC',title:'规格',width:'18%',align:'center'},
{field:'SELLNUM',title:'数量',width:'8%',align:'center'},
{field:'TOTALPRICE',title:'金额',width:'10%',align:'center'},
{field:'COSTTYPE',title:'费用类型',width:'7%',align:'center'}
]]
});
$.ajax({
type:'POST',
url: ctx+"dailyListInfo/queryDailyDetail.do",
data:{'adRegNum':adregnum,'date':date_str},
cache:false,
async:true,
dataType:'json',
success: function(result2)
{
if(!!result2 && result2.length > 0){
$('#id_dailylist_dg').datagrid("loadData", result2);
}
//$('#id_dailylist_dg').datagrid("loadData", result2);
$('#id_dailylist_dg').datagrid("appendRow",{orderNum: '汇总:',YZ_CONTENT: '1112222次'});
$('#id_dailylist_dg').datagrid("appendRow",{orderNum: '汇总',YZ_CONTENT: ''});
var rows = $('#id_dailylist_dg').datagrid("getRows");
console.log( rows.length-2 );
$('#id_dailylist_dg').datagrid('mergeCells', {
index: rows.length-2,
field: 'orderNum',
rowspan: 2,
colspan: 2
});
$('#id_dailylist_dg').datagrid('mergeCells', {
index: rows.length-2,
field: 'YZ_CONTENT',
rowspan: 2,
colspan: 5
});
console.log("rows.length", rows.length );
},error:function(result2)
{
}
});

去掉 formatter:function(value,row,index){return index+1;} 后,就可以了.
//datagrid组件.
$('#id_dailylist_dg').datagrid({
//url:'datagrid_data.json',
columns:[[
{field:'orderNum',title:'序号',width:'5%',align:'center'},
{field:'TYPENAME',title:'类别名称',width:'10%',align:'center'},
{field:'YZ_CONTENT',title:'名称',width:'20%',align:'center'},
{field:'SPEC',title:'规格',width:'18%',align:'center'},
{field:'SELLNUM',title:'数量',width:'8%',align:'center'},
{field:'TOTALPRICE',title:'金额',width:'10%',align:'center'},
{field:'COSTTYPE',title:'费用类型',width:'7%',align:'center'}
]]
});

去掉formater后,可以在数据上做文章.
success: function(result2)
{
if(!!result2 && result2.length > 0){
$.each(result2, function(i,n){
n['orderNum'] = i+1;
});
$('#id_dailylist_dg').datagrid("loadData", result2);
}
//$('#id_dailylist_dg').datagrid("loadData", result2);
$('#id_dailylist_dg').datagrid("appendRow",{orderNum: '汇总:',YZ_CONTENT: '1112222次'});
$('#id_dailylist_dg').datagrid("appendRow",{orderNum: '汇总',YZ_CONTENT: ''});

datagrid合并行列--并不能影响序号列内容...(formatter的锅.)的更多相关文章
- WPF DataGrid 合并单元格
在网上搜索wpf合并单元格,一直没搜索到,没办法,只能自己想办法搞定了.其实就是DataGrid套DataGrid,为了方便支持Column拖动,在合并的DataGridColumn那一列的Heade ...
- JS实现EasyUI ,Datagrid,合并单元格功能
为了实现datagrid的合并单元格效果,datagrid的数据加载方式肯定是要写在JS文件内部的. 一:在JS内部添加Datagrid数据加载方法如下: $("#id").dat ...
- DataGrid合并单元格(wpf)
在网上搜索wpf合并单元格,一直没搜索到,没办法,只能自己想办法搞定了.其实就是DataGrid套DataGrid,为了方便支持Column拖动,在合并的DataGridColumn那一列的Heade ...
- .Net GridView 序号列
给GridView增加一列:序号列 <asp:TemplateField HeaderText="序号"> <ItemTemplate> <%# (( ...
- datatable 加序号列
最近使用datatable时,发现没有像jqgrid那样生成序号列,在国外网站搜罗了一下还是很简单的,就要在aoColumns中添加一空列占位就行,然后再用fnRowCallback添加序号 示例如下 ...
- 使用模板技术处理ASP.NET中GridView额外序号列的问题
问题描述: 现在要在一张GridView表中添加一列来显示行号,要求是显示下一页的时候能够递增而不是从新编号.数据库中的没有相关序号列 如何在软件端实现呢? 通过测试,添加以下代码即可解决需求. &l ...
- ASP.NET 为GridView添加序号列,且支持分页连续累计显示
为GridView添加序号列,且支持分页连续累计显示,废话不多说,直接上代码: <%@ Page Language="C#" AutoEventWireup="tr ...
- ASP.NET(C#)--Repeater中生成“序号”列
需求介绍:在Repeater(Table)中加入“序号”列,从1开始自增,步长为1. 思路:因为“序号”跟Repeater的行号有关,所以要在Repeater的ItemDataBound事件中输出“序 ...
- ASP.NET repeater添加序号列的方法
ASP.NET repeater添加序号列的方法 1.<itemtemplate> <tr><td> <%# Container.ItemIndex + 1% ...
随机推荐
- vijosP1371 方程的解
vijosP1371 方程的解 链接:https://vijos.org/p/1371 [思路] 组合公式+快速幂+高精单精. 求x^x %1000:因为x最大为2^31-1所以用快速幂在O(logx ...
- Clean Code – Chapter 5 Formatting
The Purpose of Formatting Code formatting is about communication, and communication is the professio ...
- PHP邮箱验证是否有效
今天一开电脑发现有人在我的主页给我乱留言,所以加了一个邮箱验证. 网上发现一个很巧妙的算法,分享一下: function checkmail($email){ $exp = "^[a-z'0 ...
- Ajax核心——XMLHttpRequest基础
XMLHttpRequest对象负责将用户信息以异步方式发送到服务器,并接受服务器返回的相应信息和数据.也就是可以在页面已经加载后从后从服务器请求.接收数据,这样使得用户的体验度更好,而同时提升了客户 ...
- 仿写thinkphp的I方法
自己定义一个方法仿写thinkphp的I 方法 <?php function I($key="",$default='',$function="") { ...
- 第四届CCF软件能力认证(CSP2015) 第五题(最小花费)题解
[问题描述] C国共有$n$个城市.有$n-1$条双向道路,每条道路连接两个城市,任意两个城市之间能互相到达.小R来到C国旅行,他共规划了$m$条旅行的路线, 第$i$条旅行路线的起点是$s_i$,终 ...
- OcciWrapper使用指南(高性能Oracle访问组件)
occiwrapper使用指南 occiwrapper是一个开源的.跨平台的Oracle访问组件, 方便C++开发者们灵活地操作oracle数据库.为了方便使用,组件中的接口形式参考的POCO库的使用 ...
- 11.编写一个Java程序,计算半径为3.0的圆周长和面积并输出结果。把圆周率π定义为常量,半径定义为变量,然后进行计算并输出结果。
package com.hanqi.yzljs; public class yzljs { public static void main(String[] args) { final dou ...
- android_自定义布局
1.需要实现view类 2.如果需要实现自定义属性则: 1.定义资源文件attrs---->values 2. <?xml version="1.0" encoding ...
- JAVA自动生成正则表达式工具类
经过很久的努力,终于完成了JAVA自动生成正则表达式工具类.还记得之前需要正则,老是从网上找吗?找了想修改也不会修改.现在不用再为此烦恼了,使用此生成类轻松搞定所有正则表达式.赶快在同事面前炫一下吧. ...