datagrid自己的一些操作積累

向表格中添加或者刪除一行數據

//添加頁面的表格
$('#tt2').datagrid({
    url:'',
    width: 566,
    height: 139,
    fitColumns: true,
    fit:true,
    columns:[[
      {field:'ip',title:'地址',width:160},
      {field:'mask',title:'掩碼',width:160},
      {field:'ha',title:'屬性',width:160},
      {field:'add_opera',title:'操作',width:160,
            formatter: function(value,rowData,Index){
                    return '<a href="#" onClick="del_inter_row(\''+Index+'\');">' +
                    '<img src="__PUBLIC__/images/trash.gif" title="刪除"></a>';

            }
      }
    ]]
});


//彈出頁面的添加按鈕click
            $("#ngtos_inter_add_submit").click(function(){
                var obj;

                if ($("#ipv4_cid").checkInput({cl: ['must', 'ip']}) == false)
                    return false;
                if ($('#mask4_cid').checkInput({cl: ['allownull', 'maskp']}) == false)
                    return false;
                var ipaddr = $("#ipv4_cid").val();
                var mask = $("#mask4_cid").val();
                var ha = ($('#ha4_cid').attr("checked") == "checked") ? "HA" : "";

                obj = {ip: ipaddr, mask: mask, ha: ha};

                var data = $("#tt2").datagrid("getData");
                console.log(data);
                for (var i = 0; i < data.rows.length; i++) {
                    if (ipaddr == data.rows[i]['ip']) {
                        ngtosPopMessager("error", "該地址已添加,請重新輸入!");
                        return;
                    }
                }

                $("#tt2").datagrid("appendRow", obj);
                $("#ipv4_cid").val("");
                $("#mask4_cid").val("");
                $("#ha4_cid").removeAttr("checked");
            });
            //彈出框刪除ip
            function del_inter_row(index){
                $.messager.confirm('確認','您確認想要刪除這行記錄嗎?',function(r){
                    if (r){
                        $("#tt2").datagrid("deleteRow", index);
                    }
                });
            }
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章