首页 web前端 js教程 Grid得到选择行数据的方法总结_javascript技巧

Grid得到选择行数据的方法总结_javascript技巧

May 16, 2016 pm 06:11 PM
grid

复制代码 代码如下:

grid.getStore().getRange(0,store.getCount()); //得到grid所有的行


复制代码 代码如下:

grid.getSelectionModel().getSelections(); //得到选择所有行
//注:如果不声明var sm = new Ext.grid.CheckboxSelectionModel();则会报此句没有该对象或属性
Var selectRows = grid.getSelectionModel().getSelections();
selectRows[0].get(“gird中某列的dataIndex属性值”) //取选中行记录的某列的值


复制代码 代码如下:

grid.selModel.selections.items; //得到选择所有行


复制代码 代码如下:

grid.getSelectionModel().getSelected(); //得到选择行的第一行


复制代码 代码如下:

// 单击gird中某一行时取得该行的数据
proLevelGrid.on('rowclick', function(proLevelGrid,rowIndex,event){
var record = proLevelGrid.getStore().getAt(rowIndex);
addProductLevel_form.getForm().loadRecord(record);
alert(record.get('id'));
});


复制代码 代码如下:

var grid1_RowClick = function(a,b,c){
// 获取列某一特定列的数据
var id = a.getStore().getAt(b).get("Id");
}
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.聊天命令以及如何使用它们
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

手把手带你使用CSS Flex和Grid布局实现3D骰子(附代码) 手把手带你使用CSS Flex和Grid布局实现3D骰子(附代码) Sep 23, 2022 am 09:58 AM

在前端面试中,经常会问到如何使用 CSS 实现骰子/麻将布局。下面本篇文章给大家介绍一下用CSS 创建一个 3D 骰子(Flex和Grid布局实现3D骰子)的方法,希望对大家有所帮助!

了解五个常用的CSS布局框架 了解五个常用的CSS布局框架 Jan 16, 2024 am 09:20 AM

CSS布局框架:探索常用的五大布局框架引言:在网页设计中,布局是至关重要的一环。而CSS布局框架可以帮助我们快速地搭建出具有不同布局风格的网页。本文将介绍其中的五个常用的CSS布局框架,并提供具体的代码示例,以帮助读者更好地理解和使用这些框架。一、Bootstrap:Bootstrap是目前最流行的CSS布局框架之一。它拥有丰富的组件和强大的响应式功能,可以

CSS 相对布局属性详解:position 和 relative CSS 相对布局属性详解:position 和 relative Oct 26, 2023 am 10:01 AM

CSS相对布局属性详解:position和relative在前端开发中,布局常常是开发者需要面对的问题,为了更好地控制元素在页面中的位置,CSS提供了多种布局方式。其中,相对布局是一种非常常用的布局方式,通过使用position和relative属性,我们能够灵活地调整元素的位置和大小。position属性用来定义元素的定位方式,常见的取值

CSS 面板布局属性:grid 和 grid-template-columns CSS 面板布局属性:grid 和 grid-template-columns Oct 25, 2023 am 08:15 AM

CSS面板布局属性:grid和grid-template-columns在现代网页布局中,面板布局是一种常见的设计方式,能够将网页内容以网格的形式进行排列。而CSS中的grid布局属性以及其中的grid-template-columns属性,则是实现面板布局的关键。一、grid布局属性简介grid布局属性是CSS中用于创建网格布局的属性,通过将HTML

UniApp实现页面布局与响应式设计的实现技巧 UniApp实现页面布局与响应式设计的实现技巧 Jul 05, 2023 pm 01:57 PM

UniApp实现页面布局与响应式设计的实现技巧导语:UniApp是一个基于Vue.js框架的跨平台开发工具,能够同时开发iOS、Android、H5等多个平台的应用。本文将介绍如何利用UniApp实现页面布局和响应式设计,并提供一些实用的代码示例。一、页面布局Flex布局Flex布局是页面布局中常用的一种方式,它能够自动适应不同屏幕大小和设备。在UniApp

CSS 自适应布局属性优化技巧:flex 和 grid CSS 自适应布局属性优化技巧:flex 和 grid Oct 21, 2023 am 08:03 AM

CSS自适应布局属性优化技巧:flex和grid在现代Web开发中,实现自适应布局是一项非常重要的任务。随着移动设备的普及和屏幕尺寸的多样化,确保网站在各种设备上都能良好地展示,适应不同的屏幕尺寸,是一个必不可少的要求。幸运的是,CSS提供了一些强大的属性和技巧来实现自适应布局。本文将重点介绍两个常用的属性:flex和grid,并提供具体的代码示例

HTML教程:如何使用Grid布局进行栅格平均布局 HTML教程:如何使用Grid布局进行栅格平均布局 Oct 19, 2023 am 10:49 AM

HTML教程:如何使用Grid布局进行栅格平均布局在网页设计中,栅格布局(GridLayout)是一种常用的布局方式,它可以有效地将网页内容划分为多个栏目,并进行灵活的排列和布局。本教程将介绍如何使用HTML和CSS的Grid布局来实现栅格平均布局,并提供具体的代码示例。一、什么是栅格布局?栅格布局是一种将页面划分为多个栏目的布局方式,这些栏目可以按照行和

CSS 表格布局属性解读:table 和 display CSS 表格布局属性解读:table 和 display Oct 21, 2023 am 11:47 AM

CSS表格布局属性解读:table和display在前端开发中,表格布局是常用的一种布局方式。CSS提供了一些表格布局属性,其中最常用的是table和display属性。下面将详细解读这两个属性,并给出具体的代码示例。一、table属性table是CSS中用于设置元素为表格布局的属性。通过设置元素的display属性为table,即可将元素的布局方式

See all articles