easyui根据组合框值填充数据网格数据

时间:2013-05-04 11:31:07

标签: javascript html datagrid combobox jquery-easyui

我正在使用http://www.jeasyui.com

我需要根据组合框中的值填充数据网格。

我用,

填充组合框
<input id="listcombo"class="easyui-combobox" name="lo_client_id" data-options="url:'get_lists.php',valueField:'id',textField:'listName',panelHeight:'auto'">

它工作正常。 Datagrid看起来像,

<table id="dg" title="My Numbers" class="easyui-datagrid" style="width:500px;height:250px"

        url="get_users.php
        toolbar="#toolbar" pagination="true"
        rownumbers="true" fitColumns="true" singleSelect="true">
    <thead>
        <tr>
            <th field="number" width="50">Numbers</th>

        </tr>
    </thead>
</table> 

当我给url =“get_users.php?id = 1给我所需的结果,但id应该是动态的,根据组合框。我怎么能这样做?

1 个答案:

答案 0 :(得分:2)

您可以使用组合框的onSelect事件并获取所选值并将其传递给网址

HTML

 <input id="listcombo" name="listcombo">

$('#listcombo').combobox({
     url:'get_lists.php',
     valueField:'id',
     textField:'listName',
     panelHeight:'auto', 
     onSelect:function(record){
         $('#dg').datagrid({
            url:"get_users.php?id="+record.id 
         });
     }
});