jquery easyui datagrid 添加超链接

这篇博客介绍了如何在使用jQuery EasyUI的datagrid时,为数据列添加超链接,实现角色管理功能。通过Struts2返回JSON对象,包含用户信息,然后在JavaScript函数中设置datagrid的formatter,动态生成带有点击事件的超链接。

在网上也没找到解决办法,就自己去试,终于给试出来了,希望对大家有帮助。

用的struts2,返回的json对象,里面存放的是List<Map<String,Object>>

Map里面有数据:key:"username"和"id"等


如下代码放到您定义的任意js函数中:

var username = $("#form_username").val();

$('#tt').datagrid({

url:webContext+"/user/queryUserList.action",

width: 'auto',

height: 'auto',

nowrap:false,

iconCls:'icon-save',

striped:true,

pagination:true,

rownumbers:true,

pageNumber:1,

                pageSize:10,

                pageList:[5,10],

                queryParams:{'username':username},

                singleSelect:true,

loadMsg:'数据加载中......',

columns:[[

{field:'ck',checkbox:true},

{field:'username',title:'账号名',width:80,align:'left'},

{field:'id',title: '角色管理',align: 'left',width:80,  

                        //添加超级链 

                        formatter:function(value,rowData,rowIndex){

                            //function里面的三个参数代表当前字段值,当前行数据对象,行号(行号从0开始)

                            //alert(rowData.username);  

                            return "<a href='javacript:;' onclick='mngRol();'>角色管理</a>";  

                       }  

                    }

]]

});

 

评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值