Comment obtenir un jqGrid valeur de la cellule lors de l'édition

Général de la fonction pour obtenir la valeur de la cellule avec la ligne id et id de cellule

Créer dans votre code js fonction:

function getCellValue(rowId, cellId) {
    var cell = jQuery('#' + rowId + '_' + cellId);        
    var val = cell.val();
    return val;
}

Exemple d'utilisation:

var clientId = getCellValue(15, 'clientId');

Douteux, mais qui fonctionne.

Après de nombreuses heures de chagrin j'ai trouvé ceci pour être la solution la plus simple. Appeler cette fonction avant d'aller chercher les données de ligne:

$('#yourgrid').jqGrid("editCell", 0, 0, false);

Il va enregistrer toute modification en cours et ne sera pas jeter si il n'y a pas de lignes dans la grille.

Essayer cela, il vous donnera particulier la valeur de la colonne

onSelectRow: function(id) {
    var rowData = jQuery(this).getRowData(id); 
    var temp= rowData['name'];//replace name with you column
    alert(temp);
}

Hi， j'ai rencontré ce problème aussi. Enfin, j'ai résolu ce problème en jQuery. Mais la réponse est liée à la grille elle-même, pas une commune. Espérons que cela aide.

Ma solution comme ceci:

var userIDContent = $("#grid").getCell(id,"userID");  //Use getCell to get the content
//alert("userID:" +userID);  //you can see the content here.

//Use jQuery to create this element and then get the required value.
var userID = $(userIDContent).val();  //var userID = $(userIDContent).attr('attrName');

C'est ma solution:

                function getDataLine(grida, rowid){  //vykradeno z inineeditu a vohackovano

                    if(grida.lastIndexOf("#", 0) === 0){
                        grida = $(grida);
                    }else{
                        grida = $("#"+grida);
                    }

                    var nm, tmp={}, tmp2={}, tmp3= {}, editable, fr, cv, ind;

                    ind = grida.jqGrid("getInd",rowid,true);
                    if(ind === false) {return success;}
                    editable = $(ind).attr("editable");
                    if (editable==="1") {
                        var cm;
                        var colModel = grida.jqGrid("getGridParam","colModel") ;
                        $("td",ind).each(function(i) {
                            //cm = $('#mygrid').p.colModel[i];
                            cm = colModel[i];
                            nm = cm.name;
                            if ( nm != 'cb' && nm != 'subgrid' && cm.editable===true && nm != 'rn' && !$(this).hasClass('not-editable-cell')) {
                                switch (cm.edittype) {
                                    case "checkbox":
                                        var cbv = ["Yes","No"];
                                        if(cm.editoptions ) {
                                            cbv = cm.editoptions.value.split(":");
                                        }
                                        tmp[nm]=  $("input",this).is(":checked") ? cbv[0] : cbv[1]; 
                                        break;
                                    case 'text':
                                    case 'password':
                                    case 'textarea':
                                    case "button" :
                                        tmp[nm]=$("input, textarea",this).val();
                                        break;
                                    case 'select':
                                        if(!cm.editoptions.multiple) {
                                            tmp[nm] = $("select option:selected",this).val();
                                            tmp2[nm] = $("select option:selected", this).text();
                                        } else {
                                            var sel = $("select",this), selectedText = [];
                                            tmp[nm] = $(sel).val();
                                            if(tmp[nm]) { tmp[nm]= tmp[nm].join(","); } else { tmp[nm] =""; }
                                            $("select option:selected",this).each(
                                                function(i,selected){
                                                    selectedText[i] = $(selected).text();
                                                }
                                            );
                                            tmp2[nm] = selectedText.join(",");
                                        }
                                        if(cm.formatter && cm.formatter == 'select') { tmp2={}; }
                                        break;
                                }
                            }
                        });
                    }
                    return tmp;
                }

Vous pouvez obtenir à partir de la manière suivante...!!

var rowId =$("#list").jqGrid('getGridParam','selrow');  
var rowData = jQuery("#list").getRowData(rowId);
var colData = rowData['UserId'];   //perticuler Column name of jqgrid that you want to access

elle est très simple d'écrire du code en vous grid.php et passer la valeur à un autre page.php

de cette façon, vous pouvez obtenir d'autres cellules de la colonne vaue

mais chacun peut faire comme la fenêtre.open(chemin pour passer de la valeur....) dans la fantaisie ou de la boîte de clor boîte?

$custom = <<<CUSTOM
jQuery("#getselected").click(function(){

    var selr = jQuery('#grid').jqGrid('getGridParam','selrow'); 
    var kelr = jQuery('#grid').jqGrid('getCell', selr, 'stu_regno');
    var belr = jQuery('#grid').jqGrid('getCell', selr, 'stu_school');
    if(selr) 

     window.open('editcustomer.php?id='+(selr), '_Self');


    else alert("No selected row");
    return false;
});

CUSTOM;
$grid->setJSCode($custom); 

Je pense une meilleure solution que d'utiliser getCell qui comme vous le savez certains retours html en mode de programmation est d'utiliser jquery pour accéder aux champs directement. Le problème avec le fait d'essayer d'analyser, comme vous faites, c'est qu'il ne fonctionne que pour les champs de saisie (pas des choses comme choisir), et il ne fonctionnera pas si vous avez fait quelques personnalisations pour les champs de saisie. Le suivant sera de travailler avec entrées et de sélectionner des éléments et une seule ligne de code.

ondblClickRow: function(rowid) {
    var val = $('#' + rowid + '_MyCol').val();
}

Afin d'obtenir la valeur de la cellule lorsque dans l'édition en ligne vous avez besoin pour capturer cet événement(ou un autre événement similaire, vérifiez la documentation):

beforeSaveCell: function (rowid, celname, la valeur, la iRow, iCol) { }

Dans la valeur de paramètre que vous avez de la "valeur" de la cellule qui a été en cours d'édition.

Pour obtenir le reste des valeurs dans la ligne d'en utiliser getRowData()

J'ai perdu beaucoup de temps avec cela, espérons que cette aide.

Je pense qu'Aidan réponse est de loin le meilleur.

$('#yourgrid').jqGrid("editCell", 0, 0, false);

Cela engage tout courant des modifications, vous donnant accès à la valeur réelle. Je la préfère parce que:

• Vous n'avez pas à coder en dur toutes les références de cellule.
  • Il est particulièrement bien adapté à l'utilisation de getRowData() pour obtenir l'intégralité de la grille, comme il ne se soucie pas de qui de cellules que vous venez d'éditer.
  • Vous n'êtes pas d'essayer d'analyser certains de balisage généré par jqGrid qui peut changer dans le futur.
  • Si l'utilisateur est l'épargne, la fin de la session d'édition est probable que le comportement qu'ils veulent de toute façon.

- Je obtenir modifier la valeur à l'aide de javascript:

document.getElementById ("idCell').valeur

J'espère que cette info utile pour quelqu'un.

Vous pouvez utiliser getCol pour obtenir les valeurs de colonne dans un tableau l'indice, puis par la ligne qui vous intéresse.

var col = $('#grid').jqGrid('getCol', 'Sales', false);

var val = col[row];