/ext-4.1.0_b3/docs/source/Date5.html

https://bitbucket.org/srogerf/javascript · HTML · 82 lines · 78 code · 4 blank · 0 comment · 0 complexity · 2b1e24b07a83ab4453304ec9cf6eb4c0 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-column-Date'>/**
    19. 

  19. </span> * A Column definition class which renders a passed date according to the default locale, or a configured
    20. 

  20.  * {@link #format}.
    21. 

  21.  *
    22. 

  22.  *     @example
    23. 

  23.  *     Ext.create('Ext.data.Store', {
    24. 

  24.  *         storeId:'sampleStore',
    25. 

  25.  *         fields:[
    26. 

  26.  *             { name: 'symbol', type: 'string' },
    27. 

  27.  *             { name: 'date',   type: 'date' },
    28. 

  28.  *             { name: 'change', type: 'number' },
    29. 

  29.  *             { name: 'volume', type: 'number' },
    30. 

  30.  *             { name: 'topday', type: 'date' }                        
    31. 

  31.  *         ],
    32. 

  32.  *         data:[
    33. 

  33.  *             { symbol: &quot;msft&quot;,   date: '2011/04/22', change: 2.43, volume: 61606325, topday: '04/01/2010' },
    34. 

  34.  *             { symbol: &quot;goog&quot;,   date: '2011/04/22', change: 0.81, volume: 3053782,  topday: '04/11/2010' },
    35. 

  35.  *             { symbol: &quot;apple&quot;,  date: '2011/04/22', change: 1.35, volume: 24484858, topday: '04/28/2010' },            
    36. 

  36.  *             { symbol: &quot;sencha&quot;, date: '2011/04/22', change: 8.85, volume: 5556351,  topday: '04/22/2010' }            
    37. 

  37.  *         ]
    38. 

  38.  *     });
    39. 

  39.  *     
    40. 

  40.  *     Ext.create('Ext.grid.Panel', {
    41. 

  41.  *         title: 'Date Column Demo',
    42. 

  42.  *         store: Ext.data.StoreManager.lookup('sampleStore'),
    43. 

  43.  *         columns: [
    44. 

  44.  *             { text: 'Symbol',   dataIndex: 'symbol', flex: 1 },
    45. 

  45.  *             { text: 'Date',     dataIndex: 'date',   xtype: 'datecolumn',   format:'Y-m-d' },
    46. 

  46.  *             { text: 'Change',   dataIndex: 'change', xtype: 'numbercolumn', format:'0.00' },
    47. 

  47.  *             { text: 'Volume',   dataIndex: 'volume', xtype: 'numbercolumn', format:'0,000' },
    48. 

  48.  *             { text: 'Top Day',  dataIndex: 'topday', xtype: 'datecolumn',   format:'l' }            
    49. 

  49.  *         ],
    50. 

  50.  *         height: 200,
    51. 

  51.  *         width: 450,
    52. 

  52.  *         renderTo: Ext.getBody()
    53. 

  53.  *     });
    54. 

  54.  */
    55. 

  55. Ext.define('Ext.grid.column.Date', {
    56. 

  56.     extend: 'Ext.grid.column.Column',
    57. 

  57.     alias: ['widget.datecolumn'],
    58. 

  58.     requires: ['Ext.Date'],
    59. 

  59.     alternateClassName: 'Ext.grid.DateColumn',
    60. 

  60. 

  61. <span id='Ext-grid-column-Date-cfg-format'>    /**
    62. 

  62. </span>     * @cfg {String} format
    63. 

  63.      * A formatting string as used by {@link Ext.Date#format} to format a Date for this Column.
    64. 

  64.      *
    65. 

  65.      * Defaults to the default date from {@link Ext.Date#defaultFormat} which itself my be overridden
    66. 

  66.      * in a locale file.
    67. 

  67.      */
    68. 

  68. 

  69.     initComponent: function(){
    70. 

  70.         if (!this.format) {
    71. 

  71.             this.format = Ext.Date.defaultFormat;
    72. 

  72.         }
    73. 

  73.         
    74. 

  74.         this.callParent(arguments);
    75. 

  75.     },
    76. 

  76.     
    77. 

  77.     defaultRenderer: function(value){
    78. 

  78.         return Ext.util.Format.date(value, this.format)
    79. 

  79.     }
    80. 

  80. });</pre>
    81. 

  81. </body>
    82. 

  82. </html>
    83.