EXTJS4种的grid的列编辑

2024-04-18 04:32
文章标签 编辑 extjs4 grid

本文主要是介绍EXTJS4种的grid的列编辑,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

就这个grid的列编辑这东西调试了好久好久,网上的方法几乎试了一遍,最后还是自己一点一点调出来的,有必要记录一下!

代码如下:

items:[{xtype:'grid',id:'grid',autoHeight:true,width:500,store:store11,//functionss_upa_storeid:'uplwin_grid',plugins:[  Ext.create('Ext.grid.plugin.CellEditing',{  clicksToEdit:1 //设置单击单元格编辑  })  ],  columns:[{xtype:'rownumberer',header:'测试点',width:60,align:'center'},//行号{header:"id",width:100,dataIndex:'id',sortable:false,menuDisabled:true,align:"center",hidden:true},{header:"提示",width:300,dataIndex:'name',sortable:false,menuDisabled:true,align:"center"},{header:"分数",width:100,dataIndex:'age',sortable:false,menuDisabled:true,xtype: 'numbercolumn',format: '0',editor: {xtype: "numberfield",decimalPrecision: 0},align:"center"}]	    	}],bbar:['->',{buttonAlign:'center',		xtype:'button',text:'修改',handler:function(){var record=store11.getUpdatedRecords();//Extjs4版本里面获取grid修改的记录用的是这一个
var len=record.length;if(len==0){Ext.Msg.alert("提示","您还没有修改");			}else{var id_change=new Array();var data_cahnge=new  Array();var obj=new Array();for(i=0;i<len;i++){id_change[i]=record[i].data.id;//data.id_algorithm_test_pointdata_cahnge[i]=record[i].data.age;	obj.push({id:id_change[i],data:data_cahnge[i]});//array,{id:2,data:64}{}//obj.push([id_change[i],data_cahnge[i]]);//[2,64]											}//	console.log(obj);Ext.Msg.alert("提示","修改的记录"+obj);}			}},'->']


这篇关于EXTJS4种的grid的列编辑的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/913764

相关文章

PDF 软件如何帮助您编辑、转换和保护文件。

如何找到最好的 PDF 编辑器。 无论您是在为您的企业寻找更高效的 PDF 解决方案,还是尝试组织和编辑主文档,PDF 编辑器都可以在一个地方提供您需要的所有工具。市面上有很多 PDF 编辑器 — 在决定哪个最适合您时,请考虑这些因素。 1. 确定您的 PDF 文档软件需求。 不同的 PDF 文档软件程序可以具有不同的功能,因此在决定哪个是最适合您的 PDF 软件之前,请花点时间评估您的

LibSVM学习(六)——easy.py和grid.py的使用

我们在“LibSVM学习(一)”中,讲到libSVM有一个tools文件夹,里面包含有四个python文件,是用来对参数优选的。其中,常用到的是easy.py和grid.py两个文件。其实,网上也有相应的说明,但很不系统,下面结合本人的经验,对使用方法做个说明。        这两个文件都要用python(可以在http://www.python.org上下载到,需要安装)和绘图工具gnup

jqgrid设置单元格可编辑

1 在单元格的属性列设置为editable。 2 点击编辑按钮的时候,触发某一行设置为edit的状态。 jQuery("#rowed4").jqGrid({url:'server.php?q=2',datatype: "json",colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'],colModel

在幼儿园管理系统中,会议管理申请会议修改模块:多个与会人员的回显和修改(编辑)!

在幼儿园管理系统中,会议管理>申请会议>修改模块:多个与会人员的回显(复选框)和修改(编辑)!在处理与会人员的回显(复选框)和修改(编辑)出点问题。无法正确的回显(复选框)出来与会人员和修改(编辑)。 最后终于解决:修改(编辑)的思路是:先把原来的该会议记录下的所有与会人员删除,在添加,即可实现修改(编辑)功能。回显(复选框)的思路是:设置一个flag,判断一下是否要选中(复选框),即可实现

Vue3商品SKU多规格编辑组件

商品SKU多规格组件主要用于电商平台的商品详情页,帮助买家在选择商品时能够根据不同的规格(如颜色、尺码、容量等)进行筛选和购买。这种组件的设计旨在提升用户体验,简化购买流程,并确保买家能够准确地选择到自己需要的商品规格。以下是对商品SKU多规格组件的详细解析: 1. 定义与功能 SKU(Stock Keeping Unit)定义:SKU即库存量单位,是指宝贝的销售属性集合,供买家在下单

div标签变成可编辑

在html页面有很多得方用到<div>标签,开始的时候要想在一个<div>标签中显示一段文本我会先到用<textArea>标签,可是<textArea>标签会随着你的拉动,框的大小也回随着改变,有时会把原来的布局拉动的变得非常难看。 有次在看书,看到div是可以编辑的标签,只要在div标签中加上属性contentEditable=true即可,要想看到div就给div高度和宽度再给个颜色,这样就

Leetcode 72. 编辑距离 动态规划 优化 C++实现

Leetcode 72.编辑距离 问题:给你两个单词 word1 和 word2, 请返回将 word1 转换成 word2 所使用的最少操作数  。 你可以对一个单词进行如下三种操作:插入一个字符,删除一个字符,替换一个字符。 算法1:递归搜索 + 保存计算结果 = 记忆化搜索         创建 memo 数组,并赋初始值为 -1,表示还没有被计算过。         进入 d

已解决:ppt文件打开就是只读模式,如何改为可编辑模式?

PPT文档打开是只读模式,如何改成可编辑文档呢?这需要分几种情况来说,所以今天将介绍几种方法帮助PPT只读文档改为可编辑文档。 方法一: 我们可以先查看一下文件属性,属性中有只读属性,当我们打开文档之后带有只读字样,可能就是因为文件属性中添加了只读属性,所以我们取消只读就可以了 方法二: 这个就是我们熟悉的方法了,打开PPT文档之后查看文件信息,打开保护演示文稿,点击始终以只读方式打开来

extjs 获取grid的选中行的某列的值

我的情景是这样的:一个grid(就叫gridA吧),最后一列的每行都是超链接,点击超链接时会弹出一个窗体,这个窗体也需要一个grid(gridB)展示,并且呢,gridB所需的数据需要gridA里的某列的值(把这个列叫做Param)作为参数。于是就产生了点击gridA的某行的超链接,获取该行的Param列的值这样的需求。 不知道为什么,我用var param=this.grid..getSe

Extjs Grid 根据列的值(0或者1)显示“是或否”

grid中:{header:'是否解析',dataIndex:'isExplain',align:'center',sortable: true,renderer:isResend}, 写一个函数: function isResend(data, metadata, record){ var resend; if(record.data.isExplain==0){resend="否";