jquery datatables editable plugin - 删除确认对话框

时间:2011-09-26 00:00:05

标签: jquery datatables

我使用editable插件为我的jquery数据表进行内联删除。当前单击删除按钮后,将调用控制器删除操作并删除该行。但是,我希望在删除之前显示一个确认对话框,并且只有当用户单击“确定”时,才会继续执行删除操作。我不知道怎么做,因为插件只需要在“sDeleteUrl”参数中传递控制器动作URL。我也无法从网上获得太多信息,希望能在这里得到一些帮助......真的很感激 (以下是我的代码,它使用可编辑的插件初始化数据表以启用内联删除)

    // Initialize data table
    var myTable = $('#stocktable').dataTable({

        // Try styling
        "sScrollX": "100%",
        "sScrollXInner": "100%",
        "bScrollCollapse": true,

        // To use themeroller theme
        "bJQueryUI": true,
        // To use TableTool plugin
        "sDom": 'T<"clear">lfrtip',
        // Allow single row to be selected
        "oTableTools": {
            "sRowSelect": "single"
        }
        // Use dataTable editable plugin to allow ajax delete
    }).makeEditable({
        // Reference to controller action
        //sAddURL: "/Stock/AddData",
        sDeleteURL: "/Stock/DeleteData",
        sDeleteHttpMethod: "GET",
        // Add "" for class for IE to works
        oDeleteRowButtonOptions: {
            label: "Remove",
            "class": "buttons"
        }
    });

1 个答案:

答案 0 :(得分:0)

http://jquery-datatables-editable.googlecode.com/svn/trunk/custom-messages.html。在行中删除时,如果从确认框返回true,则可以输入确认消息和调用删除功能。

在此示例中使用jConfirm,但如果用户点击fnDeleteRow(id);,您可以使用普通确认对话框并致电"Ok"