easyui 表格中combo选择值后显示为valueField而非textField的解决

最新推荐文章于 2020-11-03 14:36:47 发布

转载最新推荐文章于 2020-11-03 14:36:47 发布 · 608 阅读

文章标签：

#javascript #ViewUI

扩展表格的formatter如下：

formatComboByGridEditor : function(value, rowData) {
    var editorOptions = rowData.editor.options;
    var data = editorOptions.data;
    if (data == undefined) {
        return value;
    }
    for(var i = 0; i < data.length; i++) {
        if (data[i][editorOptions.valueField] == value) {
            return data[i][editorOptions.textField];
        }
    }
}

调用方式如下：

$(function(){
    $('#id').propertygrid({
        columns : [ [ {
            field : "name",
            title : "属性名称",
            width : 100
        }, {
            field : "value",
            title : "属性值",
            width : 100,
            formatter : formatComboByGridEditor
        } ] ]
    });
});