EasyUI jQuery 数据列表小部件

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

在本文中，我们将学习如何使用 jQuery EasyUI 设计数据列表。数据列表呈现列表中的项目。它是一种特殊的数据网格，可以在一列中显示数据。

EasyUI for jQuery 下载：

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

句法：

特性：

• 行：此属性定义显示行线。
• 复选框：这定义是否为每一行显示一个复选框。
• valueField：要绑定到行的字段值名称。
• textField：要在行上显示的字段名称。
• groupField：指示要分组的字段。
• textFormatter：文本字段格式化函数。
• groupFormatter：格式化函数返回组内容，

CDN链接：首先添加项目需要的jQuery Easy UI脚本，链接是本地路径。

 

例子：

HTML

 
 
  
 
     
     
              
    
     
  
     
  
     
  
    
     
     
  
    
     
     
      
    
     
     
    
      $('#gfg').datalist();
    
 
  

    GeeksforGeeks
    how to make a basic datalist using jQuery UI?
    
      Geeks
      Geeks2
      Geeks3
      Geeks4
      Geeks5
      Geeks6
    

输出：

数据列表

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