在easyui datagrid中formatter数据后使用linkbutton

﹏ヽ暗。殇╰゛Y 2022-03-27 10:26 220阅读 0赞

easyui 只在页面装载时渲染标签，因此在使用formatter格式化列数据后，动态添加的linkbutton样式无法使用，以下方式是无法解析的：

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

}else{

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

}}

效果：

![b_large_oHKq_17e3000054751261.jpg][]

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

因此在easyui datagrid中formatter数据后使用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事件中解析linkbutton组件：

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

}

效果：

[b_large_oHKq_17e3000054751261.jpg]: /images/20220327/59d8ff6d96ee48338778b4f53e837da3.png

发表评论取消回复

表情：

评论列表（有 0 条评论，220人围观）

还没有评论，来说两句吧...

相关阅读

相关 easyUI中的datagrid

datagrid比较容易出错的地方，总结一下，大家可以少走弯路，也避免自己以后再犯。 1、两个属性，pageSize、pageList，其中pageSize一定要在pageL

灰太狼/ 2022年08月10日 15:48/ 0 赞/ 225 阅读

相关 Easyui datagrid detailview使用简介

、easyui 的 detailview又叫subgrid其实也就类似于分组表格的意思，先见效果图 ![Center][] 二、下面说下使用方法 1.页面引入样式

比眉伴天荒/ 2022年08月07日 11:44/ 0 赞/ 294 阅读

相关在EasyUI的DataGrid中嵌入Combobox

在做项目时，需要在EasyUI的DataGrid中嵌入Combobox，花了好几天功夫，在大家的帮助下，终于看到了它的庐山真面：

淩亂°似流年/ 2022年08月01日 15:45/ 0 赞/ 202 阅读

相关 EasyUi DataGrid中数据编辑方式及编辑后数据获取，校验处理

EasyUi中的DataGrid提供前台编辑的相关函数。实现客户选中DataGrid中一列后，对选中列中的一个字段进行编辑，并对数据进行实时校验后，传递至后

青旅半醒/ 2022年07月14日 11:09/ 0 赞/ 590 阅读

相关【easyUI】datagrid 通过formatter读取嵌套数据

datagrid的返回数据格式 ![这里写图片描述][SouthEast] 可以看到，里面有两个一级的标签，一个gmv，另外一个是一个对象。直接通过datagri

心已赠人/ 2022年06月18日 11:52/ 0 赞/ 180 阅读

相关 easyUI 中datagrid使用总结

//js基本使用结构： $('table').datagrid({ url: "", queryParams: {

刺骨的言语ヽ痛彻心扉/ 2022年06月17日 12:37/ 0 赞/ 248 阅读

相关 JQuery EasyUI 之LinkButton(按钮)组件

代码： index.html <!DOCTYPE html> <html> <head> <title>jQuery Easy UI</t

野性酷女/ 2022年06月09日 09:15/ 0 赞/ 233 阅读

相关 easyui中在datagrid中右键出现菜单

onRowContextMenu，easyui提供了这个方法，来实现右键出现菜单。其中给了三个参数：e,index,row. 大多数人会出现这样的问题，你发现，当你

骑猪看日落/ 2022年06月09日 04:22/ 0 赞/ 265 阅读

相关 EasyUI datagrid之rowStyler,formatter函数

前言从后台查出数据后前台界面展示根据其中字段的值改变字体颜色，另一个是数据库存的不是汉字根据字段值显示汉字。代码 1.利用rowStyler

绝地灬酷狼/ 2022年06月04日 01:44/ 0 赞/ 314 阅读

相关在easyui datagrid中formatter数据后使用linkbutton

easyui 只在页面装载时渲染标签，因此在使用formatter格式化列数据后，动态添加的linkbutton样式无法使用，以下方式是无法解析的： form

﹏ヽ暗。殇╰゛Y/ 2022年03月27日 10:26/ 0 赞/ 221 阅读