Excellent! What's next? Want to try DateChooser/DateField? Or create a whole new package of HTML5-based controls?
On 2/19/13 1:12 PM, "p...@apache.org" <p...@apache.org> wrote: > Author: pent > Date: Tue Feb 19 21:12:14 2013 > New Revision: 1447926 > > URL: http://svn.apache.org/r1447926 > Log: > Added TextInput and TextArea for Javascript > > Added: > > flex/asjs/branches/develop/frameworks/js/FlexJS/src/org/apache/flex/html/stati > cControls/TextArea.js (with props) > > flex/asjs/branches/develop/frameworks/js/FlexJS/src/org/apache/flex/html/stati > cControls/TextInput.js (with props) > > flex/asjs/branches/develop/frameworks/js/FlexJS/src/org/apache/flex/html/stati > cControls/beads/TextAreaBead.js (with props) > > flex/asjs/branches/develop/frameworks/js/FlexJS/src/org/apache/flex/html/stati > cControls/beads/TextInputBead.js (with props) > > flex/asjs/branches/develop/frameworks/js/FlexJS/src/org/apache/flex/html/stati > cControls/beads/TextInputWithBorderBead.js (with props) > Modified: > flex/asjs/branches/develop/examples/FlexJSTest_again/MyInitialView.mxml > > Modified: > flex/asjs/branches/develop/examples/FlexJSTest_again/MyInitialView.mxml > URL: > http://svn.apache.org/viewvc/flex/asjs/branches/develop/examples/FlexJSTest_ag > ain/MyInitialView.mxml?rev=1447926&r1=1447925&r2=1447926&view=diff > ============================================================================== > --- flex/asjs/branches/develop/examples/FlexJSTest_again/MyInitialView.mxml > (original) > +++ flex/asjs/branches/develop/examples/FlexJSTest_again/MyInitialView.mxml > Tue Feb 19 21:12:14 2013 > @@ -50,7 +50,18 @@ limitations under the License. > destinationPropertyName="dataProvider" /> > </basic:beads> > </basic:List> > - <basic:Label x="50" y="210" text="Input:" /> > - <basic:TextInput id="input" x="50" y="225" /> > - <basic:TextButton text="Transfer" x="50" y="250" click="dispatchEvent(new > Event('transferClicked'))" /> > + > + > + <basic:TextArea x="320" y="25" width="150" height="75"> > + <basic:beads> > + <basic:SimpleBinding eventName="labelTextChanged" > + > sourceID="applicationModel" > + > sourcePropertyName="labelText" > + > destinationPropertyName="text" /> > + </basic:beads> > + </basic:TextArea> > + <basic:TextInput id="input" x="320" y="110" /> > + <basic:TextButton text="Transfer" x="320" y="138" > click="dispatchEvent(new Event('transferClicked'))" /> > + > + > </basic:ViewBase> > > Added: > flex/asjs/branches/develop/frameworks/js/FlexJS/src/org/apache/flex/html/stati > cControls/TextArea.js > URL: > http://svn.apache.org/viewvc/flex/asjs/branches/develop/frameworks/js/FlexJS/s > rc/org/apache/flex/html/staticControls/TextArea.js?rev=1447926&view=auto > ============================================================================== > --- > flex/asjs/branches/develop/frameworks/js/FlexJS/src/org/apache/flex/html/stati > cControls/TextArea.js (added) > +++ > flex/asjs/branches/develop/frameworks/js/FlexJS/src/org/apache/flex/html/stati > cControls/TextArea.js Tue Feb 19 21:12:14 2013 > @@ -0,0 +1,60 @@ > +/** > + * Licensed under the Apache License, Version 2.0 (the 'License'); > + * you may not use this file except in compliance with the License. > + * You may obtain a copy of the License at > + * > + * http://www.apache.org/licenses/LICENSE-2.0 > + * > + * Unless required by applicable law or agreed to in writing, software > + * distributed under the License is distributed on an 'AS IS' BASIS, > + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. > + * See the License for the specific language governing permissions and > + * limitations under the License. > + */ > + > +goog.provide('org.apache.flex.html.staticControls.TextArea'); > + > +goog.require('org.apache.flex.core.UIBase'); > + > +/** > + * @constructor > + * @extends {org.apache.flex.core.UIBase} > + */ > +org.apache.flex.html.staticControls.TextArea = function() { > + org.apache.flex.core.UIBase.call(this); > +}; > +goog.inherits( > + org.apache.flex.html.staticControls.TextArea, org.apache.flex.core.UIBase > +); > + > +/** > + * @override > + * @this {org.apache.flex.html.staticControls.TextArea} > + * @param {Object} p The parent element. > + */ > +org.apache.flex.html.staticControls.TextArea.prototype.addToParent = > + function(p) { > + this.element = document.createElement('textarea'); > + > + p.appendChild(this.element); > + > + this.positioner = this.element; > +}; > + > +/** > + * @expose > + * @this {org.apache.flex.html.staticControls.TextArea} > + * @return {string} The text getter. > + */ > +org.apache.flex.html.staticControls.TextArea.prototype.get_text = function() > { > + return this.element.value > +}; > + > +/** > + * @expose > + * @this {org.apache.flex.html.staticControls.TextArea} > + * @param {string} value The text setter. > + */ > +org.apache.flex.html.staticControls.TextArea.prototype.set_text = > function(value) { > + this.element.value = value; > +}; > > Propchange: > flex/asjs/branches/develop/frameworks/js/FlexJS/src/org/apache/flex/html/stati > cControls/TextArea.js > ------------------------------------------------------------------------------ > svn:eol-style = native > > Added: > flex/asjs/branches/develop/frameworks/js/FlexJS/src/org/apache/flex/html/stati > cControls/TextInput.js > URL: > http://svn.apache.org/viewvc/flex/asjs/branches/develop/frameworks/js/FlexJS/s > rc/org/apache/flex/html/staticControls/TextInput.js?rev=1447926&view=auto > ============================================================================== > --- > flex/asjs/branches/develop/frameworks/js/FlexJS/src/org/apache/flex/html/stati > cControls/TextInput.js (added) > +++ > flex/asjs/branches/develop/frameworks/js/FlexJS/src/org/apache/flex/html/stati > cControls/TextInput.js Tue Feb 19 21:12:14 2013 > @@ -0,0 +1,61 @@ > +/** > + * Licensed under the Apache License, Version 2.0 (the 'License'); > + * you may not use this file except in compliance with the License. > + * You may obtain a copy of the License at > + * > + * http://www.apache.org/licenses/LICENSE-2.0 > + * > + * Unless required by applicable law or agreed to in writing, software > + * distributed under the License is distributed on an 'AS IS' BASIS, > + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. > + * See the License for the specific language governing permissions and > + * limitations under the License. > + */ > + > +goog.provide('org.apache.flex.html.staticControls.TextInput'); > + > +goog.require('org.apache.flex.core.UIBase'); > + > +/** > + * @constructor > + * @extends {org.apache.flex.core.UIBase} > + */ > +org.apache.flex.html.staticControls.TextInput = function() { > + org.apache.flex.core.UIBase.call(this); > +}; > +goog.inherits( > + org.apache.flex.html.staticControls.TextInput, > org.apache.flex.core.UIBase > +); > + > +/** > + * @override > + * @this {org.apache.flex.html.staticControls.TextInput} > + * @param {Object} p The parent element. > + */ > +org.apache.flex.html.staticControls.TextInput.prototype.addToParent = > + function(p) { > + this.element = document.createElement('input'); > + this.element.setAttribute('type', 'input'); > + > + p.appendChild(this.element); > + > + this.positioner = this.element; > +}; > + > +/** > + * @expose > + * @this {org.apache.flex.html.staticControls.TextInput} > + * @return {string} The text getter. > + */ > +org.apache.flex.html.staticControls.TextInput.prototype.get_text = function() > { > + return this.element.value > +}; > + > +/** > + * @expose > + * @this {org.apache.flex.html.staticControls.TextInput} > + * @param {string} value The text setter. > + */ > +org.apache.flex.html.staticControls.TextInput.prototype.set_text = > function(value) { > + this.element.value = value; > +}; > > Propchange: > flex/asjs/branches/develop/frameworks/js/FlexJS/src/org/apache/flex/html/stati > cControls/TextInput.js > ------------------------------------------------------------------------------ > svn:eol-style = native > > Added: > flex/asjs/branches/develop/frameworks/js/FlexJS/src/org/apache/flex/html/stati > cControls/beads/TextAreaBead.js > URL: > http://svn.apache.org/viewvc/flex/asjs/branches/develop/frameworks/js/FlexJS/s > rc/org/apache/flex/html/staticControls/beads/TextAreaBead.js?rev=1447926&view= > auto > ============================================================================== > --- > flex/asjs/branches/develop/frameworks/js/FlexJS/src/org/apache/flex/html/stati > cControls/beads/TextAreaBead.js (added) > +++ > flex/asjs/branches/develop/frameworks/js/FlexJS/src/org/apache/flex/html/stati > cControls/beads/TextAreaBead.js Tue Feb 19 21:12:14 2013 > @@ -0,0 +1,29 @@ > +/** > + * Licensed under the Apache License, Version 2.0 (the 'License'); > + * you may not use this file except in compliance with the License. > + * You may obtain a copy of the License at > + * > + * http://www.apache.org/licenses/LICENSE-2.0 > + * > + * Unless required by applicable law or agreed to in writing, software > + * distributed under the License is distributed on an 'AS IS' BASIS, > + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. > + * See the License for the specific language governing permissions and > + * limitations under the License. > + */ > + > +goog.provide('org.apache.flex.html.staticControls.beads.TextAreaBead'); > + > +goog.require('org.apache.flex.FlexObject'); > + > +/** > + * @constructor > + * @extends {org.apache.flex.FlexObject} > + */ > +org.apache.flex.html.staticControls.beads.TextAreaBead = function() { > + org.apache.flex.FlexObject.call(this); > +}; > +goog.inherits( > + org.apache.flex.html.staticControls.beads.TextAreaBead, > + org.apache.flex.FlexObject > +); > > Propchange: > flex/asjs/branches/develop/frameworks/js/FlexJS/src/org/apache/flex/html/stati > cControls/beads/TextAreaBead.js > ------------------------------------------------------------------------------ > svn:eol-style = native > > Added: > flex/asjs/branches/develop/frameworks/js/FlexJS/src/org/apache/flex/html/stati > cControls/beads/TextInputBead.js > URL: > http://svn.apache.org/viewvc/flex/asjs/branches/develop/frameworks/js/FlexJS/s > rc/org/apache/flex/html/staticControls/beads/TextInputBead.js?rev=1447926&view > =auto > ============================================================================== > --- > flex/asjs/branches/develop/frameworks/js/FlexJS/src/org/apache/flex/html/stati > cControls/beads/TextInputBead.js (added) > +++ > flex/asjs/branches/develop/frameworks/js/FlexJS/src/org/apache/flex/html/stati > cControls/beads/TextInputBead.js Tue Feb 19 21:12:14 2013 > @@ -0,0 +1,29 @@ > +/** > + * Licensed under the Apache License, Version 2.0 (the 'License'); > + * you may not use this file except in compliance with the License. > + * You may obtain a copy of the License at > + * > + * http://www.apache.org/licenses/LICENSE-2.0 > + * > + * Unless required by applicable law or agreed to in writing, software > + * distributed under the License is distributed on an 'AS IS' BASIS, > + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. > + * See the License for the specific language governing permissions and > + * limitations under the License. > + */ > + > +goog.provide('org.apache.flex.html.staticControls.beads.TextInputBead'); > + > +goog.require('org.apache.flex.FlexObject'); > + > +/** > + * @constructor > + * @extends {org.apache.flex.FlexObject} > + */ > +org.apache.flex.html.staticControls.beads.TextInputBead = function() { > + org.apache.flex.FlexObject.call(this); > +}; > +goog.inherits( > + org.apache.flex.html.staticControls.beads.TextInputBead, > + org.apache.flex.FlexObject > +); > > Propchange: > flex/asjs/branches/develop/frameworks/js/FlexJS/src/org/apache/flex/html/stati > cControls/beads/TextInputBead.js > ------------------------------------------------------------------------------ > svn:eol-style = native > > Added: > flex/asjs/branches/develop/frameworks/js/FlexJS/src/org/apache/flex/html/stati > cControls/beads/TextInputWithBorderBead.js > URL: > http://svn.apache.org/viewvc/flex/asjs/branches/develop/frameworks/js/FlexJS/s > rc/org/apache/flex/html/staticControls/beads/TextInputWithBorderBead.js?rev=14 > 47926&view=auto > ============================================================================== > --- > flex/asjs/branches/develop/frameworks/js/FlexJS/src/org/apache/flex/html/stati > cControls/beads/TextInputWithBorderBead.js (added) > +++ > flex/asjs/branches/develop/frameworks/js/FlexJS/src/org/apache/flex/html/stati > cControls/beads/TextInputWithBorderBead.js Tue Feb 19 21:12:14 2013 > @@ -0,0 +1,29 @@ > +/** > + * Licensed under the Apache License, Version 2.0 (the 'License'); > + * you may not use this file except in compliance with the License. > + * You may obtain a copy of the License at > + * > + * http://www.apache.org/licenses/LICENSE-2.0 > + * > + * Unless required by applicable law or agreed to in writing, software > + * distributed under the License is distributed on an 'AS IS' BASIS, > + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. > + * See the License for the specific language governing permissions and > + * limitations under the License. > + */ > + > +goog.provide('org.apache.flex.html.staticControls.beads.TextInputWithBorderBe > ad'); > + > +goog.require('org.apache.flex.FlexObject'); > + > +/** > + * @constructor > + * @extends {org.apache.flex.FlexObject} > + */ > +org.apache.flex.html.staticControls.beads.TextInputWithBorderBead = > function() { > + org.apache.flex.FlexObject.call(this); > +}; > +goog.inherits( > + org.apache.flex.html.staticControls.beads.TextInputWithBorderBead, > + org.apache.flex.FlexObject > +); > > Propchange: > flex/asjs/branches/develop/frameworks/js/FlexJS/src/org/apache/flex/html/stati > cControls/beads/TextInputWithBorderBead.js > ------------------------------------------------------------------------------ > svn:eol-style = native > > -- Alex Harui Flex SDK Team Adobe Systems, Inc. http://blogs.adobe.com/aharui
