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

操作

然后到js里这样写:

  //初始化操作列按钮
function draw(e) {
    var record = e.record;
    var column = e.column;
    if (column.name == "Operate") {
        // e.cellHtml = '   查看      编辑   '
        e.cellHtml = '查看检修单关联检修单'
    }
}

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

你可能感兴趣的:(练手)