1fb98485b3a84dbaef54ac8372d4c5cf102405a0
[roojs1] / docs / symbols / src / Roo_bootstrap_dash_NumberBox.js.html
1 <html><head><title>../roojs1/Roo/bootstrap/dash/NumberBox.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  * numberBox
5  * 
6  */
7
8
9 /**
10  * @class Roo.bootstrap.NumberBox
11  * @extends Roo.bootstrap.Component
12  * Bootstrap NumberBox class
13  * @cfg {number} sm 4
14  * @cfg {number} md 5
15  * @cfg {String} headline
16  * @cfg {String} title
17  * @cfg {String} more info url
18  * @cfg {String} more info text
19  * @cfg {Array}  opts values
20  * 
21  * @constructor
22  * Create a new Input
23  * @param {Object} config The config object
24  */
25
26 </span><span class="jsdoc-var">Roo.bootstrap.NumberBox </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">){
27     </span><span class="jsdoc-var">Roo.bootstrap.NumberBox.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">);
28     
29     </span><span class="jsdoc-var">this.addEvents</span><span class="jsdoc-syntax">({
30         </span><span class="jsdoc-comment">// img events
31         /**
32          * @event click
33          * The img click event for the img.
34          * @param {Roo.EventObject} e
35          */
36         </span><span class="jsdoc-string">&quot;click&quot; </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">true
37     </span><span class="jsdoc-syntax">});
38 };
39
40 </span><span class="jsdoc-var">Roo.extend</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.bootstrap.NumberBox</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">Roo.bootstrap.Component</span><span class="jsdoc-syntax">,  {
41     
42     </span><span class="jsdoc-var">width</span><span class="jsdoc-syntax">: 200,
43     </span><span class="jsdoc-var">height</span><span class="jsdoc-syntax">: 150,
44     </span><span class="jsdoc-var">headline</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">''</span><span class="jsdoc-syntax">,
45     </span><span class="jsdoc-var">title</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'Title'</span><span class="jsdoc-syntax">,
46     </span><span class="jsdoc-var">more_url</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">''</span><span class="jsdoc-syntax">,
47     </span><span class="jsdoc-var">more_text</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">''</span><span class="jsdoc-syntax">,
48
49     </span><span class="jsdoc-var">getAutoCreate </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
50         
51         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">cfg </span><span class="jsdoc-syntax">= {
52             </span><span class="jsdoc-var">tag</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'div'</span><span class="jsdoc-syntax">,
53             </span><span class="jsdoc-var">cls</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">''</span><span class="jsdoc-syntax">,
54             </span><span class="jsdoc-var">html </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">,
55             </span><span class="jsdoc-var">cn</span><span class="jsdoc-syntax">: [
56             {
57                 </span><span class="jsdoc-var">tag</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'h'</span><span class="jsdoc-syntax">,
58                 </span><span class="jsdoc-var">cls</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">''</span><span class="jsdoc-syntax">,
59                 </span><span class="jsdoc-var">html</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.headline </span><span class="jsdoc-syntax">? </span><span class="jsdoc-var">this.headline </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'Headline'
60             </span><span class="jsdoc-syntax">},
61             {
62                 </span><span class="jsdoc-var">tag</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'p'</span><span class="jsdoc-syntax">,
63                 </span><span class="jsdoc-var">cls</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">''</span><span class="jsdoc-syntax">,
64                 </span><span class="jsdoc-var">html</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.title </span><span class="jsdoc-syntax">? </span><span class="jsdoc-var">this.title </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'Title'
65             </span><span class="jsdoc-syntax">},
66             {
67                 </span><span class="jsdoc-var">tag</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'div'</span><span class="jsdoc-syntax">,
68                 </span><span class="jsdoc-var">cls</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">''</span><span class="jsdoc-syntax">,
69                 </span><span class="jsdoc-var">html </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">,
70                 </span><span class="jsdoc-var">cn</span><span class="jsdoc-syntax">: [{
71                     </span><span class="jsdoc-var">tag</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'a'</span><span class="jsdoc-syntax">,
72                     </span><span class="jsdoc-var">href</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.more_url</span><span class="jsdoc-syntax">,
73                     </span><span class="jsdoc-var">cls</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">''</span><span class="jsdoc-syntax">,
74                     </span><span class="jsdoc-var">html</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.more_text
75                 </span><span class="jsdoc-syntax">}]
76
77             }]
78         }
79     
80         
81         </span><span class="jsdoc-keyword">return  </span><span class="jsdoc-var">cfg</span><span class="jsdoc-syntax">;
82     },
83
84     </span><span class="jsdoc-comment">// onRender : function(ct,position){
85     //     Roo.bootstrap.Graph.superclass.onRender.call(this,ct,position);
86                 
87     // },
88
89     // load : function(graphtype,xdata){
90     //     this.raphael.clear();
91     //     if(!graphtype) {
92     //         graphtype = this.graphtype;
93     //     }
94     //     switch(graphtype){
95     //         case 'bar':
96     //             this.raphael.barchart(this.g_x,this.g_y,this.g_width,this.g_height,xdata,this.opts);
97     //             break;
98     //         case 'hbar':
99     //             this.raphael.hbarchart(this.g_x,this.g_y,this.g_width,this.g_height,xdata,this.opts);
100     //             break;
101     //         case 'pie':
102     //             this.raphael.piechart(this.g_x,this.g_y,this.g_r,xdata,this.opts);
103     //             break;
104
105     //     }
106     // },
107     
108     </span><span class="jsdoc-var">initEvents</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">() {
109         
110         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">this.href</span><span class="jsdoc-syntax">){
111             </span><span class="jsdoc-var">this.el.on</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'click'</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.onClick</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
112         }
113     },
114     
115     </span><span class="jsdoc-var">onClick </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">)
116     {
117         </span><span class="jsdoc-var">Roo.log</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'img onclick'</span><span class="jsdoc-syntax">);
118         </span><span class="jsdoc-var">this.fireEvent</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'click'</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">);
119     }
120    
121 });
122
123  
124 </span></code></body></html>