css - jqGrid edittype选择CSS类

如何通过使用edittype：select将css类设置为jqgrid创建的元素？这是我的代码：

$(window).load(function () {
            GetProjects();
        });

        function GetProjects() {
            jQuery("#tbl1").jqGrid({
                url: 'myurl',
                datatype: "json",
                mtype: 'POST',
                colNames: ['Project', 'Module', 'Description'],
                colModel: [
        { name: 'Project', index: 'Name', width: 90, editable: true, edittype: 'select', editoptions: { value: GetProjectOptions()} },
        { name: 'Name', index: 'Project.Name', width: 55, editable: true },
        { name: 'Description', index: 'Description', width: 90, editable: true }
    ],
                rowNum: 10,
                rowList: [10, 20, 30],
                pager: '#nav1',
                sortname: 'Project.Name',
                viewrecords: true,
                sortorder: "desc",
                caption: "DDS Project Modules",
                jsonReader: {
                    repeatitems: false,
                    root: function (obj) { return obj; }
                },
                width: '500',
                loadonce: true,
                hidegrid: false,
                editurl: 'myurl'
            });
            jQuery("#tbl1").jqGrid('navGrid', '#nav1', { edit: false, add: false, del: false });
        }

        function AddRow() {
            jQuery("#tbl1").jqGrid('editGridRow', "new", { reloadAfterSubmit: false, closeAfterAdd: true });
        }

我试过在colModel中使用类：'cssClass'，但是没有用。
这是创建html的方法：

<select name="Project" class="FormElement" id="Project" role="select" size="1">

有什么建议么？提前致谢！

最佳答案

您可以定义editoptions的dataInit方法。例如，您可以尝试以下代码

editoptions: {
    value: GetProjectOptions(),
    dataInit: function (elem) {
        $(elem).addClass('ui-state-highlight');
    }
}

结果将如下所示：

关于css - jqGrid edittype选择CSS类，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9261847/

editType

css - jqGrid edittype选择CSS类