jQuery EasyUI中DataGird动态生成列的方法

网络编程 2025-03-13 00:11www.168986.cn编程入门

在数据展示中,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的列信息

}

});

}

```

上一篇:ASP.NET中Global和URLReWrite用法 下一篇:没有了

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by