jQuery EasyUI中DataGird动态生成列的方法
在数据展示中,EasyUI的DataGrid扮演了重要角色。有时,我们需要根据不同的用户权限显示不同的数据列。比如在权限管理系统中,不同用户登录后只能看到自己权限范围内的数据字段。这时,就需要DataGird能够动态组合列。狼蚁网站SEO优化专家将为您详细介绍在EasyUI中如何利用DataGird动态生成列。
以下是一个简单的示例代码,展示了如何在EasyUI的DataGrid中动态生成列:
```html
```
接着,我们用JavaScript和jQuery来实现动态生成列的功能:
```javascript
function easyUIDataGrid(medid) {
var $datagrid = {}; // 创建datagrid对象
var columns = []; // 用于存放列信息
// 设置datagrid的基本属性
$datagrid.title = "";
$datagrid.height = $(window).height() - 31;
$datagrid.width = $(window).width();
$datagrid.sortName = "dt";
$datagrid.sortOrder = "desc";
$datagrid.idField = "id";
// 通过ajax异步获取列信息
$.ajax({
url: 'getCol.page', // 调用后台获取列信息的页面
type: 'post',
data: "medid=" + medid,
dataType: 'json',
success: function(returnValue) { // 异步获取成功后的回调函数
// 从返回值中获取要动态生成的列的别名和宽度信息
var arr = returnValue;
$.each(arr, function(i, item) {
columns.push({
"field": item.colname,
"title": item.colalias,
"width": 100, // 可以根据实际需要调整宽度值
"sortable": true
});
});
$datagrid.columns = columns; // 设置datagrid的列信息
}
});
}
```
编程语言
- jQuery EasyUI中DataGird动态生成列的方法
- ASP.NET中Global和URLReWrite用法
- PHP操作MySQL中BLOB字段的方法示例【存储文本与图
- mysql 报错This function has none of DETERMINISTIC解决方案
- vue 实现数字滚动增加效果的实例代码
- 浅谈jquery采用attr修改form表单enctype不起作用的问
- JavaScript使用delete删除数组元素用法示例【数组长
- JS获取数组最大值、最小值及长度的方法
- php求正负数数组中连续元素最大值示例
- jQuery插件FusionCharts绘制2D环饼图效果示例【附de
- 微信小程序多列选择器range-key使用详解
- 启用Csrf后POST数据时出现的400错误
- 解决Vue开发中对话框被遮罩层挡住的问题
- jsp文件绝对路径的设置方法
- javascript文本框内输入文字倒计数的方法
- javascript基于DOM实现省市级联下拉框的方法