jqgrid Отображать сетку в виде подсетки отдельной кнопкой - PullRequest
Новая
       13

jqgrid Отображать сетку в виде подсетки отдельной кнопкой

1 голос
/ 19 января 2010

У меня проблема с отображением сетки как подсетки с помощью дополнительной кнопки.Я попытался скопировать код из события 

subGridRowExpanded:

.Но Grid делает что-то неприятное до запуска subGridRowExpanded.Если я использую кнопку + слева, то сетка отображается правильно.Если я сейчас нажму на созданную мной кнопку, подсетка тоже будет перезагружена.Я использовал предупреждение, чтобы остановить функцию в начале, и я увидел, что таблица вставлена ​​перед subGridRowExpanded.

Так что я предполагаю, что мне не хватает функции до события.Возможно, я использую неправильное событие для своей задачи.

Вот мой код из базового примера.Функция, которая генерирует кнопку: 

gridComplete: function(){ 
    var ids = jQuery("#task").jqGrid('getDataIDs');
    var running_task_ids=get_running_task_id_ajax();
    for(var i=0;i < ids.length;i++){ 
        var cl = ids[i]; 
        start = "<input style='height:22px;width:50px;' type='button' value='Start' onclick=\"start_stop_task('"+cl+"','start');\" />"; 
        stop = "<input style='height:22px;width:50px;' type='button' value='Stop' onclick=\"start_stop_task('"+cl+"','stop');\" />";
        se = "<input style='height:22px;width:50px;' type='button' value='Save' onclick=\"jQuery('#task').saveRow('"+cl+"');\" />"; 
        //ce = "<input style='height:22px;width:20px;' type='button' value='C' onclick=\"jQuery('#task').restoreRow('"+cl+"');\" />"; 
        co = "<input style='height:22px;width:70px;' type='button' value='Comment' onclick=\"foobar('task_"+cl+"',"+cl+");\" />"; 
       }
}

Вызываемая функция (только что скопированная из таблицы как пример подсетки): 

function foobar(subgrid_id, row_id) {
// klappt noch nicht!

alert(subgrid_id+":"+row_id);
// we pass two parameters 
// subgrid_id is a id of the div tag created whitin a table data 
// the id of this elemenet is a combination of the "sg_" + id of the row
 // the row_id is the id of the row 
 // If we wan to pass additinal parameters to the url we can use 
 // a method getRowData(row_id) - which returns associative array in type name-value 
 // here we can easy construct the flowing 
 var subgrid_table_id, pager_id;
  subgrid_table_id = subgrid_id+"_t";
  pager_id = "p_"+subgrid_table_id;
  $("#"+subgrid_id).html("<table id='"+subgrid_table_id+"' class='scroll'></table><div id='"+pager_id+"' class='scroll'></div>"); 
  jQuery("#"+subgrid_table_id).jqGrid({ 
      url:"ajax/listtasktime/id/"+row_id, 
      onSelectRow: 
          function(id){ 
            if(id && id!==lastsel2){ 
                    jQuery('#'+subgrid_table_id).jqGrid('restoreRow',lastsel2);  
                    //jQuery('#task').jqGrid('editRow',id,true,pickdates_e); 
                    jQuery('#'+subgrid_table_id).jqGrid('editRow',id,true); 
                    lastsel2=id; } 
      },

      datatype: "xml", 
      colNames: ['ID','START','END', 'Time'], 
      colModel: [ 
                 {name:"ID",index:"num",width:80,key:true}, 
                 {name:"START",index:"item",width:180,editable: true}, 
                 {name:"END",index:"qty",width:180,align:"right",editable: true},
                 {name:"TIME",index:"qty",width:180,align:"right"} 
                 ], 
                 rowNum:20, 
                 pager: pager_id, 
                 sortname: 'num', 
                 sortorder: "asc", 
                 height: '100%' 
                  }); 
  jQuery("#"+subgrid_table_id).jqGrid('navGrid',"#"+pager_id,{edit:false,add:false,del:false}) 
  alert("done");    
  }

1 Ответ

4 голосов
/ 20 января 2010

Я нашел это сам. Вам не нужно вызывать отдельную функцию. Поскольку jqGrid 3.3 или что-то в этом роде, есть функция с именем: 

toggleSubGridRow()

или 

expandSubGridRow()

Вы можете вызвать функцию следующим образом: 

<input type='button' value='Comment' onclick=\"jQuery('#list').toggleSubGridRow('"+rowid+"');\" />

Если щелкнуть зарегистрированную функцию из 

subGridRowExpanded: 
        function(subgrid_id, row_id) {...}

Событие называется.

...