Combogrid inside datagrid (dialog form)

[jservingo]

Hi!

I have a combogrid inside the dialog from of a CRUD Application

I want to reload the combogrid when the user update a client. I implement the following code:

<select id="cc" name="CATEGORIAS[]" class="easyui-combogrid" style="width:400px"
      data-options="
           panelWidth: 550,
           panelHeight: 275,
           mode:'remote',
           multiple: true,
           idField: 'ID_CATEGORIA',
           textField: 'DESCRIP',
           url: 'GETS/get_clientes_categorias.php?ID_CLIENTE=03070&AREA=P',
           method: 'get',
           columns: [[
                 {field:'ck',checkbox:true},
                 {field:'ID_CATEGORIA',title:'Categoria',width:50},
                 {field:'DESCRIP',title:'Descripción',width:450}
           ]],
           fitColumns: false,
           onLoadSuccess: function(data){
           for (i = 0; i < data.rows.length; ++i) {
                 if (data.rows['selected'])
                       $(this).combogrid('setValue',data.rows['ID_CATEGORIA']);
                 }
      }">
</select>

function updateRegister(){
    var row = $('#dg').datagrid('getSelected');
    if (row){
        $('#dlg').dialog('open').dialog('setTitle','Editar Cliente');
        $('#fm').form('load',row);
        url = 'CRUD/clientes_admin_pub2_crud.php?action=update&AREA='+row.AREA+'&ID_CLIENTE='+row.ID_CLIENTE;
        url_get_clientes_categorias = "GETS/get_clientes_categorias.php?ID_CLIENTE="+row.ID_CLIENTE+"&AREA="+row.AREA; 
        $('#cc').combogrid('clear');
        $('#cc').combogrid('grid').datagrid('reload',url_get_clientes_categorias);
    }
}

The json generated by get_clientes_categorias.php is

[{"ck":false,"ID_CATEGORIA":"01","DESCRIP":"Agregados para Concreto","selected":false},{"ck":false,"ID_CATEGORIA":"02","DESCRIP":"Andamios","selected":false},{"ck":false,"ID_CATEGORIA":"03","DESCRIP":"Carpinter\u00eda, Cerrajer\u00eda, Accesorios","selected":false},{"ck":false,"ID_CATEGORIA":"04","DESCRIP":"Cementos, Concretos, Cales, Prefabricados","selected":false},{"ck":false,"ID_CATEGORIA":"05","DESCRIP":"Contratistas","selected":false},{"ck":false,"ID_CATEGORIA":"06","DESCRIP":"Encofrados","selected":false},{"ck":false,"ID_CATEGORIA":"07","DESCRIP":"Equipamiento y Mobiliario","selected":false},{"ck":false,"ID_CATEGORIA":"08","DESCRIP":"Estanter\u00eda","selected":false},{"ck":false,"ID_CATEGORIA":"09","DESCRIP":"Estudios y Proyectos","selected":false},{"ck":false,"ID_CATEGORIA":"10","DESCRIP":"Maquinarias, Equipos y Herramientas","selected":false},{"ck":false,"ID_CATEGORIA":"11","DESCRIP":"Materiales de Construcci\u00f3n","selected":false},{"ck":false,"ID_CATEGORIA":"12","DESCRIP":"Materiales Mec\u00e1nicos","selected":false},{"ck":false,"ID_CATEGORIA":"15","DESCRIP":"Materiales y Accesorios de Seguridad","selected":false},{"ck":false,"ID_CATEGORIA":"14","DESCRIP":"Materiales y Accesorios Sanitarios","selected":false},{"ck":false,"ID_CATEGORIA":"13","DESCRIP":"Materiales y Accesorios El\u00e9ctricos","selected":false},{"ck":false,"ID_CATEGORIA":"16","DESCRIP":"Muros y Control de Erosi\u00f3n","selected":false},{"ck":false,"ID_CATEGORIA":"17","DESCRIP":"Pinturas","selected":false},{"ck":false,"ID_CATEGORIA":"18","DESCRIP":"Productos Asf\u00e1lticos e Impermeabilizantes","selected":false},{"ck":false,"ID_CATEGORIA":"19","DESCRIP":"Productos de Acero y Metales","selected":false},{"ck":false,"ID_CATEGORIA":"20","DESCRIP":"Productos de Arcilla","selected":false},{"ck":false,"ID_CATEGORIA":"21","DESCRIP":"Productos de Concreto","selected":false},{"ck":false,"ID_CATEGORIA":"22","DESCRIP":"Puertas y Ventanas","selected":false},{"ck":false,"ID_CATEGORIA":"23","DESCRIP":"Recubrimientos para pisos, paredes y techos","selected":false},{"ck":false,"ID_CATEGORIA":"24","DESCRIP":"Servicios","selected":false},{"ck":false,"ID_CATEGORIA":"25","DESCRIP":"Sistemas de Fijaci\u00f3n","selected":false},{"ck":false,"ID_CATEGORIA":"26","DESCRIP":"Varios y Consumibles","selected":false},{"ck":false,"ID_CATEGORIA":"27","DESCRIP":"Vidrios","selected":false},{"ck":false,"ID_CATEGORIA":"28","DESCRIP":"Vivienda","selected":false}]

The problem is that the reload doesn´t work

I have the following questions:

1) Is this aproach correct?

2) Is there another way of refresh/reload the combogrid?

3) Do I have to the same with all of the combogrids? 

4) Why the reload doesn´t work?

I thank you in advance

[jarry]

When calling 'reload' method to reload the datagrid data, just need to pass the request parameter values.

Code:

var g = $('#cc').combogrid('grid');
g.datagrid('reload', {
  ID_CLIENTE: row.ID_CLIENTE,
  AREA: row. AREA
});