esay UI datagrid 行点击编辑出现保存跟取消

最新推荐文章于 2019-03-25 09:25:01 发布

donet菜鸟

最新推荐文章于 2019-03-25 09:25:01 发布

阅读量926

点赞数

文章标签： esayui datagrid 编辑删除保存

本文链接：https://blog.youkuaiyun.com/wangxinhui8/article/details/41650987

版权

本文介绍如何在EasyUI的Datagrid中实现行点击编辑功能，并详细讲解编辑、保存和取消操作的实现过程，帮助开发者更好地理解和应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 
 <html>  
 
 <!DOCTYPE html PUBLIC  
 "-//W3C//DTD HTML 4.01 Transitional//EN"  
 "http://www.w3.org/TR/html4/loose.dtd" 
 >  
 
 <head>  
 
 <meta http-equiv= 
 "Content-Type"  
 content= 
 "text/html; charset=gb2312" 
 >  
 
 <title>jQuery EasyUI</title>  
 
 <link rel= 
 "stylesheet"  
 type= 
 "text/css"  
 href= 
 "easyui/themes/default/easyui.css" 
 >  
 
 <link rel= 
 "stylesheet"  
 type= 
 "text/css"  
 href= 
 "easyui/themes/icon.css" 
 >  
 
 <script type= 
 "text/javascript"  
 src= 
 "easyui/jquery-1.8.0.min.js" 
 ></script>  
 
 <script type= 
 "text/javascript"  
 src= 
 "easyui/jquery.easyui.min.js" 
 ></script>  
 
 <script>  
 
 var  
 users = {total:6,rows:[  
 
 {no:1,name: 
 '用户1' 
 ,addr: 
 '山东济南' 
 ,email: 
 'user1@163.com' 
 ,birthday: 
 '1/1/1980' 
 },  
 
 {no:2,name: 
 '用户2' 
 ,addr: 
 '山东济南' 
 ,email: 
 'user2@163.com' 
 ,birthday: 
 '1/1/1980' 
 },  
 
 {no:3,name: 
 '用户3' 
 ,addr: 
 '山东济南' 
 ,email: 
 'user3@163.com' 
 ,birthday: 
 '1/1/1980' 
 },  
 
 {no:4,name: 
 '用户4' 
 ,addr: 
 '山东济南' 
 ,email: 
 'user4@163.com' 
 ,birthday: 
 '1/1/1980' 
 },  
 
 {no:5,name: 