Question

我想删除jqgrid中的记录。为此我得到了图像，当用户点击它时，记录被删除。

但我希望显示confirm框，如果为true，则只删除记录。

所以任何人都可以告诉我如何在jqgrid中调用javascript。

我的jqgrid是

jQuery(document).ready(function() {
    jQuery("#list47").jqGrid({
        url: 'AddFilterGrid.aspx?Show=ViewFilter',
        datatype: "json",
        id: "FilterName",
        colNames: ["SubCategory", "Filter", 'Delete', 'Edit'],
        colModel: [{
                name: 'CategoryName',
                index: 'CategoryName',
                width: 150,
                align: 'left',
                sortable: true,
                sorttype: 'text'
            }, {
                name: 'FilterName',
                index: 'FilterName',
                width: 150,
                align: 'left',
                sortable: true,
                sorttype: 'text'
            }, {
                name: 'f',
                index: 'f',
                width: 100,
                align: "center",
                formatter: 'showlink',
                formatter: formateadorLinkDelete
            }, {
                name: 'FilterId',
                index: 'FilterId',
                width: 100,
                align: "center",
                formatter: 'showlink',
                formatter: formateadorLinkEdit
            },

        ],
        height: 280,
        width: 650,
        //autowidth: true,
        mtype: "GET",
        pager: '#plist47',
        rowNum: 10,
        rowList: [10, 20, 30, 40],
        repeatitems: false,
        viewrecords: true,
        sortname: 'FilterName',
        viewrecords: true,
        sortorder: "desc",
        gridview: true,
        imgpath: '/Scripts/themes/redmond/images'
    });

});

Answer 1

使用删除按钮创建一个列，为您的按钮指定一个带有ID的属性，这样您就可以发布该ID以将其删除。

给删除控制器发帖子

$.post('url/delete/$(this).val("deletid")', function(data) {
  $('.result').html(data);
});

@ edit：在你的一个列中创建一个删除链接，其中class =“delete”和deleteid =“id” 您可以创建一个确认弹出框：

$(function(){
    $(.delete).foreach(function(){
        $('#dialog').dialog({
            autoOpen: false,
            width: 400,
            modal: true,
            resizable: false,
            buttons: {
                "Submit":  function(){
                             $.post('url/delete/$(this).val("deletid")', function(data) {

                                //find your tr and hide it
                                $(this).parent().parent.... .hide();
                             });
                           };
                },
                "Cancel": function() {
                    $(this).dialog("close");
                }
            }
        });  
});

在asp.net中删除jqgrid中的记录

1 个答案: