javascript - Jqgrid - 选择下拉菜单的验证

Question

我的此列带有下拉列表，当前当我从下拉列表中选择任何值时，它会被保存，我想在保存之前从下拉列表中选择一个值时添加验证，例如，

{name:'color_name',
    cellattr: function (rowid, cellValue) {
    if ($.inArray(cellValue, hilightcolorcell) < 0) {
    return " class='redcells'";
    }
    },editable:true,edittype:"select",editoptions:
    {value:"PURPLE:PURPLE;PINK:PINK;GREEN:GREEN"}}

如果所选值是粉红色，我希望有一个带有保存和取消按钮的验证提示，如下所示，所选值是:粉红色，保存取消

这是演示链接 https://jsfiddle.net/kwu7v3fc/3/

请帮忙。

Answer 1

有很多方法可以实现您的要求。在我看来，最原生的方法似乎是在更改选择选项并真正保存它之前直接要求用户确认。人们可以添加“更改”事件处理程序，它可以满足您的所有需要​​。相应的实现如下例所示

editoptions: {
    value: "PURPLE:PURPLE;PINK:PINK;GREEN:GREEN",
    dataEvents: [
        {
            type: "change",
            fn: function (e) {
                if ($(this).val() === "PINK") {
                    if (!confirm("Are you sure you want PINK?")) {
                        // reset the value to the previous one
                        var savedRow = $("#rowed5").jqGrid("getGridParam", "savedRow");
                        $(this).val(savedRow[0].v);
                    }
                }
            }
        }
    ]
}

查看修改后的演示 https://jsfiddle.net/OlegKi/kwu7v3fc/5/