Можем ли мы обновить несколько выпадающих значений, изменив любое из выбранных значений в бесплатной jqgrid 4.15.4 - PullRequest
Новая
       8

Можем ли мы обновить несколько выпадающих значений, изменив любое из выбранных значений в бесплатной jqgrid 4.15.4

0 голосов
/ 25 августа 2018

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

Я также узнал о проблеме параллелизма, но сейчас это не проблема для меня.

Я добавил демо-скрипку https://jsfiddle.net/tygLjmde/.

$(function () {
"use strict";
var mydata = [
    { id: "10",  FirstName: "test", LastName: "TNT", Gender: "Male" },
     { id: "11",     FirstName: "test2",    LastName: "ADXC", Gender: "Male" },
     { id: "12",     FirstName: "test3",    LastName: "SDR", Gender: "Female" },
     { id: "13",     FirstName: "test4",    LastName: "234", Gender: "Male" },
     { id: "14",     FirstName: "test5",    LastName: "DAS", Gender: "Male" },
];
$("#list").jqGrid({
data: mydata,

    colNames: ['','Id', 'First Name', 'Last Name', 'Gender'],
     colModel: [
  {
            name: "act", template: "actions",
           formatoptions: {
               delbutton: false
         }
        },
        {
            label: "Id",
            name: 'Id',
            hidden: true,
            search: false,
        },
        {
            label: "FirstName",
            name: 'FirstName',
            searchoptions: {
                searchOperators: true,
                sopt: ['eq', 'ne', 'lt', 'le','ni', 'ew', 'en', 'cn', 'nc'],
            }, search: true,
        },
        {
            label: "LastName",
            name: 'LastName',
            searchoptions: {
                searchOperators: true,
                sopt: ['eq', 'ne', 'lt', 'ni', 'ew', 'en', 'cn', 'nc'],
            }, search: true,
        },

        {
            label: "Gender",
            name: 'Gender',
            search: true, 
            edittype: "select",editable: true,
            editoptions: {
            value: "Male:Male;Female:Female;" ,                                                                 
                        },
          stype: "select",
                editrules: {
                    custom: true,
                    custom_func: function (value, colName, iCol)                                                    {
                        alert("The value to validate: " +value);
                        return [true];
                    }
                    },
        },
        ],
        onSelectRow: function (id) {
        if (id && id !== lastsel) {
            jQuery('#list').restoreRow(lastsel);
            jQuery('#list').editRow(id, true);
            lastsel = id;
        }
    },
    loadComplete: function (id) {
        if ($('#list').getGridParam('records') === 0) {

            //$('#grid tbody').html("<div style='padding:6px;background:#D8D8D8;'>No records found</div>");
        }
        else {
            var lastsel = 0;
            if (id && id !== lastsel) {
                jQuery('#list').restoreRow(lastsel);
                jQuery('#list').editRow(id, true);
                lastsel = id;
              }
            }
        },

    pager: jQuery('#pager'),
    loadonce: true,
    viewrecords: true,
    gridview: true,
    width: 'auto',
    height: '450px',
        iconSet: "fontAwesome",
    multiselect: true,
    cellEdit:true,
    emptyrecords: "No records to display",
    jsonReader:
    {
        root: "rows",
        page: "page",
        total: "total",
        records: "records",
        repeatitems: false,
        Id: "Id"
    },

});
$('#list').jqGrid('filterToolbar', { stringResult: true, searchOnEnter: false, defaultSearch: "cn", multipleSearch: true, searchOperators: true, search: true, loadFilterDefaults: true });
$('#list').jqGrid('navGrid', "#pager", {
    search: false, // show search button on the toolbar
    add: false,
    edit: false,
    del: false,
    refresh: true,
    reloadGridOptions: { fromServer: true }
});    
});

, где вы увидите флажки в первом столбце, а столбец Пол состоит из значений. Итак, скажем, если я выбрал две строки и изменил значение только для одной строки. Так возможно ли, что значение столбца другой строки меняется автоматически? Если да, то какие-нибудь предложения по изменению демо / кода

Заранее спасибо.

1 Ответ

0 голосов
/ 26 августа 2018

Вы используете редактирование ячейки в своей демонстрации. Таким образом, вы можете использовать afterSaveCell callback для выполнения некоторых дополнительных действий после изменения значения. Вы можете проверить значение параметра selarrrow, который содержит список идентификаторов выбранных строк, и использовать setCell для изменения значения столбца Gender строк на новое значение: 

afterSaveCell: function (rowid, cmName, value, iRow, iCol) {
    var $self = $(this);

    if (cmName === "Gender") {
        $self.jqGrid("getGridParam", "selarrrow").forEach(function (id) {
            var item = $self.jqGrid("getLocalRow", id);
            if (id !== rowid && item.Gender !== value) {
                $self.jqGrid("setCell", id, iCol, value, false, false, true);
            }
        });
    }
}

См. Модифицированную демонстрацию https://jsfiddle.net/OlegKi/20wh9a7g/

...