jquery - jQuery 数据表；如何包含可选的删除链接并避免显示“点击编辑”？

Question

我在使用下面的数据表时遇到了 2 个问题；

    var otable = $('#tradeList').dataTable({
        "bServerSide": true,
        "sAjaxSource": serverDataSource,
        "bProcessing": true,
        "bLengthChange": false,
        "iDisplayLength": "15",

        "bPaginate": true,
        "sPaginationType": "full_numbers",
        "aoColumns": [
                     {
                         "sName": "ID",
                         "bSearchable": false,
                         "bSortable": false,
                         "bVisible": false
                     },
                     { "sName": "TRADENAME" },
                    {
                        "sName": "TRADEID",
                        "bSearchable": false,
                        "bSortable": false,
                        "fnRender": function (oObj) {
                            // oObj.aData[2] returns the TradeId
                            if (oObj.aData[2] == "0")
                                //return "<a href='" + deleteUrl + "?id=" + oObj.aData[2] + "'>Delete</a>";
                                return "<button onclick=" + dataService.deleteTrade(oObj.aData[2], fnDraw, deleteUrl ) + ")>";
                            else
                                return "";
                        }
                    }
            ]
        }).makeEditable({
        sUpdateURL: updateUrl,
        sAddURL: addUrl,
        sDeleteURL: deleteUrl
    });

删除按钮是可选的。因此，当我不想显示它时，如何停止显示默认的“单击以编辑”文本。我可以看到它来自 Jquery 库 jeditable。第二个问题我将在一个单独的问题中提出。

Answer 1

要删除“单击以编辑”，您必须将属性“占位符”配置为在 makeEditable 函数中为空。你的情况是：

var otable = $('#tradeList').dataTable({
    "bServerSide": true,
    "sAjaxSource": serverDataSource,
    "bProcessing": true,
    "bLengthChange": false,
    "iDisplayLength": "15",

    "bPaginate": true,
    "sPaginationType": "full_numbers",
    "aoColumns": [
                 {
                     "sName": "ID",
                     "bSearchable": false,
                     "bSortable": false,
                     "bVisible": false
                 },
                 { "sName": "TRADENAME" },
                {
                    "sName": "TRADEID",
                    "bSearchable": false,
                    "bSortable": false,
                    "fnRender": function (oObj) {
                        // oObj.aData[2] returns the TradeId
                        if (oObj.aData[2] == "0")
                            //return "<a href='" + deleteUrl + "?id=" + oObj.aData[2] + "'>Delete</a>";
                            return "<button onclick=" + dataService.deleteTrade(oObj.aData[2], fnDraw, deleteUrl ) + ")>";
                        else
                            return "";
                    }
                }
        ]
    }).makeEditable({
    sUpdateURL: updateUrl,
    sAddURL: addUrl,
    sDeleteURL: deleteUrl,
    aoColumns: [
    {
        placeholder : ""
    },
    {
        placeholder : ""
    },
    {
        placeholder : ""
    }
]
});