ExtJs : 표 셀의 여러 개체

Question

오 안녕하세요!

최근에는 ExtJs를 사용하여 json에서 데이터를 가져 와서 좋은 방법으로 표시했습니다. Extjs는 아주 잘합니다.

하지만 오늘 일부 값을 표시하는 데 문제가 발생했습니다.

내 json은 개체 모음에서 비롯됩니다. 각 객체에는 다음과 같이 객체가 있습니다.

{"product": 
    [{"saleReference": 
     [{"attributes":{"idReference":"100"}}, 
     {"attributes":{"idReference":"101"}}] 
    }] 
} 

여러 제품이 있지만 여기서는 중요하지 않습니다.

그래서, 내 셀, 디스플레이 결과는 다음과 같습니다

dataIndex : 'saleReference' 

: 그래서 내가 좋아하는, 직접 saleReference를 사용하여 dataIndex있어 같이 개체 개체], [개체 개체], ... 그리고

'saleReference.attributes.iReference'를 사용하려고했지만 작동하지 않았습니다. "obj.saleReference.attributes is undefined"오류가 발생합니다.

나는 또한 "combobox"를 사용하여 개체 컬렉션을 표시하려고했지만 아무런 결과도 얻지 못했습니다.

누군가가 이미이 문제를 해결하고 해결했다면 나는 그 해결책에 정말로 관심이 있습니다.

Answer 1

렌더러를 사용하여 값을 형식화하십시오. 예 :

renderer: function(value, meta, record) { 
    return value[0].attributes.idReference; 
} 

자세한 내용은 API을 참조하십시오.

Answer 2

Or you can use template column: 

이 acRole 같은 데이터가있는 경우 : [{역할 : 'roleA'}, {역할 : 'roleB'}]

this.tplLoop = new Ext.XTemplate(
      '<tpl for="acRole" ">', 
      '{role}<br/>', 
      '</tpl>' 
     ); 


     config.moreCols = [ 
      { 
       xtype: 'templatecolumn', 
       dataIndex: 'acRole', 
       header: this.DIGITAL_SAFE_ROLE_USERS_COLUMN_HEADER_PREFIX, 
       id: 'acRole', 
       sortable: false, 
       renderer: Ext.util.Format.htmlEncode, 
       tpl: this.tplLoop, 
       hidden: true 
      },];