//#########################################################################//
//获得选中行
//@params:grid--> the variable of your GridPanel or the id of your GridPanel
//@return:cRow--> the selected record
//@return:false-->no select or no data
function getSelectRow(grid){
var store;
var selModel;
if($.type(grid)=="object"){//judge the grid is Object or string ,Object is variable,string is id.
store = grid.getStore();
selModel = grid.getSelectionModel();
}else{
store = Ext.getCmp(grid).getStore();
selModel = Ext.getCmp(grid).getSelectionModel();
}
if(store.getCount()>0){
if(selModel.hasSelection()) { //whether selected
return selModel.getSelected();
}else
return false;
}else{
return false;
}
}
分享到:
相关推荐
其表格组件(`Ext.grid.GridPanel`)是其最具特色的功能之一,广泛应用于数据展示和管理。 #### 二、代码分析 在本例中,我们首先引入了必要的 ExtJS 相关文件,包括样式表、脚本等资源。 ```html ...
EXTJS的`GridPanel`提供了`selModel`属性来管理选择,你可以通过`selModel.selectAll()`和`selModel.deselectAll()`方法来实现全选和去全选。 标签中的“源码”意味着你需要理解EXTJS的底层工作原理,而“工具”则...
var grid = new Ext.grid.GridPanel({cm: cm, store: store, autoHeight: true, renderTo: document.body}); store.load(); ``` 若要实现数据排序,只需在列模型配置中设置`sortable: true`,然后指定`...
如果用户确实选择了记录,`Ext.grid.GridPanel`的`getSelected()`方法将返回选中的记录。接着,获取选中记录的`eid`字段值,这是要删除的数据的ID。 然后,通过`Ext.Msg.confirm`弹出一个确认对话框,询问用户是否...
`Ext.grid.EditorGridPanel` 是一个扩展了 `Ext.grid.GridPanel` 的组件,允许直接在表格中编辑数据。它结合了表格视图和表单编辑功能,使得数据编辑变得更加直观。 #### 九、Ext.tree.TreePanel -- 树的使用 **...
var grid = new Ext.grid.EditorGridPanel({ store: store, columns: [ // 列定义 {header: 'ID', width: 50, sortable: true, dataIndex: 'id'}, {header: 'Name', width: 100, sortable: true, dataIndex: '...
var _grid = new Ext.grid.GridPanel({ height: 500, width: 800, store: _store, title: 'grid', cm: _cm, tbar: _toolbar }); ``` 最后创建了一个`GridPanel`实例,指定了其高度、宽度、数据源、标题、...
var grid = Ext.create('Ext.grid.Panel', { // 其他配置... tbar: toolbar // 将工具栏添加到顶部 }); ``` 2. **按钮事件处理**: 添加按钮后,我们需要为这些按钮定义点击事件。在JavaScript中,这通常通过监听...
`Ext.create('Ext.grid.Panel')`是创建GridPanel实例的命令。在这个例子中,我们设置了GridPanel的标题、宽度、高度和渲染位置。`store`属性配置了数据源,这里使用了内存代理`proxy: { type: 'memory' }`,并将数据...
var grid = new Ext.grid.GridPanel({ // Grid配置项... viewConfig: { trackOver: true, plugins: new Ext.grid.ContextMenu({ menu: menu }) // 使用插件设置右键菜单 }, listeners: { rowcontextmenu: ...
19. **Ext.grid.EditorGridPanel** 是可编辑的GridPanel,通过在`ColumnModel`中为列添加编辑器(如`TextField`)实现数据的编辑,对于日期数据可能需要使用特定的编辑器如`DateField`。 EXTJS的灵活性和强大功能使...
var grid = new Ext.grid.GridPanel({ renderTo: "hello", title: "NetJava表格测试", height: 150, width: 600, columns: [ { header: "项目名称", dataIndex: "name" }, { header: "开发团队", dataIndex:...
- **类**: `Ext.grid.GridPanel` 类提供了表格的基本功能。 **18.2 列模型** - **定义**: 列模型定义了表格的列信息。 - **示例**: `columns: [{ header: 'Name', dataIndex: 'name' }]`。 **18.3 行模型** - **...
var grid = new Ext.grid.GridPanel({ region: "center", renderTo: Ext.getBody(), store: centerstore, cm: centerrcm, sm: centersm, id: "centerid", height: 200, loadMask: { msg: 'ڼ,Ժ' }, ...
- **视图**:ExtJS4中的视图通常是指任何类型的UI组件,如`Ext.grid.Panel`、`Ext.tree.Panel`等。这些组件可以通过控制器进行绑定,从而实现数据驱动的界面展示。 - **控制器**:控制器定义了应用程序的交互逻辑,...
var grid = new Ext.grid.GridPanel({ width: 600, height: 400, cm: columnModel, store: store }); ``` 3. **数据导出**:EXTJS3并没有内置直接将Grid数据导出到Excel的功能,但我们可以通过模拟浏览器的下载...
var alarmGrid = new Ext.grid.GridPanel({ store: store, // 数据源 cm: new Ext.grid.ColumnModel([ // 列模型 { header: "PID", dataIndex: 'pid', width: 100 }, { header: "Name", dataIndex: 'name', ...