/ext-4.0.7/docs/source/HeaderContainer.html

https://bitbucket.org/srogerf/javascript · HTML · 118 lines · 104 code · 14 blank · 0 comment · 0 complexity · adbeb2c7b7ecd8c2013d46e1f612a417 MD5 · raw file 

    

  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

  4.   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    5. 

  5.   <title>The source code</title>
    6. 

  6.   <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
    7. 

  7.   <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
    8. 

  8.   <style type="text/css">
    9. 

  9.     .highlight { display: block; background-color: #ddd; }
    10. 

  10.   </style>
    11. 

  11.   <script type="text/javascript">
    12. 

  12.     function highlight() {
    13. 

  13.       document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
    14. 

  14.     }
    15. 

  15.   </script>
    16. 

  16. </head>
    17. 

  17. <body onload="prettyPrint(); highlight();">
    18. 

  18.   <pre class="prettyprint lang-js"><span id='Ext-grid-property-HeaderContainer'>/**
    19. 

  19. </span> * @class Ext.grid.property.HeaderContainer
    20. 

  20.  * @extends Ext.grid.header.Container
    21. 

  21.  * A custom HeaderContainer for the {@link Ext.grid.property.Grid}.  Generally it should not need to be used directly.
    22. 

  22.  */
    23. 

  23. Ext.define('Ext.grid.property.HeaderContainer', {
    24. 

  24. 

  25.     extend: 'Ext.grid.header.Container',
    26. 

  26. 

  27.     alternateClassName: 'Ext.grid.PropertyColumnModel',
    28. 

  28.     
    29. 

  29.     nameWidth: 115,
    30. 

  30. 

  31.     // private - strings used for locale support
    32. 

  32.     nameText : 'Name',
    33. 

  33.     valueText : 'Value',
    34. 

  34.     dateFormat : 'm/j/Y',
    35. 

  35.     trueText: 'true',
    36. 

  36.     falseText: 'false',
    37. 

  37. 

  38.     // private
    39. 

  39.     nameColumnCls: Ext.baseCSSPrefix + 'grid-property-name',
    40. 

  40. 

  41. <span id='Ext-grid-property-HeaderContainer-method-constructor'>    /**
    42. 

  42. </span>     * Creates new HeaderContainer.
    43. 

  43.      * @param {Ext.grid.property.Grid} grid The grid this store will be bound to
    44. 

  44.      * @param {Object} source The source data config object
    45. 

  45.      */
    46. 

  46.     constructor : function(grid, store) {
    47. 

  47.         var me = this;
    48. 

  48.         
    49. 

  49.         me.grid = grid;
    50. 

  50.         me.store = store;
    51. 

  51.         me.callParent([{
    52. 

  52.             items: [{
    53. 

  53.                 header: me.nameText,
    54. 

  54.                 width: grid.nameColumnWidth || me.nameWidth,
    55. 

  55.                 sortable: true,
    56. 

  56.                 dataIndex: grid.nameField,
    57. 

  57.                 renderer: Ext.Function.bind(me.renderProp, me),
    58. 

  58.                 itemId: grid.nameField,
    59. 

  59.                 menuDisabled :true,
    60. 

  60.                 tdCls: me.nameColumnCls
    61. 

  61.             }, {
    62. 

  62.                 header: me.valueText,
    63. 

  63.                 renderer: Ext.Function.bind(me.renderCell, me),
    64. 

  64.                 getEditor: Ext.Function.bind(me.getCellEditor, me),
    65. 

  65.                 flex: 1,
    66. 

  66.                 fixed: true,
    67. 

  67.                 dataIndex: grid.valueField,
    68. 

  68.                 itemId: grid.valueField,
    69. 

  69.                 menuDisabled: true
    70. 

  70.             }]
    71. 

  71.         }]);
    72. 

  72.     },
    73. 

  73.     
    74. 

  74.     getCellEditor: function(record){
    75. 

  75.         return this.grid.getCellEditor(record, this);
    76. 

  76.     },
    77. 

  77. 

  78.     // private
    79. 

  79.     // Render a property name cell
    80. 

  80.     renderProp : function(v) {
    81. 

  81.         return this.getPropertyName(v);
    82. 

  82.     },
    83. 

  83. 

  84.     // private
    85. 

  85.     // Render a property value cell
    86. 

  86.     renderCell : function(val, meta, rec) {
    87. 

  87.         var me = this,
    88. 

  88.             renderer = me.grid.customRenderers[rec.get(me.grid.nameField)],
    89. 

  89.             result = val;
    90. 

  90. 

  91.         if (renderer) {
    92. 

  92.             return renderer.apply(me, arguments);
    93. 

  93.         }
    94. 

  94.         if (Ext.isDate(val)) {
    95. 

  95.             result = me.renderDate(val);
    96. 

  96.         } else if (Ext.isBoolean(val)) {
    97. 

  97.             result = me.renderBool(val);
    98. 

  98.         }
    99. 

  99.         return Ext.util.Format.htmlEncode(result);
    100. 

  100.     },
    101. 

  101. 

  102.     // private
    103. 

  103.     renderDate : Ext.util.Format.date,
    104. 

  104. 

  105.     // private
    106. 

  106.     renderBool : function(bVal) {
    107. 

  107.         return this[bVal ? 'trueText' : 'falseText'];
    108. 

  108.     },
    109. 

  109. 

  110.     // private
    111. 

  111.     // Renders custom property names instead of raw names if defined in the Grid
    112. 

  112.     getPropertyName : function(name) {
    113. 

  113.         var pn = this.grid.propertyNames;
    114. 

  114.         return pn &amp;&amp; pn[name] ? pn[name] : name;
    115. 

  115.     }
    116. 

  116. });</pre>
    117. 

  117. </body>
    118. 

  118. </html>
    119.