EasyUI中如何给datagrid动态增加行,怎么使该行是可以编辑的

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了EasyUI中如何给datagrid动态增加行,怎么使该行是可以编辑的相关的知识,希望对你有一定的参考价值。

参考技术A easyui的行编辑系统。appendRow,beginEdit。追问

但是没有办法编辑

追答

为什么不可以?beginEdit会就可以了啊

本回答被提问者采纳

easyui datagrid行合并

easyui datagrid行合并

 

合并方法

/**
* 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
                });
                tmpA = 1;
            }
            PerTxt = CurTxt;
        }
    }
}

调用方法

 //呈现列表数据
        $(‘#List‘).datagrid({ pagination: true,
            onLoadSuccess: function (data) {
                if (data.rows.length > 0){
          //调用函数合并单元格,2000是延迟加载时间
          setTimeout("mergeCellsByField(/"tbList/", /"No/")",2000);
                }
            }
        });

 

以上是关于EasyUI中如何给datagrid动态增加行,怎么使该行是可以编辑的的主要内容,如果未能解决你的问题,请参考以下文章

easyui datagrid动态加载数据

easyui datagrid在行编辑状态下,如何实现给其他行数据赋值

easyui datagrid 改变列表行数 高度自适应

jquery easyui datagrid 动态 加载列

easyui datagrid 动态加入移除editor

求教easyui datagrid如何动态生成列