extjs 렌더링 사용법 소개_extjs

코드 복사 코드는 다음과 같습니다.

var cm = new Ext.grid.ColumnModel(
[
new Ext.grid.RowNumberer({ header: "", width: 20, align: 'center' }),
{ header: '', align: 'center', dataIndex: 'AccountAndRoseID' , 너비: 50, 정렬 가능: true, 숨겨진: true },
{ 헤더: '', 정렬: 'center', dataIndex: 'UserAccountId', 너비: 50, 정렬 가능: true, 숨겨진: true },
{ header: '계정', align: 'center', dataIndex: 'UserAccountName', width: 200, sortable: true },
{ header: '역할 이름', align: 'center', dataIndex: 'UserRoleName ', width : 200, sortable: true },
{ header: 'status', align: 'center', dataIndex: 'UserAccountStateId', width: 200, sortable: true, hide: true, renderer: function() }
]

렌더러는 이 열에 표시되는 데이터의 형식을 지정하거나 사용자 정의된 스크립트에 따라 최종 데이터를 표시할 수 있습니다(현재 제가 이해하고 있는 내용입니다)
렌더러를 먼저 살펴보세요: 함수( ) 매개변수

코드 복사 코드는 다음과 같습니다.

renderer:function( value, cellmeta, Record, rowIndex, columnIndex, store){

}

1.value는 현재 셀의 값입니다.
2.cellmeta는 cellId 셀 ID를 저장합니다. , id 무슨 일을 하는지는 모르겠지만 열 번호인 것 같고 CSS는 이 셀의 CSS 스타일입니다.
3.record는 이 행의 모든 ​​데이터입니다. 원하는 대로 Record.data["id"]를 얻을 수 있습니다.
4. rowIndex는 행 번호로 처음부터 세는 것이 아니라 페이징 후의 결과입니다.
5.columnIndex 열 번호가 너무 간단합니다.
6.store 정말 대단하네요. 실제로 테이블을 구성할 때 전달되는 DS입니다. 즉, 테이블의 모든 데이터를 마음대로 호출할 수 있다는 것입니다.

온라인에서 매우 훌륭하고 직관적인 블로그 게시물을 찾았습니다.

코드 복사 코드는 다음과 같습니다. 다음과 같습니다:

<머리>







<본문>