Easy UI-- combotree和combobox的使用

  //教师下拉失效,教师置空并设置不可用                    

    $("#teacherId").combo("clear");                                 //清空下拉框中的值

    $("#teacherId").combotree("disable") == "disable";     //置灰不可用   

    //团队下拉多选         

    $('#groupIds').combotree({    

            multiple: true,             

            url: '@Url.Action("LoadReportTeacherGroup", "Reports")',          

            valueField: 'id',              

            textField: 'text'           

  });

下拉多选效果图：

 

  //启用教师下拉
    $("#teacherId").combotree("enable") == "enable";           
            
            //团队下拉单选
            $('#groupId').combobox({
                onChange: function (a, b) {
                    LoadReportTeachers(a); //教师单选
                },
                url: '@Url.Action("LoadReportTeacherGroup", "Reports")',
                valueField: 'id',
                textField: 'text'
            });

下拉单选效果图：

 

相关文档请点击链接查看：

jQuery EasyUI API 中文文档 - 组合（Combo）

http://www.cnblogs.com/philoo/archive/2011/10/06/jeasyui_api_combo.html

 

jQuery EasyUI API 中文文档 - 组合树（ComboTree）

http://www.cnblogs.com/Philoo/archive/2011/10/11/jeasyui_api_combotree.html

 

jQuery EasyUI API 中文文档 - 树（Tree）

http://www.cnblogs.com/hantianwei/archive/2012/03/19/2407118.html