EasyUI jQuery tagbox Widget

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

在本文中，我们将学习如何使用 jQuery EasyUI 设计标签框。 Tagbox 允许用户显示标签标签，而不是在输入框上显示值。

下载用于 jQuery 的 EasyUI：

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

句法：

特性：

• hasDownArrow：返回布尔值 true 以显示向下箭头按钮，否则返回 false。
• tagFormatter：返回格式化值的函数。
• tagStyler：标签样式器函数。

事件：

• onClickTag：点击标签时触发。
• onBeforeRemoveTag：在移除标签之前触发。
• onRemoveTag：移除标签时触发。

方法：首先，添加项目所需的 jQuery Easy UI 脚本。

例子：

HTML

  

    
    
  
    
    
  
    
  
    
  
    
    
    
  
    
    
    
  
    
    
    
  
    
        $(document).ready(function() {
            $('#gfg').tagbox({
                hasDownArrow: true
            });
        });
    

  

    GeeksforGeeks
    EasyUI jQuery tagbox widget
  
    

  

输出：

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