「renderer」に表示形式をセットする処理を埋め込んで実装しています。
Ext.application({
name: 'Fiddle',
launch: function() {
var store = Ext.create('Ext.data.Store', {
fields: ['name', 'email', 'phone'],
data: [{
'name': '橋元',
'email': 'hashimoto@xxx.com',
'phone': '55-3434-3434',
'salary': '5'
}, {
'name': '小西',
'email': 'konishi@xxx.com',
'phone': '33-3434-3434',
'salary': '8500000'
},{
'name': 'ポク田ポーク',
'email': 'pork@xxx.com',
'phone': '55-3434-3434',
'salary': '999999999'
}]
});
var grid = Ext.create('Ext.grid.Grid', {
title: '名簿',
store: store,
columns: [{
text: '名前',
width: 100,
dataIndex: 'name',
renderer: function(value, record, dataIndex, cell, column) {
console.log(value);
console.log(record.get('email'));
if (value == 'ポク田ポーク')
cell.element.dom.style.backgroundColor = "#99ccff";
else
cell.element.dom.style.backgroundColor = "#ccffcc";
return value;
}
}, {
text: 'Email',
width: 200,
dataIndex: 'email'
}, {
text: '電話番号',
width: 100,
dataIndex: 'phone'
}, {
text: '給料',
textAlign: 'right',
width: 150,
dataIndex: 'salary',
align: 'right',
renderer: function (value, record) {
var tmp = Ext.util.Format.number(value, '0,000');
if (tmp != '') {
var tmp = "￥" + tmp;
}
return tmp;
//return Ext.util.Format.currency(value, "￥");
}
}],
fullscreen: true,
renderTo: Ext.getBody()
});
}
});
以下にデモ＆ソースがあるので参考にしてみて下さい。
デモ＆ソース
デモ＆ソース
