首页 > 其他 > 详细

easyui datalist操作

时间:2020-09-28 12:55:11      阅读:30      评论:0      收藏:0      [点我收藏+]

初始化格式:

$(#dataFrom).datalist({
            url:  "",
            method: get,
            title:未启用,
            valueField: Value,
            textField: Text,
            singleSelect: true,
            scrollbarSize: 0,
            fitColumns: true,
            textFormatter: formatterInfo,
            onDblClickRow:dbLeftClick
        });

上面的解读:

向后台请求之后,会将数据填入到datalist,其中后台传递过来的必须包含Value和Text,分别代表值和显示的文字

title表示datalist的名称

textFormatter表示文字的样式,可以传递一个方法来动态改变文字的样式

onDblClickRow表示双击事件

 

比如说根据Value来给datalist的列动态加一个锁图标

技术分享图片

初始化textFormatter方法:

function formatterInfo(value, row, index) {
        if (row.Value == "0") {  //表示未启用
            return  value+‘<div class="icon-lock"></div>‘;
        } else { //启用
            return value;
        }       
    }

然后将样式添加到icon-lock样式即可

easyui datalist操作

原文:https://www.cnblogs.com/AduBlog/p/13744091.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!