首页 > 其他 > 详细

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

时间:2015-10-22 00:01:23      阅读:299      评论:0      收藏:0      [点我收藏+]

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的锅.)

原文:http://www.cnblogs.com/juedui0769/p/4899290.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!