jqGrid edittype выберите класс css - PullRequest
2 голосов
/ 13 февраля 2012

как я могу установить класс css для элемента, который создает jqgrid, используя edittype: select?Вот мой код:

$(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 });
        }

Я пытался использовать классы: 'cssClass' в colModel, но это не сработало.Вот как создается HTML:

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

Есть предложения?Заранее спасибо!

1 Ответ

3 голосов
/ 13 февраля 2012

Вы можете определить dataInit метод editoptions . Например, вы можете попробовать следующий код

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

Результат будет следующим:

enter image description here

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...