EasyUI jQuery 组合树小部件

EasyUI 是一个 HTML5 框架，用于使用基于 jQuery、React、Angular 和 Vue 技术的用户界面组件。它有助于为交互式 Web 和移动应用程序构建功能，为开发人员节省大量时间。

在本文中，我们将学习如何使用 jQuery EasyUI 设计组合树。组合树将选择控件与下拉树相结合。

EasyUI for jQuery 下载：

https://www.jeasyui.com/download/index.php

句法：

特性：

• 可编辑：定义用户是否可以直接在字段中键入文本。
• textField：要绑定到此 ComboTree 的基础数据字段名称。

方法：

• 选项：返回选项对象。
• clear：清除组件值。
• setValues：设置组件值数组。
• setValue：设置组件值。
• 树：返回树对象。
• loadData：加载语言环境树数据。
• reload：再次请求远程树数据。

CSN 链接：首先，添加项目所需的 jQuery Easy UI 脚本。

示例 1：

HTML

    
  
    
  
      
      
  
    
      
      
  
    
  
      
     
      
    
        $(document).ready(function (){
            $('#gfg').combotree({
                editable: false,
                dnd: false
            });
        });
          
    


GeeksforGeeks
      
EasyUI jQuery combotree widget
  
    
    
        
            
        
    
      
    

输出：

参考： http://www.jeasyui.com/documentation/