easyui datagrid中formatter数据后使用linkbutton
easyui 只在页面装载时渲染标签,因此在使用formatter格式化列数据后,动态添加的linkbutton样式无法使用,以下方式是无法解析的:
formatter:function(value,rowData,rowIndex) { if(value==""||value==null){ return "未知"; }else{ return "<a class='sz_button' onclick='editRoleAuthority(\""+value+"\");' href='javascript:void(0);'>设置</a> <a class='ll_button' onclick='browseRoleAuthority(\""+value+"\");' href='javascript:void(0);'>浏览</a>"; } }
onLoadSuccess事件是在datagrid加载数据完成后的事件,相当于datagrid的回调函数,这里的加载数据完成不是指从远程或本地获得数据完成,而是在获取数据并解析完成datagrid,包括已经完成所有columns中的formatter属性,因此可以在onLoadSuccess事件中解析linkbutton组件。
因此在easyui datagrid中formatter数据后使用linkbutton可采用如下方法:
onLoadSuccess事件中解析linkbutton组件:
1 onLoadSuccess:function(data){ 2 $(".sz_button").linkbutton({ 3 text:'设置', 4 plain:true, 5 iconCls:'icon-edit' 6 }); 7 $(".ll_button").linkbutton({ 8 text:'浏览', 9 plain:true, 10 iconCls:'icon-search' 11 }); 12 }
浙公网安备 33010602011771号