javascript - Overriding existing mapping in ExtJS 5.1.1 -


i creating viewport class , includes 3 items inside; header 'container.container' base class, grid 'grid.panel' , form form.panel.

the problem extjs overrides header created , renders 'grid panel'; guess contains smaller 'header' inside panel , gives errors:

[w] overriding existing mapping: 'widget.header' 'ext.panel.header' 'employee.view.mainheader'. intentional? [w] overriding existing mapping: 'widget.gridpanel' 'ext.grid.panel' 'employee.view.gridpanel'. intentional?

this how like! grid have not define alias neither header class nor gridpanel. gave xtype property thats all. why happen?

thank you?

here header:

ext.define('employee.view.mainheader', {     extend: 'ext.container.container',     xtype: 'header',     requires: [         'ext.button.button',         'ext.form.field.text'      ],     layout: {         type: 'hbox',         align: 'center'     },     initcomponent: function() {         var me = this;         ext.apply(me, {             items: [{                 xtype: 'container',                 width: 600,                 padding: 5,                 items: [{                     xtype: 'image',                     height: 95,                     width: 95,                     src: 'https://openclipart.org/image/2400px/svg_to_png/69109/free-culture-logo-orange.png'                    }]             }, {                 xtype: 'container',                 cls: 'search',                 items: [{                     xtype: 'textfield',                     width: 350                 }, {                     xtype: 'button',                     text: 'search',                     handler: function () {                         alert('this search feature!');                     }                 }]             }]         });         me.callparent(arguments);     }  });

and gridpanel:

ext.define('employee.view.gridpanel', {     extend: 'ext.grid.panel',     xtype: 'gridpanel',     store: 'employeestr',     title: 'orest employee table',     viewconfig: {         markdirty: false,         striperows: false     },     initcomponent: function () {         var me = this;         ext.apply(me, {             tools: [{                 type: 'refresh',                 tooltip: 'refresh db',                 handler: function () {alert('refresh click');}             }],             columns: [{                 xtype: 'numbercolumn',                 dataindex: 'id',                 flex: 0,                 text: 'id'             }, {                 xtype: 'gridcolumn',                 dataindex: 'code',                 flex: 1,                 text: 'code'             }, {                 xtype: 'gridcolumn',                 dataindex: 'firstname',                 flex: 1,                 text: 'first name'             }, {                 xtype: 'gridcolumn',                 dataindex: 'lastname',                 flex: 1,                 text: 'last name'             }, {                 xtype: 'gridcolumn',                 dataindex: 'email',                 flex: 1,                 text: 'email'             }, {                 xtype: 'gridcolumn',                 dataindex: 'active',                 flex: 0,                 text: 'status'             }],             dockeditems: [{                 xtype: 'pagingtoolbar',                 store: 'employeestr',                 dock: 'bottom',                 displayinfo: true             }]         });         me.callparent(arguments);     } });

it seems overwrite via xtype settings (gridpanel, header) predefined aliases defined extjs.

take @ source code of e.g. extjs gridpanel:

...     alias: ['widget.gridpanel', 'widget.grid'] ...

the warning should gone if define other names xtype should anyway in order distinguish between components , thos eprovided extjs.


Comments

Post a Comment

Popular posts from this blog

php - Vagrant up error - Uncaught Reflection Exception: Class DOMDocument does not exist -

i've set bento/ubuntu-16.04 vagrant box using php 5.6, , getting following error quite few times when try , run shell script: "uncaught reflection exception: class domdocument not exist". i've tried adding following top of script (not together), each no success: "sudo apt-get install php5.6-xml", "sudo apt-get install php5-xml", "sudo apt-get install php-dom" i've tried resetting server "sudo service apache2 restart". does have suggestions?
Read more

vue.js - Create hooks for automated testing -

Image
qa guys complained can't automate frontend testing. because our html looks same outside. lazy hack did this <template> <div :role="$options.name"> ... </div> </template> <script> export default { name: 'vmcomponentname' } </script> which takes name script , applies html. in browser get: <div role="vmcomponentname"> ... </div> line :role="$options.name" goes in every component. is there dry er solutions? please share. additional details i'll explain in details looking for. imagine have vmusercreate form creates user. test case can create user . to automatically test without role, have use following selector: .wrapper > .wrapper > .wrapper > .submit-button the test extremely brittle (will break lot). if use roles can use [role="vmusercreateform"] .submit-button selector. many folds less brittle. so basically, i'm ...
Read more

Add new key value to json node in java -

i have json file : { "id":1, "name":"abc", "addressdetails": { "city":"newyork" } } i wanted add 1 more key-value ("pincode" : "414141") node 'addressdetails'. i tried using : objectmapper mapper = new objectmapper(); jsonnode root = mapper.readtree(new file("d://test.json")); objectnode node = mapper.createobjectnode(); node.with("addressdetails").put("pincode", "414141"); but it's not getting added, there way can ? you can try you should modify file path objectmapper mapper = new objectmapper(); objectnode nodes = mapper.readvalue(new file("d:\\test.txt"), objectnode.class); nodes.with("addressdetails").put("pincode", "414141"); mapper.writer().writevalue(new file("d:\\test.txt"), nodes);
Read more