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动态增加行,怎么使该行是可以编辑的的主要内容,如果未能解决你的问题,请参考以下文章