博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery EasyUI 数据网格 - 启用行内编辑(转自http://www.runoob.com/jeasyui/jeasyui-datagrid-datagrid12.html)...
阅读量:4577 次
发布时间:2019-06-08

本文共 906 字,大约阅读时间需要 3 分钟。

可编辑的功能是最近添加到数据网格(datagrid)的。它可以使用户添加一个新行到数据网格(datagrid)。用户也可以更新一个或多个行。

本教程向您展示如何创建一个数据网格(datagrid)和内联编辑器。

创建数据网格(DataGrid)

var products = [		    { productid: 'FI-SW-01', name: 'Koi' },		    { productid: 'K9-DL-01', name: 'Dalmation' },		    { productid: 'RP-SN-01', name: 'Rattlesnake' },		    { productid: 'RP-LI-02', name: 'Iguana' },		    { productid: 'FL-DSH-01', name: 'Manx' },		    { productid: 'FL-DLH-02', name: 'Persian' },		    { productid: 'AV-CB-01', name: 'Amazon Parrot' }	    ];

  

$(function(){
$('#tt').datagrid({ title:'Editable DataGrid', iconCls:'icon-edit', width:660, height:250, singleSelect:true, idField:'itemid',               method: 'get', url:'datagrid_data.json', columns:[[ { field:'itemid',title:'Item ID',width:60}, { field:'productid',title:'Product',width:100, formatter:function(value){ for(var i=0; i

转载于:https://www.cnblogs.com/liangwenchao-912/p/4862539.html

你可能感兴趣的文章
Centos以rpm方式进行安装MySql
查看>>
supervisor
查看>>
洛谷P1081 开车旅行70分
查看>>
Linux中用户及用户组
查看>>
python常用sql语句
查看>>
退休惠普九大感言——根源(虽然不是孙振耀写的,但正如孙振耀本人所说:写这篇文章的人对大家的影响、启发,内容比谁来写更有意义)...
查看>>
IE 下a标签在 position:absolute 后无法点击的问题
查看>>
jquery 正则表达式
查看>>
mysql查询更新时的锁表机制分析(只介绍了MYISAM)
查看>>
JDBC如何调用存储过程
查看>>
扫盲记-第五篇--图像全景分割
查看>>
Haproxy安装与配置
查看>>
Linux之Ganglia源码安装
查看>>
Android中的Handler,Looper,Message机制
查看>>
Roman Numeral Converter
查看>>
魔幻之翼的博客
查看>>
文件发送成功率低的问题(1)
查看>>
异步方法 async/await
查看>>
37 数组的概念
查看>>
去掉SrollView、GrdiView、ListView、ViewPager等滑动到边缘的光晕效果
查看>>