3 The idea of this is to work out a new way for the builder to generate code
4 That is more component based..
5 -> basically the top level item would be 'extend' something... - like document body, etc..
6 and then it would render the children...
8 Changes that might need making?
10 ?? can we apply it back to the old Roo library?
12 ** builder--- needs updateing
13 ** need test for dialogs... - should be pretty similar to existing.
19 Roo.namespace('Dynamic');
21 Dynamic.Component = function(cfg)
24 var STRINGS = Dynamic.Component._strings;
28 // the values specified in the builder for this element go here...
30 //xns : Roo.bootstrap,
31 //xtype : 'Body', << not needed...
34 '|xns' : 'Roo.bootstrap',
40 '|xns' : 'Roo.bootstrap',
42 html : STRINGS['b6d4223e60986fa4c9af77ee5f7149c5'],
48 // our 'sub component here..
49 '|xns' : 'Dynamic.Component',
50 xns : Dynamic.Component,
56 '|xns' : 'Roo.bootstrap',
62 '|xns' : 'Roo.bootstrap',
64 html : STRINGS['3c0445c81a81e7508168c61674497f7d'],
70 '|xns' : 'Roo.bootstrap',
76 '|xns' : 'Roo.bootstrap',
78 html : STRINGS['b05d72142020283dc6812fd3a9bc691c'],
86 '|xns' : 'Roo.bootstrap',
92 '|xns' : 'Roo.bootstrap',
95 html : STRINGS['11268c03b59cc646b0fb7c4cb592130b'],
111 Dynamic.Component.superclass.constructor.call(this, config);
113 // we can add 'events that the extended element creates here..
124 Roo.extend(Dynamic.Component, Roo.bootstrap.Body, {
126 // methods in here...
128 '|xns' : 'Roo.bootstrap',
130 style : 'min-height: 100%;',
136 Roo.apply(Dynamic.Component, {
138 '0c83f57c786a0b4a39efab23731c7ebc' :"email",
139 '3c0445c81a81e7508168c61674497f7d' :"Sign me in",
140 'b05d72142020283dc6812fd3a9bc691c' :"I forgot my password",
141 'b6d4223e60986fa4c9af77ee5f7149c5' :"Sign in",
142 '5f4dcc3b5aa765d61d8327deb882cf99' :"password",
143 '11268c03b59cc646b0fb7c4cb592130b' :"Register a new menbership"
147 /* ------------------------------------------------------------------------------ */
150 Dynamic.Component.Form = function(cfg)
153 var STRINGS = Dynamic.Component.Form._strings;
155 // in theory you can use 'cfg.XXX to fill in values...' == eg. cfg.XXX || '10'
161 '|xns' : 'Roo.bootstrap',
162 cls : 'body bg-gray',
167 '|xns' : 'Roo.bootstrap',
168 placeholder : STRINGS['0c83f57c786a0b4a39efab23731c7ebc'],
173 '|xns' : 'Roo.bootstrap',
174 inputType : 'password',
175 placeholder : STRINGS['5f4dcc3b5aa765d61d8327deb882cf99'],
180 '|xns' : 'Roo.bootstrap',
181 boxLabel : 'Remember me',
182 cls : cfg.rememberCls,
193 Dynamic.Component.Form.superclass.constructor.call(this, cfg);
195 // we can add 'events that the extended element creates here..
204 Roo.extend(Dynamic.Component.Form, Roo.bootstrap.Form, {
206 // methods in here...
208 // default values here...
209 rememberCls : 'xxxx', // these could be configurable items.. (the UI can pick them up as optional values.)
215 Roo.apply(Dynamic.Component.Form, {
217 '0c83f57c786a0b4a39efab23731c7ebc' :"emailx",
218 '5f4dcc3b5aa765d61d8327deb882cf99' :"password",