在miniui 中的datagrid行记录中使用 miniui按钮

miniUI Datagrid控件引入操作

一般情况下可通过在在页面datagrid控件中添加一个专门的操作列,并且通过ondrawcell 方法在操作列中添加相关操作,例如

先如下建立datagrid

    
序号
部门
姓名
联系电话
性别
出生年月
操作

然后再写相关的draw方法

        function draw(e) {
            var record = e.record;
            var column = e.column;
            if (column.name == "Operate") {
                e.cellHtml = ' 浏览  编辑 '
            }
        }

最后呈现效果为

在miniui 中的datagrid行记录中使用 miniui按钮_第1张图片

miniUI Datagrid控件中使用mini-button

将draw方法做调整,按照mini-button 的添加方法,

        function draw(e) {
            var record = e.record;
            var column = e.column;
            if (column.name == "Operate") {
                e.cellHtml = '查看编辑'
            }
        }
页面显示效果如下:

在miniui 中的datagrid行记录中使用 miniui按钮_第2张图片

miniUI Datagrid控件中达到mini-button显示效果

将draw方法做调整

        function draw(e) {
            var record = e.record;
            var column = e.column;
            if (column.name == "Operate") {
                e.cellHtml = '   查看      编辑   '
            }
        }

此时,页面达到mini-button 展示效果

在miniui 中的datagrid行记录中使用 miniui按钮_第3张图片


你可能感兴趣的:(MiniUI)