1. 程式人生 > >jquery easyui datagrid 新增超連結

jquery easyui datagrid 新增超連結

在網上也沒找到解決辦法,就自己去試,終於給試出來了,希望對大家有幫助。

用的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>";  

                       }  

                    }

]]

});