easyui datagrid 列为多个按钮传递所有值
时间: 2023-09-04 22:15:30 浏览: 188
要在easyui datagrid中传递所有值,您可以在每个行中添加多个按钮,并在单击按钮时将行数据传递给后台处理程序。以下是一些示例代码,供您参考:
1. 在datagrid中添加多个按钮列:
```html
<table id="myDatagrid" class="easyui-datagrid" style="width:100%;height:auto"
url="data.json" toolbar="#toolbar" pagination="true" rownumbers="true"
fitColumns="true" singleSelect="true">
<thead>
<tr>
<th field="id" width="50" sortable="true">ID</th>
<th field="name" width="50" sortable="true">Name</th>
<th field="action1" width="50" formatter="formatAction1">Action 1</th>
<th field="action2" width="50" formatter="formatAction2">Action 2</th>
</tr>
</thead>
</table>
```
2. 在javascript中定义格式化函数,并在单击按钮时将行数据传递给后台处理程序:
```javascript
function formatAction1(value, row, index) {
return '<a href="#" onclick="submitRow(' + index + ')">Action 1</a>';
}
function formatAction2(value, row, index) {
return '<a href="#" onclick="submitRow(' + index + ')">Action 2</a>';
}
function submitRow(index) {
var row = $('#myDatagrid').datagrid('getRows')[index];
// 将row传递给后台处理程序
}
```
在此示例中,您可以通过在easyui datagrid中添加多个按钮列来获取所有行的值,并在javascript中定义格式化函数,在单击按钮时将行数据传递给后台处理程序。
阅读全文