grid 表头标题栏添加点击事件

Posted 2023-05-17

参考技术A

grid 表头标题栏添加点击事件的方法如下：

在<mx:DataGrid headerRelease="doHeaderRelease(event)"/>调用下面方法获取所在列以及dataField和headerText

在用datagrid的时候我们可能要用到点击表头来触发一个function，这里有个简单的例子。

首先你得有个能用的datagrid。

<div>
<table id="toolbar"></table>
</div>

然后是js里的东西。

function toolbar()
alert("dd");
$("#toolbar").datagrid(
striped: true,
url:"toolbar",
columns:[[
field:"name",title:click(),
field:"sex", title:"性别",
field:"age", title:"年龄",
]],
toolbar:[
text:'增加',iconCls:'icon-add',handler:function()
alert(document.getElementById("text").value);
,
text:'导入',iconCls:'icon-add',handler:function()
window.location.href='StuImport.aspx';  

自定义 Ag-Grid 状态栏

【中文标题】自定义 Ag-Grid 状态栏

【英文标题】：Customize Ag-Grid Status Bar

【发布时间】：2019-05-11 04:54:33

【问题描述】：

我们一直是 Ag-Grid Enterprise，版本 19("ag-grid-angular": "19.0.0", "ag-grid-community": "19.0.0", "ag-grid-enterprise": “19.0.0”）与 Angular 4。 我们有一个需求，我们需要自定义网格的状态栏，并在状态栏上再添加一个图标来实现一些功能。 链接“https://www.ag-grid.com/javascript-grid-status-bar-component/”表示这是可能的，但是在尝试实现时，我们无法在模块“ag-grid-community”下使用名称为“IStatusBarItem”和“IStatusBarItemParams”的任何接口，因此坚持执行。 对我们可能在这里遗漏的内容有任何帮助吗？

【问题讨论】：

我刚刚在 Github 上打开了一个问题。 github.com/ag-grid/ag-grid/issues/2920

【参考方案1】：

仅针对将面临同样问题的人：您应该在 ag-grid 版本 19 和 20 中使用 IStatusPanel 和 IStatusPanelParams 而不是 IStatusBarItem 和 IStatusBarItemParams