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);
                    }
                });
            }
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值