精华内容
参与话题
问答
  • datagrid easyui 数据下面新增合计列

    千次阅读 2016-01-20 17:05:27
    onLoadSuccess: function (data) { var rows=$('#dg1').datagrid("getRows"); var tabid=$(".easyui-datagrid").attr("tabid"); //添加"合计"列 $('#dg1').datagrid('appendRow',
    onLoadSuccess: function (data) {
        var rows=$('#dg1').datagrid("getRows");
        var tabid=$(".easyui-datagrid").attr("tabid");
    
        
                //添加"合计"            $('#dg1').datagrid('appendRow', {
                    ADCD: '<span class="subtotal">合计</span>',
                    BRCOUNT: '<span class="subtotal">' + compute("BRCOUNT") + '</span>',
                    BSC: '<span class="subtotal">' + compute("BSC") + '</span>',
                    BTC: '<span class="subtotal">' + compute("BTC") + '</span>',
                    BXZCC: '<span class="subtotal">' + compute("BXZCC") + '</span>',
                    CUCOUNT: '<span class="subtotal">' + compute("CUCOUNT") + '</span>',
                    DACOUNT: '<span class="subtotal">' + compute("DACOUNT") + '</span>',
                    DICOUNT: '<span class="subtotal">' + compute("DICOUNT") + '</span>',
                    FLC: '<span class="subtotal">' + compute("FLC") + '</span>',
                    FZQ: '<span class="subtotal">' + compute("FZQ") + '</span>',
                    LDA: '<span class="subtotal">' + compute("LDA") + '</span>',
                    LDAREA: '<span class="subtotal">' + compute("LDAREA") + '</span>',
                    PCOUNT: '<span class="subtotal">' + compute("PCOUNT") + '</span>',
                    PLA: '<span class="subtotal">' + compute("PLA") + '</span>',
                    PT: '<span class="subtotal">' + compute("PT") + '</span>',
                    PTCOUNT: '<span class="subtotal">' + compute("PTCOUNT") + '</span>',
                    RSCOUNT: '<span class="subtotal">' + compute("RSCOUNT") + '</span>',
                    SLCOUNT: '<span class="subtotal">' + compute("SLCOUNT") + '</span>',
                    SRCOUNT: '<span class="subtotal">' + compute("SRCOUNT") + '</span>',
                    STCOUNT: '<span class="subtotal">' + compute("STCOUNT") + '</span>',
                    SWCOUNT: '<span class="subtotal">' + compute("SWCOUNT") + '</span>',
                    TC: '<span class="subtotal">' + compute("TC") + '</span>',
                    WBCOUNT: '<span class="subtotal">' + compute("WBCOUNT") + '</span>',
                    XZCC: '<span class="subtotal">' + compute("XZCC") + '</span>',
                    ZDFZQ: '<span class="subtotal">' + compute("ZDFZQ") + '</span>',
                    ZRCC: '<span class="subtotal">' + compute("ZRCC") + '</span>',
                    BZRCC: '<span class="subtotal">' + compute("BZRCC") + '</span>'
    
                });
            
        var ro=$('#dg1').datagrid("getRows");
        for (var i=0;i<ro.length;i++){
            if(ro[i].PCOUNT=="<span class=\"subtotal\">NaN</span>"){
                $('#dg1').datagrid('deleteRow',i);
            }
    
        }
    
    }
    
    
    



    展开全文
  • $('#test').datagrid({ onLoadSuccess: function(){ function bindRowsEvent(){ var panel = $('#test').datagri
     
    $('#test').datagrid({
        onLoadSuccess: function(){
                function bindRowsEvent(){
                    var panel = $('#test').datagrid('getPanel');
                    var rows = panel.find('tr[datagrid-row-index]');
                    rows.unbind('click').bind('click',function(e){//解除每行easyui自动绑定的onclick事件
                        return false;
                    });
                  rows.find('div.datagrid-cell-check input[type=checkbox]').unbind().bind('click', function(e){//为每行的checkbox绑定onclick事件
                        var index = $(this).parent().parent().parent().attr('datagrid-row-index');
                        if ($(this).attr('checked')){
                            $('#test').datagrid('selectRow', index);
                        } else {
                            $('#test').datagrid('unselectRow', index);
                        }
                        e.stopPropagation();
                    });
                }
                setTimeout(function(){
                    bindRowsEvent();
                }, 10);    
        }
    });
    
    
    
    
    
    
    
    
    
    
    
    
    
    展开全文
  • * EasyUI DataGrid根据字段动态合并单元格 * 参数 tableID 要合并table的id * 参数 colList 要合并的列,用逗号分隔(例如:"name,department,office"); */ function mergeCellsByField(tableID, colList) {  ...

    1.合并方法

    /**
    * EasyUI DataGrid根据字段动态合并单元格
    * 参数 tableID 要合并table的id
    * 参数 colList 要合并的列,用逗号分隔(例如:"name,department,office");
    */
    function mergeCellsByField(tableID, colList) {
        var ColArray = colList.split(",");
        var tTable = $("#" + tableID);
        var TableRowCnts = tTable.datagrid("getRows").length;
        var tmpA;
        var tmpB;
        var PerTxt = "";
        var CurTxt = "";
        var alertStr = "";
        for (j = ColArray.length - 1; j >= 0; j--) {
            PerTxt = "";
            tmpA = 1;
            tmpB = 0;

            for (i = 0; i <= TableRowCnts; i++) {
                if (i == TableRowCnts) {
                    CurTxt = "";
                }
                else {
                    CurTxt = tTable.datagrid("getRows")[i][ColArray[j]];
                }
                if (PerTxt == CurTxt) {
                    tmpA += 1;
                }
                else {
                    tmpB += tmpA;
                    
                    tTable.datagrid("mergeCells", {
                        index: i - tmpA,
                        field: ColArray[j],  //合并字段
                        rowspan: tmpA,
                        colspan: null
                    });
                    tTable.datagrid("mergeCells", { //根据ColArray[j]进行合并
                        index: i - tmpA,
                        field: "Ideparture",
                        rowspan: tmpA,
                        colspan: null
                    });
                   
                    tmpA = 1;
                }
                PerTxt = CurTxt;
            }
        }
    }

    2.调用合并方法

      //呈现列表数据
            $('#List').datagrid({ pagination: true,
                onLoadSuccess: function (data) {
                    if (data.rows.length > 0) {
                        //调用mergeCellsByField()合并单元格
                        mergeCellsByField("tbList", "No");
                    }
                }
            });

    说明:

    mergeCellsByField(tableID, colList) ;

    参数 tableID 要合并table的id
    参数 colList 要合并的列,用逗号分隔(例如:"name,department,office");

    这种方法一般情况下都不会用,因为合并出来的不美观

    假如:

    1 1 1
    1 5 1
    1 5 1
    1 5 2
    1 1 2

    如下

    1 1 1
    5 1
    1
    2
    1 2

     

    由于表格的限制,没法合并第三列了,3个“1”,2个“2”,合并掉,大家就明白怎么不美观了,不适合一般的查阅习惯

    哈哈,根据我方法里面的红色部分,以一个为主列,其他根据他的行数合并,噢噢噢噢噢噢。成功啦

     

    非常感谢

    http://www.gogogogo.me/development/EasyUI-DataGrid-mergeCells.html

    展开全文
  • datagrid 绘制表格时,如果表格内容换行,会造成序号列高度和表格高度不一致。 2、解决 onLoadSuccess:function(data){ var $rowDoms =$(this).parent().children().find(".datagrid-btable .datagrid-row...

    1、问题

          datagrid 绘制表格时,如果表格内容换行,会造成序号列高度和表格高度不一致。

         

    2、解决

          onLoadSuccess:function(data){

              var $rowDoms =$(this).parent().children().find(".datagrid-btable .datagrid-row") ;

             if ($rowDoms.length>0) {

              for (var i=0;i<$rowDoms.length/2;i++) {

          var rowDom=$rowDoms[i];

          var rowDom2=$rowDoms[i+$rowDoms.length/2];

          $(rowDom).height($(rowDom2).height());

         }

        }

              }

    展开全文
  • easyUI dataGrid

    2017-06-05 22:25:55
    easyUI DataGrid
  • EasyUI DataGrid 编辑单元格

    万次阅读 2016-03-13 21:36:24
    之前文章 EasyUI DataGrid可编辑单元格 实现可编辑单元格,如果有多列都需要可编辑 当点击一个单元格 则此整行都会进行编辑 如下图: 现改为单击某个单元格只对此单元格进行可编辑 标记添加 onClickCell ...
  • EasyUI DataGrid及Pagination

    千次阅读 2014-07-08 23:26:50
    DataGrid数据表格及Pagination一起介绍一、通过标记创建DataGrid,嵌套标签定义列表
  • easyui Datagrid自适应窗口大小 easyui Datagrid百分比显示宽度
  • easyui datagrid 报错

    2017-03-23 08:26:51
    Easyui datagrid 实例化过页面报TypeError: $.data(...) is undefined jquery.....min.js (第 10799 行,第 8 列)
  • easyui datagrid 拖拽

    2015-09-24 07:07:36
    有谁用过easyuidatagrid的拖拽功能,假如一个列表的显示的数据比较多,就会出现滚动条,但是拖拽的时候不会滚动,怎么办
  • easyUI合并DataGrid单元格

    万次阅读 2012-08-11 10:17:28
    datagrid经常需要合并一些单元格,这个教程将向你展示如何在datagrid合并单元格. 合并你的datagrid 单元格,简单的调用'mergeCells' 方法和传入合并信息参数告诉datagrid 如何合并单元格,在所有合并单元格中,除了第...
  • easyui datagrid search

    2016-09-18 09:55:49
    easyui datagrid 我想要在行内编辑里面添加一个search框,请问怎么做???
  • EasyUI DataGrid 多级表头设置

    万次阅读 2016-02-28 20:59:25
    使用EasyUI做一个报表统计,需要合并表头为多级表头,核心代码如下: $('#dg').datagrid({ url:'datagrid_data.action', fit : true, fitColumns : false, columns: [ [ {"title":
  • easyUI datagrid 时间格式化

    万次阅读 2015-03-10 19:01:30
    从后台传过来的数据,其中含有日期字段,那么在前端的easyUI这里显示的话,会显得比较怪异,一大串,中间是个T,后面一大堆零,不知道是什么意思。看来要进行格式化。问题是,在哪里格式化?如果在后端,转换成想要...
  • easyUI datagrid 前端假分页

    万次阅读 2015-01-26 23:05:40
    datagrid有两种分页方式,真分页和假分页。所谓真分页,就是真的每次只获取一张分页的数据。所谓假分页,就是将所有数据全部获取下来,然后利用其分页控件进行分页。下面具体说说假分页:1、datagrid有些参数需要...
  • easyui datagrid自定义操作列

    千次阅读 2014-04-21 21:48:46
    通过formatter方法给Jquery easyuidatagrid 每行增加操作链接我们都知道Jquery的EasyUIdatagrid可以添加并且自定义Toolbar,这样我们选择一行然后选择toolbar的相应按钮就可以对这行的数据进行操作。...
  • EasyUI DataGrid可编辑单元格

    万次阅读 2015-07-22 22:14:47
    效果如图:首先在需要可编辑的列上添加一个editor属性,列定义为numberbox编辑类型默认分值 当用户点击一行的时候,我们开始一个编辑动作$('#dg').datagrid({ onClickCell: function(index,field,value){ $(this)...
  • Easyui DataGrid 排序

    2016-06-08 07:32:54
    ...怎么用EF动态查询 这是原来的,要加上动态排序 ``` list = list.OrderBy(a=>a.ID).Skip((Convert.ToInt32(page) - 1) * Convert.ToInt32(rows)).Take(Convert.ToInt32(rows)).ToList(); ``` ...
  • easyUI 自定义排序datagrid

    千次阅读 2012-08-10 11:35:39
    如果默认的排序行为不满足你的需求,你可以自定义datagrid排序行为. 最基础的用户可以定义一个排序函数,函数名是sorter 在列上,这个函数将接受两个值和返回值将作为如下: valueA > valueB => return 1 ...
  • jquery easyui datagrid 添加超链接

    千次阅读 2016-07-18 15:11:30
    var username = $("#form_username").val();...$('#tt').datagrid({ url:webContext+"/user/queryUserList.action", width: 'auto', height: 'auto', nowrap:false, iconCls:'icon-save', striped:true, pagin
  • easyUI datagrid 前端真分页

    千次阅读 2015-02-06 14:52:29
    easyUI datagrid 前端假分页真分页是easyUI datagrid 的默认方式。所谓真分页,就是后台传给前端的数据,真的是分页后的数据。而假分页,是全部数据。easyUI datagrid 向后台请求数据的时候,会自动将页号(page)、每...
  • EasyUIdatagrid展示数据列表

    万次阅读 多人点赞 2018-05-04 01:39:48
    如果你用惯了Web Mvc框架的视图跳转方式来开发后台系统,第一次接触到EasyUI的时候,往往会有一个大大的疑问,这EasyUI是如何做跳转的啊?增删改查都不知道如何下手了!但是当你知道有RestFul编程的时候。你会...
  • EasyuiEasyui Datagrid 排序

    万次阅读 2014-08-12 14:24:59
    前端配置方法 方法一,HTML中添加sortable:true属性  data-options="field:'AMOUNT_OA',width:60,align:'right', sortable:true">总金额   方法二,JS中添加sortable:... field: 'AS_CON_STA
  • easyui datagridfilter插件的用法

    万次阅读 热门讨论 2016-05-31 18:56:17
    包含 'datagrid-filter.js' 文件 type="text/javascript" src="datagrid-filter.js"> 启用过滤(Filter) var dg = $('#dg');dg.datagrid(); // create datagriddg.datagrid('enableFilter'); // enable filter
  • easyUI datagrid 列编辑

    2017-09-23 06:27:30
    datagrid行上多个字段都是可编辑的,都有editor 属性,但是现在想要单击或双击某一列,打开当前列的编辑状态,求助大神,谢谢 答案找到了,谢谢 $.extend($.fn.datagrid.methods, { editCell : function...
  • easyui datagrid表格打印,支持formatter格式化数据的打印,还原的最初datagrid 的表格数据
  • easyui datagrid 销毁

    千次阅读 2018-07-19 11:19:58
    $('#quoWinTab').datagrid('loadData',{rows:[]}); 列和数据都也会清空,相当于销毁; 如果是共用一个table,要冬天改变列可以先加载,将coulums 设置为空, $("#quoWinTab").datagrid({ // url: '', ...
  • EasyUiDatagrid打印

    千次阅读 2017-12-17 10:15:37
    // printDatagrid 要打印的datagrid //title 表格标题 function CreateFormPage(strPrintName, printDatagrid,title) { var tableString = '<table cellspacing="0" class="pb">'; tableString
  • easyUI 在主datagrid上创建子datagrid

    千次阅读 2012-08-11 11:22:54
    使用datagrid详细视图,用户可以展开一行去显示一个附加的详细信息,任何类容可以加载作为行详细,subgrid(子datagrid)也可以动态加载.这个教程将向你展示如何创建一个子grid在主grid上. 查看 Demo 步骤 ...
  • Easyui Datagrid 排序

    千次阅读 2016-06-13 16:18:43
    方法一:在html中设置 排序方法二:在js中设置 [{ field: 'type', title: '手机类型',  width: 50, sortable:true }]

空空如也

1 2 3 4 5 ... 20
收藏数 65,397
精华内容 26,158
关键字:

datagrid