easyui------显示隐藏列功能
2015-08-19 22:31
1636 查看
先看看实现的效果是怎样的
建立一个对话框和对应按钮的操作代码
$dialog_showColumnDialog.dialog({ closed: true, onOpen: function () { var columnFields = $wageGrid.datagrid("getColumnFields"); var columnDefineArray = []; var checkedRow = []; $.each(columnFields, function (i, columnField) { var fieldOptions = $wageGrid.datagrid("getColumnOption", columnField); fieldOptions.text = fieldOptions.title; fieldOptions.value = columnField; if (!fieldOptions.hidden) { checkedRow.push(i); } columnDefineArray.push(fieldOptions); }); $datalist_columnShow.datalist({ lines: true, checkbox: true, selectOnCheck: false, singleSelect: false, data: columnDefineArray, onLoadSuccess: function () { $.each(checkedRow, function (i, rowIndex) { $datalist_columnShow.datalist("checkRow", rowIndex); }); } }); }, buttons: [{ text: "全选", handler: function () { $datalist_columnShow.datalist("checkAll"); } }, { text: "全不选", handler: function () { $datalist_columnShow.datalist("clearChecked"); } }, { text: "确定", handler: function () { var checkedDataArray = $datalist_columnShow.datalist("getChecked"); var showColumns = []; $.each(checkedDataArray, function (i, checkedData) { showColumns.push(checkedData.value); }); var columnFields = $wageGrid.datagrid("getColumnFields"); var hideColumn = []; $.each(columnFields, function (i, columnField) { if ($.inArray(columnField, showColumns) != -1) { $wageGrid.datagrid("showColumn", columnField); } else { hideColumn.push(columnField); $wageGrid.datagrid("hideColumn", columnField); } }); $.ProjectUtils.saveLayout("wageNoTaxTable", $("#companyId").val(), { hidden: hideColumn, show: showColumns }); $dialog_showColumnDialog.dialog("close"); } }, { text: "关闭", handler: function () { $dialog_showColumnDialog.dialog("close"); } }] });
数据库定义
package com.sys.entity.sys; import com.sys.common.entity.BaseEntity; import com.sys.common.repository.support.annotation.EnableQueryCache; import org.hibernate.annotations.Cache; import org.hibernate.annotations.CacheConcurrencyStrategy; import javax.persistence.Entity; import javax.persistence.Table; @Entity @Table(name = "sys_grid_layout") @EnableQueryCache @Cache(usage = CacheConcurrencyStrategy.READ_WRITE) public class GridLayout extends BaseEntity<Long> { private String gridId; private Long businessId; private String columnOptions; public void setGridId(String gridId) { this.gridId = gridId; } public String getGridId() { return gridId; } public void setBusinessId(Long businessId) { this.businessId = businessId; } public Long getBusinessId() { return businessId; } public void setColumnOptions(String columnOptions) { this.columnOptions = columnOptions; } public String getColumnOptions() { return columnOptions; } }
controller定义保存和加载显示列方法
@RequestMapping("save") public AjaxResponseMessage saveLayout(GridLayout gridLayout) { GridLayout dbGridLayout = gridLayoutService.findByGridIdAndBusinessId(gridLayout.getGridId(), gridLayout.getBusinessId()); if (dbGridLayout.getId() == null) { gridLayoutService.save(gridLayout); } else { dbGridLayout.setColumnOptions(gridLayout.getColumnOptions()); gridLayoutService.update(dbGridLayout); } return AjaxResponseMessage.getSuccessed(); } @RequestMapping("{gridId}") public String loadGridLayout(@PathVariable("gridId") String gridId, @RequestParam("businessId") Long businessId) { return gridLayoutService.findByGridIdAndBusinessId(gridId, businessId).getColumnOptions(); }
相关文章推荐
- JavaScript + jQuery + HTML 实现<input>提示信息的显示、隐藏,功能与jQuery EasyUI的easyui-textbox的prompt属性相同。
- 扩展EasyUI datagrid 增加表头右键菜单功能,可动态对列进行显示和隐藏
- jquery-easyui中datagrid扩展,隐藏显示表头功能
- 微信小程序实现动态显示和隐藏某个控件功能示例
- 输入框密码切换显示或隐藏功能的实现
- easyui 显示/隐藏
- 使用Vue中 v-for循环列表控制按钮隐藏显示功能
- 小程序之隐藏显示功能
- jQuery仅用3行代码实现的显示与隐藏功能完整实例
- easyUI tabs 显示与隐藏 tab 页
- Adminimize 插件:WordPress根据用户角色显示/隐藏某些后台功能
- 利用UGUI InputField 实现 显示/隐藏密码 功能
- Oracle EBS诊断方面几种情况的解决方法(诊断菜单隐藏、个性化功能报错、关于此页的显示)
- Android实现系统状态栏的隐藏和显示功能
- DIV-----js功能,页面隐藏和显示
- easyui datagrid 动态控制列的显示和隐藏
- 微信小程序开发之radio实现显示和隐藏功能
- iw14.0.50来了,终于可以直接在地址栏输入url打开iw功能页面了;可以自由使用EasyUI等js框架了;显示模式对话框也不再七绕八绕惹人烦了;
- 关于EditText的显示和隐藏功能
- Dynamics CRM 根据用户权限不同来进行按钮的显示和隐藏的功能