<!DOCTYPE html>
|
<html>
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<title>The source code</title>
|
<link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
|
<script type="text/javascript" src="../resources/prettify/prettify.js"></script>
|
<style type="text/css">
|
.highlight { display: block; background-color: #ddd; }
|
</style>
|
<script type="text/javascript">
|
function highlight() {
|
document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
|
}
|
</script>
|
</head>
|
<body onload="prettyPrint(); highlight();">
|
<pre class="prettyprint lang-js"><span id='Ext-grid-property-HeaderContainer'>/**
|
</span> * A custom HeaderContainer for the {@link Ext.grid.property.Grid}.
|
* Generally it should not need to be used directly.
|
*/
|
Ext.define('Ext.grid.property.HeaderContainer', {
|
|
extend: 'Ext.grid.header.Container',
|
|
alternateClassName: 'Ext.grid.PropertyColumnModel',
|
|
<span id='Ext-grid-property-HeaderContainer-property-nameWidth'> nameWidth: 115,
|
</span>
|
<span id='Ext-grid-property-HeaderContainer-property-nameText'> // @private strings used for locale support
|
</span> //<locale>
|
nameText : 'Name',
|
<span id='Ext-grid-property-HeaderContainer-property-valueText'> //</locale>
|
</span> //<locale>
|
valueText : 'Value',
|
<span id='Ext-grid-property-HeaderContainer-property-dateFormat'> //</locale>
|
</span> //<locale>
|
dateFormat : 'm/j/Y',
|
<span id='Ext-grid-property-HeaderContainer-property-trueText'> //</locale>
|
</span> //<locale>
|
trueText: 'true',
|
<span id='Ext-grid-property-HeaderContainer-property-falseText'> //</locale>
|
</span> //<locale>
|
falseText: 'false',
|
//</locale>
|
|
<span id='Ext-grid-property-HeaderContainer-property-nameColumnCls'> // @private
|
</span> nameColumnCls: Ext.baseCSSPrefix + 'grid-property-name',
|
<span id='Ext-grid-property-HeaderContainer-property-nameColumnInnerCls'> nameColumnInnerCls: Ext.baseCSSPrefix + 'grid-cell-inner-property-name',
|
</span>
|
<span id='Ext-grid-property-HeaderContainer-method-constructor'> /**
|
</span> * Creates new HeaderContainer.
|
* @param {Ext.grid.property.Grid} grid The grid this store will be bound to
|
* @param {Object} source The source data config object
|
*/
|
constructor : function(grid, store) {
|
var me = this;
|
|
me.grid = grid;
|
me.store = store;
|
me.callParent([{
|
isRootHeader: true,
|
enableColumnResize: Ext.isDefined(grid.enableColumnResize) ? grid.enableColumnResize : me.enableColumnResize,
|
enableColumnMove: Ext.isDefined(grid.enableColumnMove) ? grid.enableColumnMove : me.enableColumnMove,
|
items: [{
|
header: me.nameText,
|
width: grid.nameColumnWidth || me.nameWidth,
|
sortable: grid.sortableColumns,
|
dataIndex: grid.nameField,
|
renderer: Ext.Function.bind(me.renderProp, me),
|
itemId: grid.nameField,
|
menuDisabled :true,
|
tdCls: me.nameColumnCls,
|
innerCls: me.nameColumnInnerCls
|
}, {
|
header: me.valueText,
|
renderer: Ext.Function.bind(me.renderCell, me),
|
getEditor: Ext.Function.bind(me.getCellEditor, me),
|
sortable: grid.sortableColumns,
|
flex: 1,
|
fixed: true,
|
dataIndex: grid.valueField,
|
itemId: grid.valueField,
|
menuDisabled: true
|
}]
|
}]);
|
},
|
|
<span id='Ext-grid-property-HeaderContainer-method-getCellEditor'> getCellEditor: function(record){
|
</span> return this.grid.getCellEditor(record, this);
|
},
|
|
<span id='Ext-grid-property-HeaderContainer-method-renderProp'> // @private
|
</span> // Render a property name cell
|
renderProp : function(v) {
|
return this.getPropertyName(v);
|
},
|
|
<span id='Ext-grid-property-HeaderContainer-method-renderCell'> // @private
|
</span> // Render a property value cell
|
renderCell : function(val, meta, rec) {
|
var me = this,
|
grid = me.grid,
|
renderer = grid.getConfig(rec.get(grid.nameField), 'renderer'),
|
result = val;
|
|
if (renderer) {
|
return renderer.apply(me, arguments);
|
}
|
if (Ext.isDate(val)) {
|
result = me.renderDate(val);
|
} else if (Ext.isBoolean(val)) {
|
result = me.renderBool(val);
|
}
|
return Ext.util.Format.htmlEncode(result);
|
},
|
|
<span id='Ext-grid-property-HeaderContainer-property-renderDate'> // @private
|
</span> renderDate : Ext.util.Format.date,
|
|
<span id='Ext-grid-property-HeaderContainer-method-renderBool'> // @private
|
</span> renderBool : function(bVal) {
|
return this[bVal ? 'trueText' : 'falseText'];
|
},
|
|
<span id='Ext-grid-property-HeaderContainer-method-getPropertyName'> // @private
|
</span> // Renders custom property names instead of raw names if defined in the Grid
|
getPropertyName : function(name) {
|
return this.grid.getConfig(name, 'displayName', name);
|
}
|
});
|
</pre>
|
</body>
|
</html>
|
