📌  相关文章
📜  如何使用 jQuery EasyUI Mobile 编辑数据网格中的行?

📅  最后修改于: 2021-11-03 06:27:43             🧑  作者: Mango

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

在本文中,我们将学习使用 jQuery EasyUI Mobile 插件编辑 Datagrid 的行。

EasyUI for jQuery 下载:

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

示例 1:以下示例演示了使用 jQuery EasyUI Mobile 的基本数据网格。

html


  

    
    
  
    
    
  
    
  
    
  
    
    
  
  
    
    
  
  
    
    

  

    
        
            
                
                
                
                
            
        
    
                    Student ID                                      Student Name                                      Age                                      Marks Scored                 
       
        
            
                Basic DataGrid             
        
    
          


html


  

    
    
  
    
    
  
    
  
    
          
    
    
  
    
    
  
    
    
  

  

    
  
        
            
                
  
                
                
  
                
                
  
                
            
        
    
                    Student ID                                      Student Name                                      Age                                      Marks Scored                 
       
        
            
                Edit DataGrid             
               
                                                                                   
        
    
          


输出:

示例2:下面的示例演示了基于任意行的索引对数据网格中的行进行编辑和删除。

html



  

    
    
  
    
    
  
    
  
    
          
    
    
  
    
    
  
    
    
  

  

    
  
        
            
                
  
                
                
  
                
                
  
                
            
        
    
                    Student ID                                      Student Name                                      Age                                      Marks Scored                 
       
        
            
                Edit DataGrid             
               
                                                                                   
        
    
          

输出:

删除行:

更新行: