在easyui datagrid中formatter数据后使用linkbutton

Posted 2020-06-14

http://ntzrj513.blog.163.com/blog/static/2794561220139245411997/

  formatter:function(value,rowData,rowIndex){	if(value==""||value==null){		return "未知";

     return rowData.cname+"<a class=‘easyui-linkbutton‘ data-options=\"iconCls:‘icon-user_green‘ plain:true \" href=‘javascript：　void(0);‘>详细</a>";

效果：

 onLoadSuccess事件是在datagrid加载数据完成后的事件，相当于datagrid的回调函数，这里的加载数据完成不是指从远程或本地获得数据完成，而是在获取数据并解析完成datagrid，包括已经完成所有columns中的formatter属性，因此可以在onLoadSuccess事件中解析linkbutton组件。

columns属性中格式化数据：

formatter:function(value,rowData,rowIndex){ 

 if(value==""||value==null){

		     return "未知";

 	}else{

 		return rowData.cname+"<a class=‘loan_ct_view_button‘ href=‘javascript：　void(0);‘>详细</a>"; 

 }

 }

    onLoadSuccess:function(data){ $(".loan_ct_view_button").linkbutton({ text:‘详细‘, plain:true, iconCls:‘icon-user_green‘ });