src/tree/Column.js

   1 /**
   2  * @class Ext.tree.Column
   3  * @extends Ext.grid.column.Column
   4  *
   5  * Provides indentation and folder structure markup for a Tree taking into account
   6  * depth and position within the tree hierarchy.
   7  *
   8  * @private
   9  */
  10 Ext.define('Ext.tree.Column', {
  11     extend: 'Ext.grid.column.Column',
  12     alias: 'widget.treecolumn',
  13
  14     initComponent: function() {
  15         var origRenderer = this.renderer || this.defaultRenderer,
  16             origScope    = this.scope || window;
  17
  18         this.renderer = function(value, metaData, record, rowIdx, colIdx, store, view) {
  19             var buf   = [],
  20                 format = Ext.String.format,
  21                 depth = record.getDepth(),
  22                 treePrefix  = Ext.baseCSSPrefix + 'tree-',
  23                 elbowPrefix = treePrefix + 'elbow-',
  24                 expanderCls = treePrefix + 'expander',
  25                 imgText     = '<img src="{1}" class="{0}" />',
  26                 checkboxText= '<input type="button" role="checkbox" class="{0}" {1} />',
  27                 formattedValue = origRenderer.apply(origScope, arguments),
  28                 href = record.get('href'),
  29                 target = record.get('hrefTarget');
  30
  31             while (record) {
  32                 if (!record.isRoot() || (record.isRoot() && view.rootVisible)) {
  33                     if (record.getDepth() === depth) {
  34                         buf.unshift(format(imgText,
  35                             treePrefix + 'icon ' +
  36                             treePrefix + 'icon' + (record.get('icon') ? '-inline ' : (record.isLeaf() ? '-leaf ' : '-parent ')) +
  37                             (record.get('iconCls') || ''),
  38                             record.get('icon') || Ext.BLANK_IMAGE_URL
  39                         ));
  40                         if (record.get('checked') !== null) {
  41                             buf.unshift(format(
  42                                 checkboxText,
  43                                 (treePrefix + 'checkbox') + (record.get('checked') ? ' ' + treePrefix + 'checkbox-checked' : ''),
  44                                 record.get('checked') ? 'aria-checked="true"' : ''
  45                             ));
  46                             if (record.get('checked')) {
  47                                 metaData.tdCls += (' ' + Ext.baseCSSPrefix + 'tree-checked');
  48                             }
  49                         }
  50                         if (record.isLast()) {
  51                             if (record.isLeaf() || (record.isLoaded() && !record.hasChildNodes())) {
  52                                 buf.unshift(format(imgText, (elbowPrefix + 'end'), Ext.BLANK_IMAGE_URL));
  53                             } else {
  54                                 buf.unshift(format(imgText, (elbowPrefix + 'end-plus ' + expanderCls), Ext.BLANK_IMAGE_URL));
  55                             }
  56
  57                         } else {
  58                             if (record.isLeaf() || (record.isLoaded() && !record.hasChildNodes())) {
  59                                 buf.unshift(format(imgText, (treePrefix + 'elbow'), Ext.BLANK_IMAGE_URL));
  60                             } else {
  61                                 buf.unshift(format(imgText, (elbowPrefix + 'plus ' + expanderCls), Ext.BLANK_IMAGE_URL));
  62                             }
  63                         }
  64                     } else {
  65                         if (record.isLast() || record.getDepth() === 0) {
  66                             buf.unshift(format(imgText, (elbowPrefix + 'empty'), Ext.BLANK_IMAGE_URL));
  67                         } else if (record.getDepth() !== 0) {
  68                             buf.unshift(format(imgText, (elbowPrefix + 'line'), Ext.BLANK_IMAGE_URL));
  69                         }
  70                     }
  71                 }
  72                 record = record.parentNode;
  73             }
  74             if (href) {
  75                 formattedValue = format('<a href="{0}" target="{1}">{2}</a>', href, target, formattedValue);
  76             }
  77             return buf.join("") + formattedValue;
  78         };
  79         this.callParent(arguments);
  80     },
  81
  82     defaultRenderer: function(value) {
  83         return value;
  84     }
  85 });