easyui datalist操作

初始化格式：

$('#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樣式即可