初始化格式:
$('#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样式即可