easyui datagrid 分组行统计 5C

图片说明
类似于图片上这样格式的datagrid,哪位大神有demo,给小弟分享一下。

5个回答

这里是一个合并单元格的问题调用合并方法就行了可以参考http://www.cnblogs.com/easypass/archive/2012/11/20/2779985.html

这里是一个合并单元格的问题调用合并方法就行了可以参考http://www.cnblogs.com/easypass/archive/2012/11/20/2779985.html

@shufusheng 非常感谢 动态单元格合并 我已经实现 ,就是每个合并行进行统计,没有解决思路。

easyUI没提供这种的demo,你从哪里看到的页面,自己a代码写来就行了,或者自己写一个合并的js,也不难

@无聊码农 合并的js已经实现了 就是相同行统计怎么实现,没想明白。

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
easyui datagrid 列分组和行归组
数据格式:{ "col": [ "分类", "id", "模式英文名", "模式中文名", "教务系统", "Oracletest", "收费系统", "SqlServer test", "门户系统" ], "db": [
easyui 增加统计行
easyui 添加一行对查询出来的数据进行相应的统计计算,并放置在对应的列下面展示出来。 function initTable(){ //数据加载 $("#dg").datagrid({ title:"数据列表", method:"POST", data:[], queryParams:{},//查询参数 ...
有关DataGrid的分组,统计
大家怎样对DataGrid分组、统计,请大家提供相关的的源码、思路或者相关资料
EasyUI DataGird底部统计行
EasyUI DataGird底部统计行先上一个datagrid底部统计行的图片: 官方文档对于datagrid的底部统计行的说明很简单,只提到了showFooter定义是否显示行脚,并没有说怎么去用。我用firebug查看了官网文档返回的json数据,分析了json的数据结构,自己尝试了一下底部统计行的正确用法,在这里和大家分享一下。 在datagrid中加入showFooter:
datagrid统计行
要求用Datagrid显示的结果如下:rnNo Name Price rn1 PA $1.0rn2 PB $2.0rn3 PC ¥1.0rn4 PD ¥2.0rnTotal $3.0rn ¥3.0rndatagrid 的数据从一存储过程中获得rn如何实现上面的DATAGRID
datagrid统计行问题
我有一个datagrid..rn想显示如下rnrn部门 营业额 任务额 完成度rn项目 800000 750000 800000/750000rn.....rn统计 ...... ..... ....rnrn我就是想知道最后一行的统计我改怎么做出来
关于EasyUI datagrid 行编辑器
如图:[img=https://img-bbs.csdn.net/upload/201510/15/1444899769_875413.png][/img]rn编辑订单,订单明细表采用datagrid,希望点击商品名称列的单元格时,弹出商品列表对话框选择商品(考虑商品数量太多不适合采用下拉框),商品信息来自Model的商品表T_Goods,希望在选中商品的时候同时获取商品Id()、商品编号、商品名称。不知道怎么做,求大牛指教!谢谢~
easyui的datagrid合并列和行
话说表格需要合并单元格,并且进行汇总计算,可是愁屎人了~,并且列还不固定,真是各种操作,严重考验我的脑容量呀 tableID:表格的ID colList:需要合并的列,如果有多个,可以以,分开,此方法为合并行 */ function mergeCellsByField(tableID, colList) { //alert(tableID+" "+colList); var C...
easyUI datagrid的单击行事件
一个页面两个datagrid, 我想在单击选择datagrid1的行的时候,datagrid2根据选中行的id进行刷新。请问如何写这个事件?
easyui datagrid添加合计行
                                            easyui datagrid添加合计行 1、在footer栏添加合计行     (1)、PHP代码        /** * @todo 每天报表数据 */ public function reportAction(){ if( $this->getRequest()->isPost...
easyui datagrid 单击行不选择行
其实这个功能可以通过选择单击事件的作用域来实现 html里面,一切元素都可以通过document来得到,所以我们的思路就是取消除了checkbox那个td之外的所有td的单击事件,通过unbind来实现 以下展示代码,以下代码是放在onLoadSuccess事件中 1: var s= $("#dg1").datagrid('getPanel'); 2: var ro...
DataGrid中的行统计问题
我用DataGrid做文章列表,我想统计文章总数量,应该怎么写代码?rn各位朋友给解答一下啊
datagrid的问题生成统计行
我要随我想生成一行统计的rn例如 朋友 敌人rn 姓名 性别 年龄 姓名 性别 年龄rn x m 20 y M 15rn k g 18 j m 21rn Total 36rnrn 那些数据是我数据库里用datagrid绑定了的 就是要在datagrid那里添加Total 和结果这一行
easyui 添加统计行,分页栏总数
场景如下: 我们在表格中经常添加一行为统计行,统计具体列的相关和,这时候用户在使用的时候,发现有效数据与分页栏中展示的总个数不一致,会造成困惑。 产生原因:easyuigrid一般在表格加载onloadSuccess 函数中以insertRow 或者appendRow 函数来追加统计行 代码如下: onLoadSuccess:function(data,index){        ...
easyUI datagrid 合计行扩展的问题
为什么我按照大家增加合计行 但是不显示合计行rn rn $('#tableData').datagrid(rn title:finalTitle,rn url: CTX + '/board/LTB24HourOutBoard/!queryDataDetail',rn queryParams: rn mailCategory: mailCategory,rn scopeLevel: scopeLevel,areaCode: areaCode,rn mailDate: mailDatern ,rn onLoadSuccess: function (data) rn controlHref();rn $('#tableData').datagrid('statistics');//sum rn rn );rn/datagrid合计扩展rn $.extend($.fn.datagrid.methods, rn statistics: function (jq) rn var opt = $(jq).datagrid('options').columns;rn var rows = $(jq).datagrid("getRows");rn var footer = new Array();rn footer['sum'] = "";rn for (var i = 0; i < opt[0].length; i++) rn if (opt[0][i].sum) rn footer['sum'] = footer['sum'] + sum(opt[0][i].field) + ',';rn rn rn var footerObj = new Array();rn if (footer['sum'] != "") rn var tmp = '' + footer['sum'].substring(0, footer['sum'].length - 1) + "";rn var obj = eval('(' + tmp + ')');rn if (obj[opt[0][0].field] == undefined) rn footer['sum'] += '"' + opt[0][0].field + '":"合计:"';rn obj = eval('(' + footer['sum'] + ')');rn else rn obj[opt[0][0].field] = "合计:" + obj[opt[0][0].field];rn rn footerObj.push(obj);rn rn if (footerObj.length > 0) rn ////testrn for (var i = 0, l = footerObj.length; i < l; i++) rn for (var key in footerObj[i]) rn alert(key + ':' + footerObj[i][key]);rn rn rn $(jq).datagrid('reloadFooter', footerObj);rn rn function sum(filed) rn var sumNum = 0;rn for (var i = 0; i < rows.length; i++) rn sumNum += Number(rows[i][filed]);rn rn return '"' + filed + '":"' + sumNum.toFixed(0) + '"';rn rn rn );
easyui datagrid 编辑行后如何保存
nnn1、怎么提交保存?n2、怎么在保存提交的时候判断combobox选中的不是“请选择”
easyui datagrid获取正在编辑的行索引
function getRowIndex(target){    var tr =  $(target).closest(tr.datagrid-row);    return parseInt(tr.attr(&quot;datagrid-row-index&quot;));               }然后直接在要编辑的行中加入getRowIndex(this)即可。如下field : 'shipType', ...
easyui在datagrid中显示行详情(二)
[size=medium]一、引用文件[/size] [size=small]注:1.datagrid-detailview.js是在easyui的datagrid中显示详情需要的js文件;2.的具体内容在js中编辑,所以这里只有一行HTML代码。[/size] [code=&quot;html&quot;] .. .. [/code] [...
EASYUI的DataGrid满足条件的行更改颜色
在中文官网上看到,应该设置rowStyler事件rn比如rn[code=javascript]rnrowStyler: function (index, row) rn if(row.value>10) return return 'background-color:red;';rnrn[/code]rnrn这样实现很简单,但是我现在需要数据库中读取上下限,在这个上下限之外时再改变行的颜色,这样就会涉及到ajax请求rn这里不能使用异步请求,要使用同步的,但是下面的代码仍然不起任何作用,根本不会跳到判断条件里rn[code=javascript]rn rowStyler: function (index, row) rn $.ajax(rn url: "../Handler/GetMaterialHandler.ashx",rn type: "POST",rn dataType: "JSON",rn async: false,rn data: materialid: row.MATERIALID,rn action: "byid"rn ,rn success: function (matdata) rn //超出库存设定最大值或低于库存设定最小值rn if (row.NUMBER > matdata.C_MAXVALUE || row.NUMBER < matdata.C_MINVALUE) rn return 'background-color:red;';rn rn rn );rn rn[/code]rnrn于是我打算在onLoadSuccess事件中实现,下面代码虽然可以跳到判断条件中,但????????地方是给该行设置背景色的,代码不知道如何写 rn[code=javascript]rnonLoadSuccess: function (data) rn for (var i = 0; i < data.rows.length; i++) rn $.ajax(rn url: "../Handler/GetMaterialHandler.ashx",rn type: "GET",rn dataType: "JSON",rn async: false,rn data: materialid: data.rows[i].MATERIALID,rn action: "byid"rn ,rn success: function (matdata) rn //超出库存设定最大值或低于库存设定最小值rn if (data.rows[i].NUMBER > matdata.C_MAXVALUE || data.rows[i].NUMBER < matdata.C_MINVALUE) rn //???????? rn //return 'background-color:red 不起作用rn rn rn );rnrnrn rn rn[/code]rn
easyui datagrid显示选择行数据问题
今天使用easyui datagrid发现无论怎么选择行,getSelections得到的数据都不为选择的所有数据。 发现是由于设置了idField属性,所以如果idField没有载入,它会认为是同一条数据,所以发生上面情况。 idField属性删除后就行了。 ...
easyui datagrid表格点击行高亮
$('#dg').datagrid({ rownumbers : true, singleSelect : true,//多选 autoRowHeight : false, //自动行高 pagination : false, //显示表格下面的分页插件 fitColumns : true, //字段自动分配 striped : false,//显示斑马线背景 collapsibl...
【easyui】datagrid根据条件隐藏行
rowStyler: function (index, row) { if (row.isEnd == '1') {//条件 return 'display:none'; }else{
easyui datagrid 单击行 得到值
onClickRow: function (rowIndex, row) { alert(row.Sales_Id); } 完整实例: [code=&quot;java&quot;] function initgrid() { $(&quot;#list&quot;).datagrid({ url: virthpath + 'Sales/getSalesList'...
easyui datagrid删除指定行checkbox 和禁用
singleSelect: false,   selectOnCheck: true,   checkOnSelect: false,   onLoadSuccess: function(data){//加载完毕后获取所有的checkbox遍历   var parentEventId= $('#parentEventId').val();              if (data.ro
easyui datagrid获取选择行的数据
一:datagrid列表 //绚染列表 $('#tt').datagrid({ title:"系统管理员列表", iconCls:"icon-save",//图标 url:'xxxxx.action', width:"100%", height:"auto", nowrap: false,
easyui中datagrid获取行数据
 EasyUI中DataGrid控件获取Row数据有几种方式。var row = $('#dg').datagrid('getSelected'); // 获取选中单行var rows = $('#dg').datagrid('getSelections'); // 获取所有选中行上面两个根据DataGrid的data-option配置不同具体使用。主要是是否允许多选。一般来说都是授权多选的。...
easyUI datagrid 行单选与 复选框多选的问题
一个问题:datagrid,当我设置singleSelect=“true”时,我点击行是只能选择一行,但却导致复选框也只能选择一行,而且还不能取消,请问怎样解决这个问题:才能达到能让复选框多选
easyui 中 datagrid 能隐藏行么
datagrid 能隐藏行么? 或是datagrid 能不能分页的时候 我能不能控制加载完页面的时候是每页显示5条数据,触发点击的后每页的数据改变成10条!本人刚刚接触,请各位大神指点!
easyUI datagrid可编辑行JS代码片段总结
关于easyUI datagrid可编辑行在官方的demo中有具体的demo,可以参看。我这里是独立出来的JS代码片段,仅供参考。function loadGrid() { var toolbar = $('#datagrid') .datagrid( { iconCls : 'i
easyui datagrid 根据关键字值取行
var rowIndex = $('#tt').datagrid('getRowIndex', id);//id是关键字值 var data = $('#tt').datagrid('getData').rows[rowIndex]; var oname = data.operator;//operator是属性值
easyui datagrid 单击行不选中
easyui datagrid 默认单击行 就会触发选中事件,当前行会变黄色 然而我并不想变黄,只想安安静静的展示数据! 世风日下,为什么非要人家变黄,生气! 那么分享给大家一个保持纯真心态的方法,单击不变黄!  onClickRow: function (rowIndex, rowData) {                 $(this).datagrid('unselectRow
easyui datagrid 行的上下移动实现方式
&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;Easyui datagrid 行上下移动&amp;lt;/title&amp;gt; &amp;
easyui在datagrid中显示行详情(一)
一、页面引用 [code=&quot;html&quot;] [/code] 注意:经测试需引用jquery-1.8.0.min.js这个版本的js,低版本可能不使用,我用的是easyui的版本是1.4.2 二、后台代码 其中,sex、birthday、admin是在datagrid中的行详情中显示的,也就是说在datagrid中不能直接看到它们...
easyui的dnd插件实现datagrid行拖拽
项目中出现一种需求:对某列表中元素进行手动排序,若使用按钮单击来向上或者向下效率低下,若直接手动输入序号更不科学=.=。因此最好的方式就是能够实现手动拖动某个行到想要的位置。因此首先需要实现datagrid的拖拽操作。其次就是后端的数据处理了。
使用easyui 的DataGrid,行添加Editing报错
使用easyui的datagrid-scrollview动态生成大数据表格,在给行添加编辑事件时浏览器报错: 无意中发现把bootstrap.js在之后引入就好了。 我也不知道是为什么 ... 经常遇到这之类的bug,作为小白的我是很慌的呀 &amp;gt;_&amp;lt;...
easyui datagrid treegrid 行选中问题
我想通过加载grid 的时候 在后台json数据中 控制本行是否选中rn例:“name”:"张三","age":21,"selected":true,"checked":truern上面分别设置了selected 和 checked 属性为true ,checked 会生效 但是只能让行前的checkbox 被选中而不是 选中行rnrnrn球大神指点 谢谢!!!感激呀。。。。
amcharts与easyui datagrid实现值班数量统计
效果: 代码: var chart; $(function(){ //初始化日期框 //var myDate = new Date(Date.parse(ym.replace(/-/g, "/"))); var year=; var month=; if(month<10){ $("#tm").val(year+"-0"+m
easyui datagrid中单击行改变对应行的背景颜色
请教:easyui datagrid中单击行改变对应行的背景颜色。
jQuery EasyUI的DataGrid 数据行上右键菜单,并Check行
"text/javascript"> $(function(){     $('#dg').datagrid({         title:'DataGrid',         iconCls:'icon-grid',         fit:true,         collapsible:true,         closable:true,
EasyUi 给datagrid编辑行绑定事件及行中级联下拉框
nowrap : true, rownumbers : true, checkOnSelect:true, singleSelect:true, loadMsg : restip(&quot;comm.loadMsg&quot;), onLoadError : function() { alert(rest...
相关热词 c#检测非法字符 c#双屏截图 c#中怎么关闭线程 c# 显示服务器上的图片 api嵌入窗口 c# c# 控制网页 c# encrypt c#微信网页版登录 c# login 居中 c# 考试软件