【问题标题】:easyui populate datagrid data based on combobox valueeasyui 根据组合框值填充 datagrid 数据
【发布时间】:2013-04-28 17:39:48
【问题描述】:

我正在使用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'">

它工作正常。数据网格看起来像,

<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 应该是动态的。我该怎么做?

【问题讨论】:

    标签: javascript html datagrid combobox jquery-easyui


    【解决方案1】:

    你可以使用组合框的onSelect事件,获取选中的值并传递给url

    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 
             });
         }
    }); 
    

    【讨论】:

    • 代码运行良好。请删除 ;在 url 的末尾:"get_users.php?id="+record.id.
    • 如何将组合框列表 ID 传递给函数 newNumber(){ $('#dlg').dialog('open').dialog('setTitle','New Number'); $('#fm').form('clear'); url = 'save_number.php; } .. 这样它就可以在同一个列表中创建新号码。
    • 好的,我解决了这个问题。使用函数获取组合框的值并将该值作为参数传递给 save_number.php
    • 很好.. 离开了.. 很高兴你自己修好了... 编码愉快..:)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-08-21
    • 1970-01-01
    • 1970-01-01
    • 2023-03-14
    • 1970-01-01
    相关资源
    最近更新 更多