jeesite datagrid双击表头当前页面排序
时间: 2023-08-12 11:17:41 浏览: 96
table点击表头排序
3星 · 编辑精心推荐
JeeSite的DataGrid控件默认是在后台进行排序的,如果需要在前台实现双击表头当前页面排序,可以在DataGrid的onHeaderContextMenu事件中添加双击表头事件的处理函数。
下面是一个示例代码:
```javascript
$('#datagrid').datagrid({
url: '...',
// 在onHeaderContextMenu事件中添加双击表头事件处理函数
onHeaderContextMenu: function(e, field) {
e.preventDefault();
if (e.originalEvent.detail == 2) { // 判断是否双击事件
// 获取DataGrid对象
var grid = $(this);
// 获取当前排序的字段和排序方式
var sortField = grid.datagrid('options').sortName;
var sortOrder = grid.datagrid('options').sortOrder;
// 切换排序方式并重新加载数据
if (sortOrder == 'asc') {
grid.datagrid('sort', {
sortName: field,
sortOrder: 'desc'
});
} else {
grid.datagrid('sort', {
sortName: field,
sortOrder: 'asc'
});
}
}
}
});
```
在上面的代码中,我们在DataGrid的onHeaderContextMenu事件中添加了双击表头事件处理函数。在该处理函数中,我们首先判断当前事件是否为双击事件,然后获取当前排序的字段和排序方式。最后根据当前排序方式切换排序方式并重新加载数据。
阅读全文