easy-ui使用记录——datagrid的增加和删除

楔子

datagrid 前台js操作增加行和删除选中行

增加行、删除行

增加行

function appRow(){
    $('#dg').datagrid('appendRow',{
        id: guid(),
        sourcedictype   : $("#sourcedictypeshow").textbox("getValue"),
        sourcediccode   : $("#sourcediccode").textbox("getValue"),
        sourcedicname  : $("#sourcedicname").textbox("getValue"),
        sourcedicitemcode :$("#sourcedicitemcode").textbox("getValue"),
        sourcedicitemname :$("#sourcedicitemname").textbox("getValue"),

        targetdictype   : $("#targetdictypeshow").textbox("getValue"),
        targetdiccode   : $("#targetdiccode").textbox("getValue"),
        targetdicname  : $("#targetdicname").textbox("getValue"),
        targetdicitemcode  : $("#targetdicitemcode").textbox("getValue"),
        targetdicitemname :$("#targetdicitemname").textbox("getValue"),

        sourceDiitemid  : $("#sourceDiitemid").val(),
        targetDiitemid :$("#targetDiitemid").val()
    });
}

删除行

$.messager.confirm('系统提示', ' 确定要 移除选中的数据吗?', function(r) {
    if (r) {
        var rows = $('#dg').datagrid("getSelections");  
        for (var i = rows.length - 1; i >= 0; i--) {  
            var index = $('#dg').datagrid('getRowIndex',rows[i]);  
            $('#dg').datagrid('deleteRow', index);  
        }  
    } 
}); 

清空全部数据

$.messager.confirm('系统提示', ' 确定要 清除数据吗 ?', function(r) {
    if (r) {
        $('#dg').datagrid('loadData', { total: 0, rows: [] }); 
    } 
});