如何获取jqgrid的实际单元格文本

如何获取jqgrid的实际单元格文本,jqgrid,Jqgrid,我在网页上放置了一个jqgrid,显示数据库中的数据。其中一列是“状态”。数据库查询将单元格值设置为状态id,但在网格中显示实际状态描述。这是对的 现在,我需要通过jquery检索实际的单元格文本 我试过: var selRowId = $("#contratos").jqGrid('getGridParam', 'selrow'); var estActualDesc = $("#contratos").jqGrid ('getCell', selRowId, 'estId'); 但我总是得

我在网页上放置了一个jqgrid,显示数据库中的数据。其中一列是“状态”。数据库查询将单元格值设置为状态id,但在网格中显示实际状态描述。这是对的

现在,我需要通过jquery检索实际的单元格文本

我试过:

var selRowId = $("#contratos").jqGrid('getGridParam', 'selrow');
var estActualDesc = $("#contratos").jqGrid ('getCell', selRowId, 'estId');
但我总是得到状态id,而不是单元格文本

你知道怎么解决这个问题吗

谢谢 詹姆

编辑:

$(“#contratos”).jqGrid({
url:{{path(''u lista_contatos')}},
数据类型:“json”,
mtype:“获取”,
colNames:[“N°de WF”,
“Fecha Ingreo”,
“费查·德帕乔”,
“费卡·西尔”,
“费查·蒂尔米诺”,
“Fecha Aviso”,
“Nombre Fantasía”,
“对立面”,
“对方名义”,
“名义上的对方护墙板”,
“Gerencia Corporativa”,
“联合行动机构”,
“阿博加多”,
“Estado”,
“材料”,
"提婆",,
“我的爸爸”,
“备忘录编号”,
“Monto UF(每年3名男性)”,
“杜拉西翁”,
“Cláusula de Salida”,
“链接”,
“博拉多”,
“观察者”,
“Fecha de Estado”],
colModel:[
{name:“cntworflow”,宽度:90,可编辑:true,编辑选项:{maxlength:11,大小:17},编辑规则:{required:true,custom:true,custom_func:check_wf},formoptions:{elmsuffix:'*},
{name:“cntFechaIngreso”,宽度:100,可编辑:true,编辑规则:{date:true,required:true},formoptions:{elmsuffix:'*'},formatoptions:{srcformat:'SortableDateTime',newformat:'d-m-Y'},编辑选项:{size:17,dataInit function(el){
$(el).datepicker({dateFormat:'dd-mm-yy'});
$(el).遮罩(“?99-99-9999”);
}},searchoptions:{dataInit:function(el){
$(el).datepicker({dateFormat:'dd-mm-yy'});
$(el).遮罩(“?99-99-9999”);
}}},
{name:“cntFechaDespacho”,宽度:110,可编辑:true,编辑规则:{date:true,required:false},格式选项:{srcformat:'SortableDateTime',newformat:'d-m-Y',编辑选项:{size:17,dataInit:function(el){
$(el).datepicker({dateFormat:'dd-mm-yy'});
$(el).遮罩(“?99-99-9999”);
}},searchoptions:{dataInit:function(el){
$(el).datepicker({dateFormat:'dd-mm-yy'});
$(el).遮罩(“?99-99-9999”);
}}},
{name:“cntFechaCierre”,宽度:100,可编辑:true,编辑规则:{date:true,required:false},格式选项:{srcformat:'SortableDateTime',newformat:'d-m-Y'},编辑选项:{size:17,dataInit:function(el){
$(el).datepicker({dateFormat:'dd-mm-yy'});
$(el).遮罩(“?99-99-9999”);
}},searchoptions:{dataInit:function(el){
$(el).datepicker({dateFormat:'dd-mm-yy'});
$(el).遮罩(“?99-99-9999”);
}}},
{name:'cntFechaTermino',width:100,edit:true,hidden:true,editrules:{date:true,required:false,edithidden:true},formatoptions:{srcformat:'SortableDateTime',newformat:'d-m-Y'},editoptions:{size:17,dataInit:function(el){
$(el).datepicker({dateFormat:'dd-mm-yy'});
$(el).遮罩(“?99-99-9999”);
}},searchoptions:{dataInit:function(el){
$(el).datepicker({dateFormat:'dd-mm-yy'});
$(el).遮罩(“?99-99-9999”);
}}},
{name:'cntFechaAviso',width:100,edit:true,hidden:true,editrules:{date:true,required:false,edithidden:true},formatoptions:{srcformat:'SortableDateTime',newformat:'d-m-Y'},editoptions:{size:17,dataInit:function(el){
$(el).datepicker({dateFormat:'dd-mm-yy'});
$(el).遮罩(“?99-99-9999”);
}},searchoptions:{dataInit:function(el){
$(el).datepicker({dateFormat:'dd-mm-yy'});
$(el).遮罩(“?99-99-9999”);
}}},
{name:“cntNombreFantasia”,宽度:150,可编辑:true,编辑选项:{maxlength:80,大小:50},
{name:“cntRutContraparte”,宽度:110,可编辑:true,编辑选项:{maxlength:20,大小:17,dataInit:function(el){
$.mask.definitions['~']='[0-9kK]';
$(el).mask(“?99.999.999-~”);
}},editrules:{required:true,custom:true,custom_func:is_rut},formoptions:{elmsuffix:'*},searchoptions:{dataInit:function(el){
$.mask.definitions['~']='[0-9kK]';
$(el).mask(“?99.999.999-~”);
}}},
{name:“cntNombreContraparte”,宽度:150,隐藏:true,可编辑:true,编辑选项:{maxlength:80,大小:50},编辑规则:{required:false,edithidden:true},
{name:“cntNombreDadoContraparte”,宽度:150,隐藏:true,可编辑:true,editoptions:{maxlength:80,size:50},editrules:{required:false,edithidden:true},
{name:“gerencia”,宽度:200,可编辑:true,edittype:“select”,格式化程序:“select”,editoptions:{style:“width:310px”,值:{{{gerencias}},
数据事件:[
{type:'change',
fn:功能(e){
填充代理(该值为0);
}
}
]},stype:'select',searchoptions:{sopt:['eq'],value:{{{gerencias}}},
{name:“agcId”,width:200,edittype:true,edittype:“select”,格式化程序:'select',editrules:{required:true},formoptions:{elmsuffix:'*},editoptions:{style:'width:310px',value:{{agencias}},stype:'select',searchoptions:{sopt:['eq'},value:{{{agencias},},
{name:“abgRut”,宽度:150,可编辑:true,编辑类型:“select”,格式化程序:“sele”
$("#contratos").jqGrid({
    url: "{{ path('_lista_contratos') }}",
    datatype: "json",
    mtype: "GET",
    colNames: ["N° de WF",
        "Fecha Ingreso",
        "Fecha Despacho",
        "Fecha Cierre",
        "Fecha Término",
        "Fecha Aviso",
        "Nombre Fantasía",
        "RUT Contraparte",
        "Nombre Contraparte",
        "Nombre Dado por Contraparte",
        "Gerencia Corporativa",
        "Agencia o Unidad Operativa",
        "Abogado",
        "Estado",
        "Materia",
        "Tipo",
        "Complejidad",
        "N° Memo",
        "Monto UF (anual 3 decimales)",
        "Duración",
        "Cláusula de Salida",
        "Link",
        "Borrador",
        "Observaciones",
        "Fecha de Estado"],
    colModel: [
        {name: "cntWorkflow", width: 90, editable: true, editoptions: {maxlength: 11, size: 17}, editrules: {required: true, custom: true, custom_func: check_wf}, formoptions: {elmsuffix: '<span class="required">*</span>'}},
        {name: "cntFechaIngreso", width: 100, editable: true, editrules: {date: true, required: true}, formoptions: {elmsuffix: '<span class="required">*</span>'}, formatoptions: {srcformat: 'SortableDateTime', newformat: 'd-m-Y'}, editoptions: {size: 17, dataInit: function(el) {
                    $(el).datepicker({dateFormat: 'dd-mm-yy'});
                    $(el).mask("?99-99-9999");
                }}, searchoptions: {dataInit: function(el) {
                    $(el).datepicker({dateFormat: 'dd-mm-yy'});
                    $(el).mask("?99-99-9999");
                }}},
        {name: "cntFechaDespacho", width: 110, editable: true, editrules: {date: true, required: false}, formatoptions: {srcformat: 'SortableDateTime', newformat: 'd-m-Y'}, editoptions: {size: 17, dataInit: function(el) {
                    $(el).datepicker({dateFormat: 'dd-mm-yy'});
                    $(el).mask("?99-99-9999");
                }}, searchoptions: {dataInit: function(el) {
                    $(el).datepicker({dateFormat: 'dd-mm-yy'});
                    $(el).mask("?99-99-9999");
                }}},
        {name: "cntFechaCierre", width: 100, editable: true, editrules: {date: true, required: false}, formatoptions: {srcformat: 'SortableDateTime', newformat: 'd-m-Y'}, editoptions: {size: 17, dataInit: function(el) {
                    $(el).datepicker({dateFormat: 'dd-mm-yy'});
                    $(el).mask("?99-99-9999");
                }}, searchoptions: {dataInit: function(el) {
                    $(el).datepicker({dateFormat: 'dd-mm-yy'});
                    $(el).mask("?99-99-9999");
                }}},
        {name: "cntFechaTermino", width: 100, editable: true, hidden: true, editrules: {date: true, required: false, edithidden: true}, formatoptions: {srcformat: 'SortableDateTime', newformat: 'd-m-Y'}, editoptions: {size: 17, dataInit: function(el) {
                    $(el).datepicker({dateFormat: 'dd-mm-yy'});
                    $(el).mask("?99-99-9999");
                }}, searchoptions: {dataInit: function(el) {
                    $(el).datepicker({dateFormat: 'dd-mm-yy'});
                    $(el).mask("?99-99-9999");
                }}},
        {name: "cntFechaAviso", width: 100, editable: true, hidden: true, editrules: {date: true, required: false, edithidden: true}, formatoptions: {srcformat: 'SortableDateTime', newformat: 'd-m-Y'}, editoptions: {size: 17, dataInit: function(el) {
                    $(el).datepicker({dateFormat: 'dd-mm-yy'});
                    $(el).mask("?99-99-9999");
                }}, searchoptions: {dataInit: function(el) {
                    $(el).datepicker({dateFormat: 'dd-mm-yy'});
                    $(el).mask("?99-99-9999");
                }}},
        {name: "cntNombreFantasia", width: 150, editable: true, editoptions: {maxlength: 80, size: 50}},
        {name: "cntRutContraparte", width: 110, editable: true, editoptions: {maxlength: 20, size: 17, dataInit: function(el) {
                    $.mask.definitions['~'] = '[0-9kK]';
                    $(el).mask("?99.999.999-~");
                }}, editrules: {required: true, custom: true, custom_func: is_rut}, formoptions: {elmsuffix: '<span class="required">*</span>'}, searchoptions: {dataInit: function(el) {
                    $.mask.definitions['~'] = '[0-9kK]';
                    $(el).mask("?99.999.999-~");
                }}},
        {name: "cntNombreContraparte", width: 150, hidden: true, editable: true, editoptions: {maxlength: 80, size: 50}, editrules: {required: false, edithidden: true}},
        {name: "cntNombreDadoContraparte", width: 150, hidden: true, editable: true, editoptions: {maxlength: 80, size: 50}, editrules: {required: false, edithidden: true}},
        {name: "gerencia", width: 200, editable: true, edittype: "select", formatter: 'select', editoptions: {style: 'width: 310px', value: '{{ gerencias }}',
                dataEvents: [
                    {type: 'change',
                        fn: function(e) {
                            populate_agencias(this.value, 0);
                        }
                    }
                ]}, stype: 'select', searchoptions: {sopt: ['eq'], value: '{{ gerencias }}'}},
        {name: "agcId", width: 200, editable: true, edittype: "select", formatter: 'select', editrules: {required: true}, formoptions: {elmsuffix: '<span class="required">*</span>'}, editoptions: {style: 'width: 310px', value: '{{ agencias }}'}, stype: 'select', searchoptions: {sopt: ['eq'], value: '{{ agencias }}'}},
        {name: "abgRut", width: 150, editable: true, edittype: "select", formatter: 'select', editrules: {required: true}, formoptions: {elmsuffix: '<span class="required">*</span>'}, editoptions: {style: 'width: 310px', value: '{{ abogados }}'}, stype: 'select', searchoptions: {sopt: ['eq'], value: '{{ abogados }}'}},
        {name: "estId", width: 200, editable: true, edittype: "select", formatter: 'select', editoptions: {style: 'width: 310px', value: '{{ estados }}'}, editrules: {required: true}, formoptions: {elmsuffix: '<span class="required">*</span>'}, stype: 'select', searchoptions: {sopt: ['eq'], value: '{{ estados }}'}},
        {name: "dmnMateriaId", width: 200, editable: true, hidden: true, edittype: "select", formatter: 'select', editoptions: {style: 'width: 310px', value: '{{ materias }}'}, stype: 'select', searchoptions: {sopt: ['eq'], value: '{{ materias }}'}, editrules: {required: false, edithidden: true}},
        {name: "tipo", width: 200, editable: true, hidden: true, edittype: "select", formatter: 'select', editoptions: {style: 'width: 310px', value: '{{ tipos }}'}, stype: 'select', searchoptions: {sopt: ['eq'], value: '{{ tipos }}'}, editrules: {required: false, edithidden: true}},
        {name: "dmnComplejidadId", width: 200, editable: true, hidden: true, edittype: "select", formatter: 'select', editoptions: {style: 'width: 310px', value: '{{ complejidades }}'}, stype: 'select', searchoptions: {sopt: ['eq'], value: '{{ complejidades }}'}, editrules: {required: false, edithidden: true}},
        {name: "cntMemo", width: 90, editable: true, hidden: true, editoptions: {maxlength: 11, size: 17, dataInit: function(el) {
                    $(el).spinner({min: 0});
                }}, editrules: {required: false, edithidden: true}},
        {name: "cntMonto", width: 90, editable: true, hidden: true, editoptions: {maxlength: 11, size: 17, dataInit: function(el) {
                    $(el).spinner({min: 0});
                }}, editrules: {required: false, edithidden: true}},
        {name: "cntDuracion", width: 200, editable: true, hidden: true, edittype: "select", formatter: 'select', editoptions: {style: 'width: 310px', value: '{{ duraciones }}'}, stype: 'select', searchoptions: {sopt: ['eq'], value: '{{ duraciones }}'}, editrules: {required: false, edithidden: true}},
        {name: "cntEsSalida", editable: true, hidden: true, edittype: "checkbo  x", formatter: 'checkbox', editrules: {required: false, edithidden: true}},
        {name: "cntLink", width: 150, hidden: true, editable: true, editoptions: {maxlength: 80, size: 50}, editrules: {required: false, edithidden: true}},
        {name: "cntEsBorrador", editable: true, hidden: true, edittype: "checkbox", formatter: 'checkbox', editrules: {required: false, edithidden: true}},
        {name: "cntObservacion", width: 150, hidden: true, editable: true, editoptions: {maxlength: 80, size: 50}, editrules: {required: false, edithidden: true}},
        {name: 'cntFechaEstado', hidden: true, editable: true, edittype: 'custom', editoptions: {custom_element: statusDateElement, custom_value: statusDateValue}, editrules: {edithidden: false}, formatoptions: {srcformat: 'SortableDateTime', newformat: 'd-m-Y H:i:s'}}
    ],
    jsonReader: {
        repeatitems: true,
        id: "cntWorkflow"
    },
    pager: "#paginacion",
    rowNum: 10,
    rowList: [10, 20, 30],
    sortname: "cntWorkflow",
    sortorder: "asc",
    viewrecords: true,
    gridview: true,
    autoencode: true,
    multiselect: false,
    shrinkToFit: false,
    caption: "Listado de Contratos",
    rownumbers: true,
    rownumWidth: 40,
    autowidth: true,
    height: 'auto',
    editurl: "{{ path('_almacena_contrato') }}",
});

$("#contratos").jqGrid('navGrid', '#paginacion',
        {edit: true, add: true, del: false, search: false},
{closeAfterEdit: true, width: 550, beforeShowForm: function(formid) {
        var selRowId = $("#contratos").jqGrid('getGridParam', 'selrow');
        populate_agencias($("#contratos").jqGrid('getCell', selRowId, 'gerencia'), $("#contratos").jqGrid('getCell', selRowId, 'agcId'));
        var estActualId = $("#contratos").jqGrid('getCell', selRowId, 'estId');
        $.ajax({
            type: 'GET',
            url: '{{ path('_obtiene_estados_permitidos') }}',
            data: 'estado=' + estActualId,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function(estados) {
                $('#estId').empty();
                var optgroup = $('#estId').append(new Option('-- Estado Actual --', estActualId));
                if (estados.length > 0)
                {
                    $('<optGroup/>').attr('label', 'Estados Siguientes').appendTo('#estId');
                    $.each(estados, function() {
                        optgroup.append(new Option(this.descripcion, this.id));
                    });
                }
            }
        });
    }, afterShowForm: function(form) {
        $('#cntWorkflow').attr('readonly', true);
        $('#agcId').empty();
        $('#agcId').append(new Option('Seleccione primero la Gerencia', ''));
        form.css("height", "400px");
        form.closest('div.ui-jqdialog').center();
        form.append('<input type="hidden" id="oldEstId" value="' + $('#estId').val() + '" />');
    },
    onclickSubmit: function(params, posdata) {
        return {oldEstId: $('#oldEstId').val()};
    },
    editData: {
        '_csrf_token': '{{ csrf_token }}'
    }
},
{closeAfterAdd: true, recreateForm: true, width: 550, beforeShowForm: function(formid) {
        $.ajax({
            type: 'GET',
            url: '{{ path('_obtiene_estados_permitidos') }}',
            data: 'estado=0',
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function(estados) {
                $('#estId').empty();
                $('#estId').append(new Option('', ''));
                $.each(estados, function() {
                    $('#estId').append(new Option(this.descripcion, this.id));
                });
            }
        })
    }, afterShowForm: function(form) {
        $('#agcId').empty();
        $('#agcId').append(new Option('Seleccione primero la Gerencia', ''));
        form.css("height", "400px");
        form.closest('div.ui-jqdialog').center();
    },
    editData: {
        '_csrf_token': '{{ csrf_token }}'
    }
},
{},
        {multipleSearch: false, multipleGroup: false})
        .navSeparatorAdd("#paginacion", {sepclass: "ui-separator", sepcontent: ''})
        .navButtonAdd("#paginacion",
        {caption: "",
            buttonicon: "ui-icon-note",
            onClickButton: function() {
                if ($('#contratos').jqGrid('getGridParam', 'selrow') == null)
                    $.jgrid.info_dialog($.jgrid.errors.errcap, 'Seleccione un contrato', $.jgrid.edit.bClose);
                else
                    location.href = '{{ path('_bitacora') }}/' + $('#contratos').jqGrid('getGridParam', 'selrow');
            },
            position: "last", title: "Ver bitácora del contrato seleccionado", cursor: "pointer"
        });
$("#contratos").jqGrid('filterToolbar', {searchOperators: false});

$.jgrid.edit.addCaption = "Agregar Contrato";
$.jgrid.edit.editCaption = "Modificar Contrato";
$.jgrid.edit.saveData = "¡El contrato fue modificado! ¿Almacena los cambios?";

$.jgrid.formatter.date.newformat = 'd-m-Y H:i';