Как перезагрузить данные сетки на основе выбора со списком?

Question

У меня есть поле со списком и сетка из easyui, и мне нужно изменить данные сетки, чтобы отображать подробные данные, когда текущий выбранный элемент в поле со списком изменяется.

Вот код в поле со списком:

<input class="easyui-combobox" name="wg_id" id="wg_id" value="1" 
    data-options=" 
     url:'pages/get_work_groups.php', 
     method:'get', 
     valueField:'work_group_id', 
     textField:'work_group', 
     panelHeight:'auto', 
     onSelect: function(rec){ 
      $.post('pages/get_locations.php', {wg_id: '2'}); 

     } 

"> 

И код get_locations.php:

include '../conn.php'; 

$wg_id = 1; 
if (isset($_REQUEST['wg_id'])) { 
    $wg_id = $_REQUEST['wg_id']; 
} 

$q = $conn->prepare("select * from locations where work_group_id = :wg_id"); 
$q->bindValue(':wg_id', $wg_id); 
$q->execute(); 

$result = $q->fetchAll(); 
echo json_encode($result); 

JSON данные, возвращаемые из get_locations.php правильно, но как я могу сделать перезагрузка сетки для отображения этих данных?

Answer 1

Используйте приведенный ниже код,

<input class="easyui-combobox" name="wg_id" id="wg_id" value="1" 
     data-options="url:'pages/get_work_groups.php', 
      method:'get', 
      valueField:'work_group_id', 
      textField:'work_group', 
      panelHeight:'auto', 
      onSelect: function(rec){ 
       $('#dg').datagrid({url:'pages/get_locations.php'}); 
      } 
    ">