extjs - Define new xtype fields sencha touch MVC -


i have create new xtype in sencha application don't know have put code. tried create new file , add in views array in app.js doesn't work because new xtype field not view

ext.define('dynamo.field.patterntext', { extend : 'ext.field.text', xtype  : 'patterntextfield',  config : {     pattern : '[0-9]*' },  updatepattern : function(pattern) {     var component = this.getcomponent();      component.updatefieldattribute('pattern', pattern); },  initialize : function() {     this.callparent();      var component = this.getcomponent();      component.input.on({         scope   : this,         keydown : 'onkeydown'     }); },  onkeydown : function(e) {     var code = e.browserevent.keycode;      if (!(code >= 48 && code <= 57) && !(code >= 97 && code <= 105) && code !== 46 && code !== 8 && code !== 188 && code != 190) {         e.stopevent();     } }

});

usually, custom made components declared under ext.ux namespace.

you can put file anywhere want long configure ext.loader correctly:

ext.loader.setconfig({     enabled : true,     paths: {               'ext.ux' : 'js/ux'     } });

using config put of custom components in js/ux folder auto loading. particular file path js/ux/field/patterntext.js

also need use correct namespace extending field:

ext.define('ext.ux.field.patterntext', {     extend : 'ext.form.field.text',

Comments

Post a Comment

Popular posts from this blog

javascript - AngularJS custom datepicker directive -

i make custom datepicker directive custom template. but have no idea how start building it... how include date data directive? i appreciate guide or give me advice work on more precisely. it might you! follow below steps html code sample: <label>birth date</label> <input type="text" ng-model="birthdate" date-options="dateoptions" custom-datepicker/> <hr/> <pre>birthdate = {{birthdate}}</pre> <script type="text/ng-template" id="custom-datepicker.html"> <div class="enhanced-datepicker"> <div class="proxied-field-wrap"> <input type="text" ui-date-format="yy-mm-dd" ng-model="ngmodel" ui-date="dateoptions"/> </div> <label> <button class="btn" type="button"><i class="icon-calendar"></i>
Read more

javascript - jQuery date picker - Disable dates after the selection from the first date picker -

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jquery ui datepicker - default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"> <script> $(function () { $("#datepicker1").datepicker(); }); </script> <script> $(function () { $("#datepicker2").datepicker(); }); </script> </head> <body> <p>date 1: <input type="text" id="datepicker1"></p> <p>date 2: <input type="t
Read more