如何使用下拉列表重新填充jqgrid

时间:2018-06-29 21:02:16

标签: jqgrid

我有一个显示名称,日期和下拉列表的网格,但我不知道在返回名称,数据和id_selected的数据时如何重新填充此内容。 如何显示下拉菜单,并使用我的ID进行设置。

代码:

  $(function () {   

        //var fecha_actual = datenow(); //fecha actual client-side

        $("#grid_plan_accion_editar").jqGrid({
            datatype: 'local',
            data: arr_data,
            colNames: ['<span class="badge bg-green">DETALLE</span>', '<span class="badge bg-green">PLAZO</span>', ' <span class="badge bg-green">RESPONSABLE</span>'],
            colModel: [
                { label: 'detalle', name: 'detalle', width: 170, sorttype: "string", editable: true, edittype:"text"},
                { label: 'plazo', name: 'plazo', width: 40, sorttype: "string", editable: true, edittype: 'text',
                    formatter: 'date', formatoptions: { 
                        srcformat: 'Y-m-d', 
                        newformat: 'Y-m-d'
                    },

                },

                { label: 'responsable', name: 'responsable', width: 60, sorttype: "string", editable: true, 
                        edittype: "select",
                        formatter: "select",
                        editoptions:{
                            dataUrl : "/listadoPersonal",
                            cacheUrlData: true, //usa la cache para almacenar la data retornada
                            buildSelect : function( data) {

                                //convertir cadena de texto a JSON
                                var newData = JSON.parse(data);
                                //armando el select
                                var select = '<select>';
                                for(i=0; i<newData.length; i++){
                                    select = select + '<option value="'+newData[i]['id']+'">'+newData[i]['nombre']+'</option>';
                                }
                                select = select+'</select>';

                                //retornando el select
                                return select;

                            }//end builtSelect


                        }//end editOptions
                },

            ],
            //cmTemplate: { editable: true },
            rowNum: 10,
            width:800,
            height: 200,
            caption:'PLAN DE ACCION',
            shrinkToFit: true,
            pager: '#pager_plan_accion_editar',
            cellEdit: false,
            cellsubmit: 'clientArray',
            editurl: "clientArray",
        });

这是我从服务器返回的arr_data: arr_data 当我尝试重新填充时,我从网格中捕获的内容: repopulate 不要显示我的下拉菜单,也不要选择此选项。 请任何建议.. !!

0 个答案:

没有答案