Ext获取表格选中的数据
时间: 2023-08-16 14:05:22 浏览: 104
你可以使用以下代码来获取表格选中的数据:
```javascript
// 获取表格对象
var grid = Ext.getCmp('gridId');
// 获取选中的行
var selectedRows = grid.getSelectionModel().getSelection();
// 遍历选中的行并获取数据
for(var i=0; i<selectedRows.length; i++){
var rowData = selectedRows[i].data;
// 在这里处理选中行的数据
}
```
其中,`gridId` 是表格的唯一标识符,`getSelectionModel()` 方法返回一个选区模型对象,`getSelection()` 方法返回选中的行数据数组。你可以根据需要对选中的数据进行进一步的处理。
相关问题
ext 勾选表格多项传到后端
`ext`通常指的是Ext.js,这是一个流行的JavaScript库,用于构建富互联网应用(RIA)。在使用Ext.js处理表格数据时,如果你想从勾选的表格行中选择并传递数据到后端服务器,可以按照以下步骤操作:
1. **创建表格组件**: 首先,你需要创建一个`Ext.grid.Panel`实例,它包含列和行数据,以及`selectionModel`配置来启用选择功能。
```javascript
var grid = Ext.create('Ext.grid.Panel', {
//...
selModel: Ext.selection.Model.SINGLE,
store: // your data store,
columns: [...],
});
```
2. **监听事件**: 当用户勾选某一行时,你可以监听`select`或`rowclick`等事件,获取被选中的行信息。
```javascript
grid.getSelectionModel().on({
selectionchange: function(sm, selections) {
var selectedData = selections.getAt(0); // 获取第一项,因为通常是单选模式
// 对selectedData做进一步处理,如转换为后台需要的数据格式
sendDataToBackend(selectedData);
},
scope: this
});
```
3. **发送数据**: 创建一个函数,将选中的数据打包成合适的形式,并通过Ajax请求发送到后端。
```javascript
function sendDataToBackend(selectedRow) {
var rowData = selectedRow.data; // 表格数据
var xhr = new XMLHttpRequest();
xhr.open("POST", "your-api-url", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.send(JSON.stringify(rowData));
}
```
阅读全文