MiniUI在表格中加入按钮

***近期在项目中遇到项目使用miniUI来进行页面开发，自己对于前端也不是太熟，所以在网上看了一些资料，这里做个总结以便以后复习。
这里我的你最页面时这样的，可能有点丑，但是功能全了。***
![结果图](https://img-blog.csdnimg.cn/20190923201533225.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpZWVyMjE1OA==,size_16,color_FFFFFF,t_70)
***下面直接看代码：***
<div class="mini-fit"
 style="margin-top: 20px;background: #ffffff;padding: 0px 20px;overflow: hidden;box-sizing: border-box">
<div class="mini-tabs" id="tabs1" activeIndex="0" style="width: calc(100% - 20px);height: 100%;">
    <div title="监控信息验收" id="detailTemp" style="">
        <hr class="layui-bg-gray" style="margin-top: 0px;">
        <div style="border: 1px solid #ddd;width: auto;height:100%;margin-top: 1%;overflow: hidden">
            <div id="datagrid1" class="mini-datagrid" style="width: 100%;height: 100%; " idField="ID_" ondrawcell="draw"
                 allowCellSelect="true" editNextOnEnterKey="true" multiSelect="false" sizeList="[5,10,15,20,50]"
                 pageSize="20"
                 allowCellEdit="true" showPager="false" fitColumns="true">
                <div property="columns">
                    <div type="indexcolumn" headerStyle="background-color:#e4edf2">序号</div>
                    <div name="BDZMC" field="BDZMC" headerAlign="center" width="100" cellStyle="text-align:center;"
                         headerStyle="background-color:#e4edf2">变电站名称
                    </div>
                    <div field="SSDQ"  field="SSDQ"  headerAlign="center" width="100" cellStyle="text-align:center;"
                         headerStyle="background-color:#e4edf2">所属地区
                    </div>
                    <div name="JRBGSJQ" field="JRBGSJQ" headerAlign="center" width="100" cellStyle="text-align:center;"
                         headerStyle="background-color:#e4edf2">计划开始接入时间
                    </div>
                    <div field="JRBGSJZ" field="JRBGSJZ" headerAlign="center" width="100" cellStyle="text-align:center;"
                         headerStyle="background-color:#e4edf2">计划结束接入时间
                    </div>
                    <div name="PZJRBGSJQ" field="PZJRBGSJQ" headerAlign="center" width="100"
                         cellStyle="text-align:center;"
                         headerStyle="background-color:#e4edf2">
                        批准开始接入时间
                    </div>
                    <div name="PZJRBGSJZ" field="PZJRBGSJZ" headerAlign="center" width="100"
                         cellStyle="text-align:center;"
                         headerStyle="background-color:#e4edf2">
                        批准结束接入时间
                    </div>
                    <div name="SQDWFZR" field="SQDWFZR" headerAlign="center" width="100"
                         cellStyle="text-align:center;" headerStyle="background-color:#e4edf2">
                        申请单位负责人
                    </div>
                    <div name="JKXXGS" field="JKXXGS" headerAlign="center" width="200"
                         cellStyle="text-align:center;"
                         headerStyle="background-color:#e4edf2">
                        监控信息内容
                    </div>
                    <div name="Operate" width="135" headeralign="center" allowsort="true"  headerStyle="background-color:#e4edf2">操作
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

这是一整个的div，其他的我在做的时候没有什么好说的，但是在最后的操作选项，因为最后一行我需要加两个按钮，这里可难倒我了，所以我上网查了一下，发现了这个方法，就是在前端页面上写下面内容：

<div name="Operate" width="135" headeralign="center" allowsort="true"  headerStyle="background-color:#e4edf2">操作
                    </div>

然后到js里这样写：

  //初始化操作列按钮
function draw(e) {
    var record = e.record;
    var column = e.column;
    if (column.name == "Operate") {
        // e.cellHtml = '<a class="mini-button" href="javascript:edit(0)" ><span class="mini-button-text  mini-button-icon icon-edit" style="" >   查看   </span></a><a class="mini-button" href="javascript:edit(1)"><span class="mini-button-text  mini-button-icon icon-edit" style="">   编辑   </span></a>'
        e.cellHtml = '<a id="search" class="mini-button" iconCls="icon-reload" onclick="searchCheckList()">查看检修单</a><a id="Relation" class="mini-button" iconCls="icon-reload" onclick="relateCheckList()">关联检修单</a>'
    }
}

这里有个关键，就是在第一个div里要加上ondrawcell="draw"属性，才能触发这个事件。