extjs - 如何将xml中的字符转换为字符串以在extjs中显示

Question

这是 XML 文件：

<ROOT>
    <R FN="Ganapati" LN="Jena" Com="PC"  />
    <R FN="Chandra" LN="Reddy" Com="PC"/>
    <R FN="Charn" LN="Raj" Com="PC"/>
    <R FN="Sunil" LN="Kumar" Com="PC"/>
    <R FN="Muni" LN="Kiran" Com="PC"/>
    <R FN="Raghu" LN="Kiran" Com="PC"/>
    <R FN="Suresh" LN="Kiran" Com="PC"/>
    <R FN="Naresh" LN="Kiran" Com="PC"/>
    <R FN="Ranjith" LN="Kiran" Com="PC"/>
</ROOT> 

请注意它Com="PC"在代码中的说法。我想显示“点云”，那么我应该如何在 ExtJS 中映射它？

这是我的 ExtJS 代码：

        {name: 'FN',mapping:'@FN'},
        { name: 'LN',mapping:'@LN'},
        { name: 'Com',mapping:'@Com'}              
    ])
});

var grid = new Ext.grid.GridPanel({
    store: store,
    columns: [
        {header: "FN", width: 120, dataIndex: 'FN'},
        {header: "LN", width: 100, dataIndex: 'LN'},
        {header: "Com", width: 115, dataIndex: 'Com'}
    ],

    // ...
});

Answer 1

尝试使用这样的渲染器：

function renderCom(val, metadata, record) {
    if (val == "PC") {
        return "Point Cloud";
    } else if ( val == "SE") {
        return "Something Else";
    } else {
        return val; // if nothing matches return the original value
    }
}

var grid = new Ext.grid.GridPanel({
store: store,
columns: [
    {header: "FN", width: 120, dataIndex: 'FN'},
   {header: "LN", width: 100, dataIndex: 'LN'},
    {header: "Com", width: 115, dataIndex: 'Com', renderer: renderCom}

],