JQGrid: Dynamisch festlegen einer Zelle nicht bearbeitbar, basierend auf den Inhalten

Ich habe einige Fragen bekommen, einige Zellen (mit cellEdit: true) werden nicht bearbeitet, obwohl die Spalte festgelegt ist editierbar.

Ich habe viele Wege versucht, wie beforeEditCell, formatter, usw. Keiner scheint zu arbeiten.

Der nächste, den ich habe, ist, indem Sie eine Formatierung auf die Spalte, die würde ich gerne bearbeitet werden und dann mit setCell um die "nicht-editierbar-Zelle" Klasse (Codefragment unten). Das erste mal, wenn Sie klicken Sie auf die Zelle, leider geht in den Bearbeiten-Modus, aber wenn Sie klicken Sie irgendwo, und versuchen Sie zu re-Bearbeiten Sie die Zelle, es ist erfolgreich nicht bearbeitet werden.

Habe ich auch versucht, mit dem gleichen Schnitt, aber in beforeEditCell, es erfolgreich Stoppt die Zelle bearbeitet wird, aber in der Wendung 'friert' das Gitter. Sie können nicht mehr wählen Sie eine andere Zelle.

function noEditFormatter(cellValue, options, rowObject) {
    if (cellValue == 'test')
        jQuery("#grid").jqGrid('setCell', options.rowId, 'ColName', '', 'not-editable-cell');
    return cellValue;
}

Jede Hilfe wäre sehr geschätzt werden.

InformationsquelleAutor Shawn | 2011-01-17
  1. 12

    Die Idee setCell Methode add der Klasse 'nicht-editierbare-Zellen" auf Zellen, die nicht editierbar ist richtig. Sie wählen nur den falschen Ort, um dies zu tun. Innerhalb von benutzerdefinierten formatter, das raster kann noch nicht gebaut, bis zum Ende. Ich empfehle Ihnen die Verwendung loadComplete oder gridComplete zu prüfen, die raster enthalten, der aktuelle Seite und markieren Sie einige Zellen nicht editierbar.

    Bereitete ich ein Beispiel, die dies aufzeigen. Wie in deinem Beispiel alle Zellen mit "test" - text gekennzeichnet sind, als nicht bearbeitet werden. In der Weise können Sie untersuchen Zellen, und markieren Sie weitere Zellen, die nicht bearbeitet werden.

    • Tausend Dank, das funktioniert perfekt.
    • Sie herzlich willkommen!
    • Ich will die komplette jqgrid beim laden selbst mit wenigen Zellen im bearbeitbaren Modus in jeder Zeile. Ist das möglich. Ich kann nichts finden über die Suche. Bitte helfen
    • Sorry, aber ich verstehe nicht, was du meinst. Könnten Sie erklären, alle mehr detaillierte?
    • wie habe ich 5 Zeilen kommen aus der Datenbank und alle in jeder Reihe habe ich Feld1 select-box mit dropdowns, Feld 2 ist auch ein select Feld, Feld 3 und Feld 4 sind text-Boxen, jeweils. Nun, wenn jqgrid Lasten. Ich möchte standardmäßig werden alle diese Zeilen in bearbeitbaren Modus, also Feld1, Feld2, feld3 und feld4
    • Du meinst wohl "Bearbeiten-Modus" anstelle von "editable mode". Wollen Sie, dass alle geladenen Zeilen Bearbeiten, so dass die Benutzer können die Werte ändern, und drücken Sie "Enter", um speichern Sie das geänderte Zeile? Es ist nicht das problem beschrieben, die Antwort auf die, die Sie schrieb Kommentare. Dennoch können Sie dazu aufrufen editRow für alle Zeilen des Rasters innerhalb des loadComplete.
    • Das ist es, ich habe es. Danke
    • Sie sind herzlich willkommen!
    • ENDLICH!! verbrachte 4 Stunden zu versuchen, um dies herauszufinden! Danke Oleg
    • Sie sind herzlich willkommen!
    • Ich möchte zu beachten, die wichtige Linie des Codes hier: grid.jqGrid('setCell',id,'name','','not-editable-cell');

    InformationsquelleAutor Oleg
  2. 3
    var cellattr = function(rowId, tv, rawObject, cm, rdata) {
if(rawObject.locked) return ' class="not-editable-cell"';

    };

    In colModel:
    jede Spalte Optionen hinzufügen 

    {name: 'name',index: 'name', editable: true, width: 100, sortable: false, align: 'center', cellattr: cellattr}
    InformationsquelleAutor Võ Đình Toàn
  3. 1

    Ich zu lösen hatte, diese jetzt (2015) und fand ein Ansatz, der sauber aussieht: geben Sie eine Funktion für cellbeginedit zurückgibt false wenn die Zelle darf nicht bearbeitet werden. Entnommen aus dem verlinkten Artikel und modifiziert werden:

    var checkIfRowIsValid = function (rowIndex) {
    //somehow get cellValue
    ...
    if (cellValue == 'test') return false;
}
//initialize jqxGrid
$("#jqxgrid").jqxGrid(
{
    source: dataAdapter,
    editable: true,
    selectionmode: 'singlecell',
    columns: [
        { text: 'First Name', columntype: 'textbox', datafield: 'firstname',
        width: 90, cellbeginedit: checkIfRowIsValid},
        { text: 'Last Name', datafield: 'lastname', columntype: 'textbox',
        width: 90, cellbeginedit: checkIfRowIsValid}
    ]
});
    • Dieses Beispiel ist mit jqxGrid. Der OP ist mit jqGrid.
    InformationsquelleAutor Martin
Schreibe einen Kommentar