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">/*
5 * <!-- BEGIN TEMPLATE // -->
6 <table border="0" cellpadding="0" cellspacing="0" id="templateContainer">
8 <td align="center" valign="top">
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)
23 * Create a new Element
24 * @param {Object} config The config object
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">);
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">, {
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">,
40 </span><span class="jsdoc-var">getAutoCreate </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
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">: [ ]
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">: []
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">,
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">;
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">: [
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">]
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">: [
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">}
98 </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">cfg</span><span class="jsdoc-syntax">;
100 </span><span class="jsdoc-var">getChildContainer </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">()
102 </span><span class="jsdoc-comment">// add a child...
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">();
115 </span></code></body></html>