git.roojs.org Git - roojs1/blob - docs.old/symbols/src/Roo_mailer_Column.js.html

   1 <html><head><title>../roojs1/Roo/mailer/Column.js</title><link rel="stylesheet" type="text/css" href="../../../css/highlight-js.css"/></head><body class="highlightpage"><code class="jsdoc-pretty"><span class="jsdoc-comment">/*
   2  * - LGPL
   3  *
   4  * element
   5  * &lt;!-- BEGIN TEMPLATE // --&gt;
   6                         &lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; id=&quot;templateContainer&quot;&gt;
   7                                 &lt;tr&gt;
   8                                 &lt;td align=&quot;center&quot; valign=&quot;top&quot;&gt;
   9
  10  */
  11
  12 /**
  13  * @class Roo.mailer.Column
  14  * @extends Roo.bootstrap.Component
  15  * Bootstrap Element class
  16  * @cfg {String} cls class of the element
  17  * @cfg {String} html content of body
  18  * @cfg {String} src image url
  19  * @cfg {String} column  (left|right)
  20  * @cfg {String width (100%|200|340|260)
  21  *
  22  * @constructor
  23  * Create a new Element
  24  * @param {Object} config The config object
  25  */
  26
  27 </span><span class="jsdoc-var">Roo.mailer.Column </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">config</span><span class="jsdoc-syntax">){
  28     </span><span class="jsdoc-var">Roo.mailer.Column.superclass.constructor.call</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">config</span><span class="jsdoc-syntax">);
  29 };
  30
  31 </span><span class="jsdoc-var">Roo.extend</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.mailer.Column</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">Roo.bootstrap.Component</span><span class="jsdoc-syntax">,  {
  32
  33
  34     </span><span class="jsdoc-var">cls</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">''</span><span class="jsdoc-syntax">,
  35     </span><span class="jsdoc-var">html </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">''</span><span class="jsdoc-syntax">,
  36     </span><span class="jsdoc-var">src </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">''</span><span class="jsdoc-syntax">,
  37     </span><span class="jsdoc-var">column </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'left'</span><span class="jsdoc-syntax">,
  38     </span><span class="jsdoc-var">width </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'100%'</span><span class="jsdoc-syntax">,
  39
  40     </span><span class="jsdoc-var">getAutoCreate </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
  41
  42         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">tr </span><span class="jsdoc-syntax">= {
  43             </span><span class="jsdoc-var">tag </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'tr'</span><span class="jsdoc-syntax">,
  44             </span><span class="jsdoc-var">cn </span><span class="jsdoc-syntax">: [ ]
  45         };
  46
  47
  48
  49         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">cfg </span><span class="jsdoc-syntax">=   {
  50             </span><span class="jsdoc-var">tag</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'table'</span><span class="jsdoc-syntax">,
  51             </span><span class="jsdoc-var">border </span><span class="jsdoc-syntax">: 0,
  52             </span><span class="jsdoc-var">cellpadding </span><span class="jsdoc-syntax">:20,
  53             </span><span class="jsdoc-var">cellspacing </span><span class="jsdoc-syntax">: 0,
  54             </span><span class="jsdoc-var">width </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.width</span><span class="jsdoc-syntax">,
  55             </span><span class="jsdoc-var">cn </span><span class="jsdoc-syntax">:  []
  56
  57         };
  58         </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.src </span><span class="jsdoc-syntax">!= </span><span class="jsdoc-string">''</span><span class="jsdoc-syntax">) {
  59             </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">img </span><span class="jsdoc-syntax">= {
  60                 </span><span class="jsdoc-var">tag </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'img'</span><span class="jsdoc-syntax">,
  61                 </span><span class="jsdoc-var">src </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.src</span><span class="jsdoc-syntax">,
  62                 </span><span class="jsdoc-var">cls </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'roo-m-column-image'</span><span class="jsdoc-syntax">,
  63
  64                 </span><span class="jsdoc-var">style </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'max-width: ' </span><span class="jsdoc-syntax">+ (</span><span class="jsdoc-var">this.width</span><span class="jsdoc-syntax">== </span><span class="jsdoc-string">'100%' </span><span class="jsdoc-syntax">?  </span><span class="jsdoc-string">'260' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.width </span><span class="jsdoc-syntax">) +</span><span class="jsdoc-string">'px;'
  65             </span><span class="jsdoc-syntax">};
  66             </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.width </span><span class="jsdoc-syntax">!= </span><span class="jsdoc-string">'100%' </span><span class="jsdoc-syntax">) {
  67                 </span><span class="jsdoc-var">img.width </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.width</span><span class="jsdoc-syntax">;
  68             }
  69            </span><span class="jsdoc-var">cfg.cn.push</span><span class="jsdoc-syntax">({
  70                 </span><span class="jsdoc-var">tag  </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'tr'</span><span class="jsdoc-syntax">,
  71                 </span><span class="jsdoc-var">cn </span><span class="jsdoc-syntax">: [
  72                     {
  73                         </span><span class="jsdoc-var">tag </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'td'</span><span class="jsdoc-syntax">,
  74                         </span><span class="jsdoc-var">align </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'center'</span><span class="jsdoc-syntax">,
  75                         </span><span class="jsdoc-var">valight </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'top'</span><span class="jsdoc-syntax">,
  76                         </span><span class="jsdoc-var">cls </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'roo-m-column-'</span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">this.column </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">'-content'</span><span class="jsdoc-syntax">,
  77                         </span><span class="jsdoc-var">cn </span><span class="jsdoc-syntax">: [ </span><span class="jsdoc-var">img </span><span class="jsdoc-syntax">]
  78
  79                     }
  80                 ]
  81             });
  82
  83         }
  84         </span><span class="jsdoc-var">cfg.cn.push</span><span class="jsdoc-syntax">({
  85              </span><span class="jsdoc-var">tag  </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'tr'</span><span class="jsdoc-syntax">,
  86              </span><span class="jsdoc-var">cn </span><span class="jsdoc-syntax">: [
  87                  {
  88                      </span><span class="jsdoc-var">tag </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'td'</span><span class="jsdoc-syntax">,
  89                      </span><span class="jsdoc-var">align </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'center'</span><span class="jsdoc-syntax">,
  90                      </span><span class="jsdoc-var">valight </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'top'</span><span class="jsdoc-syntax">,
  91                      </span><span class="jsdoc-var">cls </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'roo-m-column-'</span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">this.column </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">'-content roo-m-column-body'</span><span class="jsdoc-syntax">,
  92                      </span><span class="jsdoc-var">html </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.html
  93                  </span><span class="jsdoc-syntax">}
  94              ]
  95          });
  96
  97
  98         </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">cfg</span><span class="jsdoc-syntax">;
  99     },
 100     </span><span class="jsdoc-var">getChildContainer </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">()
 101     {
 102         </span><span class="jsdoc-comment">// add a child...
 103
 104         </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">this.el.select</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'.roo-m-column-body'</span><span class="jsdoc-syntax">,</span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">)</span><span class="jsdoc-var">.first</span><span class="jsdoc-syntax">();
 105     }
 106
 107
 108
 109
 110
 111 });
 112
 113
 114
 115  </span></code></body></html>