ext grid 글꼴 스타일 설정

1482 단어 ext
Ext Grid 글꼴 스타일 변경하기
(1) Cloumn 렌더기 선언
columnRenderer : function(value, metaData, record, rowIndex,
					colIndex, store) {
				var type = record.data.type;
				if (type == 'cashTotal' || type == 'depositTotal'
						|| type == 'fundTotal') {
					return '<span style="font-weight:700!important;">' + value
							+ '</span>';
				} else {
					return value;
				}
			}

(2) Cloumn 정의에 렌더기 구성
this.columns = [{
							header : this.messagefundType,
							dataIndex : 'fundTypeDisplay',
							renderer : this.columnRenderer
						}, {
							header : this.messageBeForm,
							dataIndex : 'beForm',
							renderer : this.columnRenderer
						}, {
							header : this.messagereceipt,
							dataIndex : 'receipt',
							renderer : this.columnRenderer
						}, {
							header : this.messagepayment,
							dataIndex : 'payment',
							renderer : this.columnRenderer
						}, {
							header : this.messagebalance,
							dataIndex : 'balance',
							renderer : this.columnRenderer
						}, {
							header : this.messagepercentage,
							dataIndex : 'percentage',
							renderer : this.columnRenderer
						}];

좋은 웹페이지 즐겨찾기