Выделите строку, когда флажок установлен

Может кто-нибудь мне помочь, у меня есть jqgrid, и я хочу выделить строку, если флажок прав, спасибо!

Как я могу это сделать? Кто-нибудь может мне помочь?

Ответы

Ответ 1

Я описал в ответ один хороший способ, как вы можете реализовать выделение.

Версия 4.3.2 jqGrid имеет новую функцию - обратный вызов rowattr (см. мое первоначальное предложение), который был введен специально для случаев как твой. Он позволяет выделить некоторые строки сетки во время заполнения сетки. Чтобы иметь лучшее преимущество в производительности, вы должны использовать gridview: true дополнительно. Кстати я рекомендую использовать gridview: true во всех jqGrids.

Использование обратного вызова rowattr очень просто:

gridview: true,
rowattr: function (rd) {
    if (rd.GroupHeader === "1") { // verify that the testing is correct in your case
        return {"class": "myAltRowClass"};
    }
}

Класс CSS myAltRowClass должен определять цвет фона выделенных строк.

В соответствующей демонстрации вы можете найти здесь:

Потому что в вашей демонстрации вам нужно просто выделить и не выбирать строки, которые я не использовал multiselect: true в своей демонстрации. В случае multiselect: true он работает точно так же.

В конце моего ответа я хотел бы рекомендовать вам использовать шаблоны столбцов. Эта функция сделает ваш код короче, читабельнее и прост в обслуживании. Что вам нужно сделать, это следующее:

вы можете включить общие или наиболее часто используемые настройки из определений столбцов в cmTemplete. В вашем случае это может быть

cmTemplate: {align: 'center', sortable: false, editable: true, width: 80}

то вы можете определить некоторые переменные, которые описывают общие свойства, которые вы часто используете в некоторых столбцах. Например:

var myCheckboxTemplate = {formatter: 'checkbox', edittype: 'checkbox', type: 'select',
        editoptions: {value: "1:0"}},
    myTextareaTemplate = {edittype: "textarea",
        editoptions: {size: "30", maxlength: "30"}};

после этого вы можете использовать myCheckboxTemplate и myTextareaTemplate внутри colModel, который уменьшится в вашем случае до следующего

colModel: [
    {name: 'TypeID', index: 'TypeID', width: 350, hidden: true, edittype: "select",
        editoptions: {value: getTypeID()}, editrules: { edithidden: true}},
    {name: 'Order1', index: 'Order1', template: myTextareaTemplate},
    {name: 'Order2', index: 'Order2', template: myTextareaTemplate},
    {name: 'Order3', index: 'Order3', template: myTextareaTemplate},
    {name: 'Description', index: 'Description', width: 140, template: myTextareaTemplate},
    {name: 'Notes', index: 'Notes', width: 120, template: myTextareaTemplate},
    {name: 'Measure', index: 'Measure', template: myTextareaTemplate},
    {name: 'UnitPrice', index: 'UnitPrice', width: 100, editable: false, template: myTextareaTemplate},
    {name: 'Remarks', index: 'Remarks', width: 140, template: myTextareaTemplate},
    {name: 'UnitCost', index: 'UnitCost', width: 100, template: myTextareaTemplate},
    {name: 'Service', index: 'Service', width: 120, template: myTextareaTemplate},
    //If the GroupHeader is true the row background is yellow
    {name: 'GroupHeader', index: 'GroupHeader', width: 100, template: myCheckboxTemplate},
    {name: 'IsGroup', index: 'IsGroup', template: myCheckboxTemplate}
],
cmTemplate: {align: 'center', sortable: false, editable: true, width: 80},