jqGrid 需要自定义 selectList答案

【问题标题】：jqGrid require on custom selectListjqGrid 需要自定义 selectList
【发布时间】：2015-07-07 23:10:55
【问题描述】：

我试图要求用户输入动态选择列表。我在 ColModel 中有 editrules:{require:true} 但弹出窗口不需要用户选择不具有“”值的项目。选择列表的第一个选项将始终是..

 <select value="">Choose an Item</select>

我的专栏模型是

{ name: 'ProductId', index: 'ProductId', width: 100, key: false,  editable: true, align: "right", edittype: "select", editoptions: mySelectList, editrules: {required:true, }, formoptions:{elprefix:'(*)'} }

mySelectList 填充有

mySelectList = {
        dataInit: function (element, row) {
            var listItems = [];
            $.ajax({
                url: '@Url.Action("GetSelectList", "Home")',
                success: function (res) {
                    listItems = res;
                },
                async: false
            });
            //listItems = [{val: someVal, text: someText}, ...];
            var selList = formatSelectList(listItems);
            //selList = '<option value="someVal">someText</option>....';
            $(element).prop("name", "System");
            $(element).append(selList);
            var LineId = $("#grid").jqGrid('getRowData', row.rowId).LineId;
            $(element).val(LineId);

提前致谢

【问题讨论】：

请详细说明，什么样的动态选择列表？你什么时候填充选择列表？

标签： c# jquery model-view-controller jqgrid

【解决方案1】：

我发现在提交表单之前只写自己的检查会更容易，所以我写了自己的函数。

$.extend($.jgrid.edit, {
    beforeSubmit: validateForm,
    recreateForm: true,
    closeAfterAdd: true,
    closeAfterEdit: true,
    closeOnEscape: true,
    reloadAfterSubmit: true,
    saveKey: [true, 13]
});

这是我的验证函数。

function validateForm(postdata, formid)
{
    var message, 
        success = true;

    if(isEmpty(postdata.ProductId))
    {
        success = false;
        message = "Please select a Product";
    }

    return [success, message];
}

function isEmpty(obj){ 
     return (
         typeof(obj) == "undefined" || 
         obj == null || 
         obj == NaN ||
         obj == ""
     ); 
}

【讨论】：