Comment lier une liste déroulante à l'intérieur de jqgrid cellule de la ligne

Je suis la mise en œuvre de Jqgrid dans mon ASP.net Application MVC. J'ai besoin de lier une liste déroulante à l'intérieur d'une colonne de la grille de Jqgrid.

Je n'étais pas capable de trouver un bon et solide code de référence comment le faire..

peut-on suggérer comment le faire..un exemple complet serait génial .

OriginalL'auteur Sai Avinash | 2013-10-17

  1. 9

    Essayez d'utiliser editoptions

     jQuery('#grid').jqGrid({
        autowidth: true,
        autoheight: true,
        url : '',
        mtype : 'POST',
        colNames : [  'ID','State', 'Product'],
        colModel : [ {name : 'id',index : 'id',hidden:true,align:'center'},
                     {name : 'name',index :'name',width:200,
                                            sortable:true,
                                            align:'center',
                                            editable:true,
                                            cellEdit:true,
                                            edittype: 'select', 
                                            formatter: 'select',

                                            editoptions:{value: getAllSelectOptions()}
                     },
                     {name : 'product',index : 'product'},
                   ],
        rowNum : 10,
        sortname : 'name',
        viewrecords : true,
        gridview:true,
        pager : '#pager',
        sortorder : 'desc',
        caption : 'Setup',
        datatype : 'json'
    });


function getAllSelectOptions(){
 var states = { '1': 'Alabama', '2': 'California', '3': 'Florida', 
               '4': 'Hawaii', '5': 'London', '6': 'Oxford' };

  return states;

}

    Voir ici et consultez ici toutes les

    vérifier ceci

    OriginalL'auteur Murali Murugesan

  2. 1

    à l'intérieur de votre colModel

    { name: 'Decision', width: 200, editable: true, formatter: 'select', edittype: 'select', editoptions: {
                        value: {
                            '1': 'Option 1',
                            '2': 'Option 2',
                            '3': 'Option 3'
                        },
                        dataEvents: [
                                {
                                    type: 'change',
                                    fn: function (e) {
                                        var row = $(e.target).closest('tr.jqgrow');
                                        var rowId = row.attr('id');
                                        jQuery("#jQGrid").saveRow(rowId, false, 'clientArray');
                                    }
                                }
                            ]
                    }
                    },

    cet exemple permettra d'économiser votre rang sur la liste déroulante modifier l'événement.
    Vérifier ce lien pour exemple complet

    Espère que cette aide.

    comment faire pour remplir déroulant valeurs dynamiquement..
    Autant que je sache, vous pouvez remplir la liste déroulante seulement avec value:{} comme je l'ai montré, vérifier la Documentation pour plus d'info, essayez d'utiliser ViewBag pour récupérer ces valeurs pour le comportement dynamique.

    OriginalL'auteur AthibaN