jqGrid Zelle - Wie dynamisch gesetzt ausgewählten index einer dropdown-Box, und deaktivieren Sie es

In meinem jqGrid, ich habe eine Zeile mit zwei Spalten. Jede Spalte enthält eine drop-down-Liste. Ich bin mit inline-editing. Auf die Veränderung der ersten drop-down-Liste, möchte ich einen ausgewählten Wert in der zweiten Dropdown-Liste, und deaktivieren Sie es. Hier ist die colModel für die ersten drop-down -

{
     name:'pdInstanceType.id', 
     edittype:'select', formatter:'select', editable:true, 
     editoptions:{
         value:"1:Test1;2:Test2",
         dataEvents: [{ 
             type: 'change', fn: function(e) {
                 var valueToSet = 3;
                 var row = jQuery(e.target).closest('tr.jqgrow');
                 var rowId = row.attr('id');
                 var secondSelect = jQuery('#' + rowId + '_stdCellLibrary.id');
                 secondSelect.val(valueToSet);//this is not working
                 //how to disable the secondSelect?
             }
         }]
     }
}

Hier ist die colModel für die zweite drop-down -

{
    name:'stdCellLibrary.id', 
    edittype:'select', formatter:'select', editable:true, 
    editoptions:{
        value:"3:Test3;4:Test4"
    }
}

InformationsquelleAutor RRK | 2013-05-22

  1. 1

    OK. Schließlich war in der Lage, um dies herauszufinden. Eine Möglichkeit zum abrufen einer select-drop-down von einem jqGrid Zelle ist 

    var secondSelect = jQuery('#' + rowId + '_stdCellLibrary\\.id')[0];

    Vermisste ich zwei Dinge. Hinzufügen [0] und die Verwendung von Doppel-backslash bei der Abfrage von id mit Punkt. Hier ist die komplette Lösung für jemanden, der vor dem gleichen problem. Definition der zweiten colModel bleibt die gleiche. Hier ist der erste colModel

    {
    name:'pdInstanceType.id', 
    edittype:'select', formatter:'select', editable:true, 
    editoptions:{
        value:"1:Test1;2:Test2",
        dataEvents: [{ 
            type: 'change', fn: function(e) {
                var valueToSet = 3;
                var row = jQuery(e.target).closest('tr.jqgrow');
                var rowId = row.attr('id');
                var secondSelect = jQuery('#' + rowId + '_stdCellLibrary\\.id')[0];
                jQuery(secondSelect).val(valueToSet);
                //how to disable the secondSelect
                jQuery(secondSelect).attr("disabled", true);
            }
        }]
    }
 }
    Cool, bin froh, dass Sie erkannt hat. Stellen Sie sicher, markieren Sie es als Antwort akzeptiert, wenn Sie in der Lage sind.

    InformationsquelleAutor RRK

  2. 0

    Um den Wert des zweiten auswählen, die Sie verwenden sollten, jqGrid ist setCell Methode (jqGrid wiki-Methoden).

    var rowId = $("#nameOfGrid").jqGrid('getGridParam', 'selrow');
$("#nameOfGrid").jqGrid('setCell', rowId, 'stdCellLibrary.id', valueToSet);

    Habe ich mit begrenztem Erfolg, deaktivieren von Spalten basierend auf value-änderungen in anderen Spalten. Sehen diese Frage für weitere Informationen.

    Der obige code ersetzt in der drop-down mit valueToSet. Also die Zelle enthält jetzt einen text anstelle eines drop-down -
    Wenn ich jQuery('#' + rowId + '_stdCellLibrary.id').prop("selectedIndex", 1); es updates der select-drop-down. Leider weiß ich nicht die index, die ich einstellen will. Ich habe nur den Wert von der option, die ich einstellen will. Vielleicht ist es eher ein jQuery Frage

    InformationsquelleAutor AJ.

Schreibe einen Kommentar