ExtJs表格单击链接获取选中行数据：方法解析与示例

在ExtJs中，表格是数据展示的重要组件，而实现点击表格中的超链接获取特定行的值是一项常见的需求。本文将详细介绍如何在ExtJs网格（Grid Panel）中配置和操作以达到这个目的。 首先，我们来看一下如何设置表格的基本属性。`menuDisabled: true` 和 `enableHmenu: true` 控制菜单栏的行为，前者禁用上下文菜单，后者启用列头的上下文菜单，以便于用户交互。`renderer` 函数在此起着关键作用，它定义了单元格的显示格式，包括超链接的生成。通过`link(v)`方法，你可以自定义每个单元格的链接样式和行为。 当使用Js选择模式（CellSelectionModel）时，可以获取当前选中的单元格。`grid.getSelectionNode().getSelections()`返回一个数组，包含了所有选中的行。针对单个选中的行，例如索引为i的行，可以使用`rowcount[i].get(sex)`来获取指定列（如'sex'）的值。在使用鼠标选择模式时，`var cell = grid.getSelectionNode().getSelectedCell()`会返回当前选中的单元格坐标，进一步可以通过`grid.getColumnModel().getDataIndex(cell[1])`获取该单元格对应的列名，然后调用`grid.getStore().getAt(cell[0]).get(colname)`来获取实际的数据值。 在渲染器为HTML的情况下，比如使用`{id: '3', header: '', dataIndex: 'name', renderer: DomUrl}`这样的配置，`DomUrl`函数会被调用。`DomUrl(value)`函数接收单元格的值作为参数，并将其包裹在一个带有链接的HTML元素中，如 `<a href="#">value</a>`，这样点击链接就可以跳转到相应的位置。 总结来说，要在ExtJs表格中实现点击超链接获取行值的功能，你需要设置合适的渲染器、配置选择模式，并理解如何通过数据模型获取和处理数据。同时，了解不同的获取单元格值的方法和事件处理方式，可以帮助你构建出功能丰富的表格应用。如果你需要更复杂的交互或定制，可能还需要结合ExtJs的其他特性，如事件监听、模板或异步加载数据等。