jquery easyui Combobox 实现 两级联动

具体效果如下图：

 

 

关键代码：

         <tr>
            <td class="query-conditions-row_left" width="20%">科室：</td>
            <td>

                    <input id="DepartmentId"  style="width: 90%" panelHeight="150"  class="easyui-combobox" data-options="
                        valueField: '_Id',
                        textField: 'Name',
                        url: '@Url.Content("~/Tooth/Department/QueryList")',
                        onSelect: function(rec){                  @*当用户选择一个列表项时触发*@
                             var url = '@Url.Content("~/Tooth/Projects/QueryList")?id='+rec._Id; @*根据用户选择的一个列表项的id 查询数据库*@
                             $('#ProjectsId').combobox('reload', url);                  
                        }">
            </td>
        </tr>


        <tr>
            <td class="query-conditions-row_left" width="20%">项目：</td>
            <td>
                <input onfocus="focus1()" id="ProjectsId" class="easyui-combobox" style="width: 90%" panelHeight="150" data-options="textField:'Name',
                                          valueField:'_Id',multiple:true, url:'@Url.Content("~/Tooth/Projects/QueryList")'" />@*首次查询所有项目*@
            </td>
        </tr>

帮助文档：http://www.jeasyui.net/plugins/169.html