EasyUI趟坑手册之动态添加按钮

问题

1. 使用easyUI动态生成按钮的过程中发现添加不上easyUI自带的样式。

2. 下方是在datagrid中添加一个操作列，用来存放按钮的代码片段。按钮是用formatter动态添加的。但是刷新界面后，发现按钮的样式并没有生效。

{
                 field: '_operate',
                 title: '操作',
                 width: 150,
                 halign: 'center',
                 rowspan: 2,
                 align: 'center',
                 formatter: function (value, row, index) {
                     let rowDataJson = JSON.stringify(row).replace(/\"/g, "'");
                     var newBtn = '<a href="#" class="easyui-linkbutton c1 detailsInfoBtn" style="width:70px;height:25px" onclick="return viewOrder(' + rowDataJson + ');">详情</a>';
                     return newBtn;
                 }
             },

解决

因为是动态加载的按钮，所以并没有被easyui解析，此时我们需要手动配置一下解析器。在datagride中添加下面的代码片段。

onLoadSuccess: function (data) {
                    $(".detailsInfoBtn").linkbutton({
                    });
                },