extjs5 , Extjs5 Uncaught TypeError: Cannot read property 'metaData' of null


Extjs5 Uncaught TypeError: Cannot read property 'metaData' of null

Question:

Tag: extjs5

Uncaught TypeError: Cannot read property 'metaData' of null

I moved from Ext4 to 5 and this error came while trying to load data ftom a treestore.Any Ideas?


Answer:

Ext.define(TreeSearchProxy, { extend: 'Ext.data.proxy.Ajax', alias: 'proxy.treesearchproxy', requires: [ TreeSearchResultsReader ], reader: 'treesearchreader', url : eaxies.util.Globals.ServletName, simpleSortMode : true, extraParams :{ ActionID: eaxies.util.Globals.ServletActions.RetrieveTreeSearchResults, query: null, dioikitikidiairesi: null, elementId: null, originalElementId: null, expandedNodeIds: null } });enter code here


Related:


How to maintain state of page with tabs on browser refresh


extjs,single-page-application,extjs5,browser-refresh
In ExtJs, what is the best way to handle Browser refresh? Say, I've a page with two tabs A and B and the token when tab A is active is #mytoken/:someidforA and the token when tab B is actibe is #mytoken/:someidforB How do we ensure that the page stays in...

ExtJS 5: SyntaxError: expected expression, got '}' using Ext.panel.Panel


javascript,extjs,extjs5
I created a simple Panel using ExtJS 5.0.1, but dont work. Every time i get the error SyntaxError: expected expression, got '}' var anchura = windowWidth; anchura *= 0.970; anchura += 1; var altura = windowHeight; altura *= 0.98; panel = new Ext.panel.Panel({ id:'ventana', autoScroll:true, height: altura, width: anchura, title:...

ViewController: create window


extjs,viewcontroller,extjs5
In ExtJS4 it was possible to do in a Controller: Ext.define('App.controller.Main', { extend: 'Ext.app.Controller', views: ['App.view.SampleWindow'], refs: [{ ref: 'sampleWindow', xtype: 'samplewindow', autoCreate: true }], init: function(application) { var win = me.getSampleWindow(); win.show(); } }); How can I accomplish this in a ViewController? The Viewcontroller has no refs property. And...

ExtJS Tree panel not show elements correctly


javascript,json,extjs,extjs5
I'm creating a tree panel with data from a JSON file, when I expand a categorie shows elements correctly but if i expand another categorie the elements opened desappier, this happens with all elements in the expand and contract event. Here are a pictures of the behaviour Fist expand event:...

Aceess extjs viewmodel store in view


extjs,extjs4,extjs-mvc,extjs5
How do I access and set store defined inside the viewmodel? I could able to set store created outside the viewmodel. But I want to keep the store inside the viewmodel and set that store in view for the grid. View Ext.define('MyApp.view.sample.Sample', { extend: 'Ext.panel.Panel', requires: [ 'MyApp.view.sample.SampleController', 'MyApp.view.sample.SampleModel' ],...

extjs 5 parsing json in store


javascript,json,extjs5
I am using a reader in a store to parse a json response: { "results": 2, "errors": "", "success": true, "data": [{ "list": [{ "code": "123456", "otherCode": "Y" }, {"code": "369852", "otherCode": "G" }], "failedHost": false, "hostMessage": "", "hostReturnCode": 0 } ]} And this is my store: var gridStore =...

ExtJS 5: Complex grid data - set column editor value


extjs,extjs5,roweditor
I have "complex" data--meaning there are associations in my data--and I'm trying to use these associations in my grid. I create the columns based on some of the data, and because the data is nested in an array, I set a renderer for each column... I also set an editor....

How to add custom CSS to view?


extjs,extjs5
I am building an application in ExtJS 5.1 using Sencha Cmd. I have the following view, located on /Web/app/app/view/guard/apps/Launcher.js: Ext.define('Web.view.guard.apps.Launcher', { extend: 'Ext.button.Button', xtype: 'widget.applauncher', scale: 'large', border: false, icon: 'http://upload.wikimedia.org/wikipedia/commons/a/ac/Approve_icon.svg', iconAlign: 'top', iconCls: 'squareImg', bodyCls: 'launcher', handler : function() { var app = Ext.create('Web.view.desktop.window.Window', { title : this.text });...

ExtJS 5 textfield bug (Chrome)


extjs,extjs5
I create simple application with window and 3 field: Fiddle Link (Use Chrome) When I enter a value in the field, it looks fine. But when I change the focus,text in field moves down. All fields work similarly. After click on trigger (if field has it) text looks fine. This...

Uncaught TypeError: binding.destroy is not a function in ExtJs 5


javascript,extjs,mixins,extjs5,bindable
I am using Ext.util.StoreHolder mixin in my extjs 5.1 view.I found problem with Ext.destroy() method which throws error while destroying view having bindable mixin Ext.util.StoreHolder. I can not destroy that view, it giving me error Uncaught TypeError: binding.destroy is not a function at Ext.define.privates.removeBindings My view is using mixin: mixins:...

execute function using Ext.Loader.setConfig with ExtJS


javascript,extjs,extjs5
Im trying to create a path with ExtJS using Ext.Loader.setConfig, im following the example from Api Docs but every time i try to execute the method holaMundo not works and not show any error. This is the code of NombreClase.js in js/pruebapath/miprueba/ Ext.define('js.pruebapath.miprueba.NombreClase', { constructor : function () { return...

How to redraw or repaint surface in ExtJS5?


javascript,extjs,extjs5
I define a drawing panel and some components which are connected each other with SVG paths. I need to redraw connection paths on surface when moving components. there is my drawing panel { xtype : 'panel', flex : 5, split : true, region : 'center', plain : true, itemId :...

Sencha extjs 5.0.1: messagebox rtl on move it moves in the opposite direction


extjs,messagebox,right-to-left,extjs5
I upgraded from Extjs 5.0 to 5.0.1, Then I noticed that the message box moves to the wrong direction (away from the mouse) if the viewport rtl is set to true. Any help?...

ExtJS 5. include panel inside a div with renderTo


javascript,extjs,extjs5
Using ExtJS 5.0.1 i created an Ext.panel.Panel and im trying to show inside a panel with id="contenedor" but never displays. <%@page contentType="text/html" pageEncoding="UTF-8"%> <%@page language="java"%> <%@taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%> <%@taglib uri="/WEB-INF/struts-html.tld" prefix="html"%> <%@taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"%> <%@taglib uri="/WEB-INF/c.tld" prefix="c"%> <html> <head> <html:base /> <title><bean:message...

Cannot read property 'removeCls' of null for tagfield in ExtJS 5


javascript,extjs,extjs4,extjs5
I'm upgrading my ExtJs application form 4 to 5.1 . Initially I was using boxselect component from UX, but in ExtJS 5.1 this component come in core Ext directory. So I removed boxselect and replaced with tagfield as said in up gradation guide. But after doing this I start getting...

Extjs can't access store by 'setRootVisible' error


extjs,extjs5
When I used a tree example from Extjs Kitchen Sink 5 to make my own tree. I will get a 'setRootVisible' error like this: Uncaught TypeError: Cannot read property 'setRootVisible' of undefined I used this example from kitchen sink: Sencha Kitchen Sink Viewpanel: Ext.define('app.view.dashboard.widget.Tree', { extend: "Ext.panel.Panel", xtype: 'tree', requires:...

How to display nested objects in a GridPanel in ExtJS (and Sencha architect)?


javascript,extjs,extjs5,sencha-architect,extjs-grid
I've got an incoming array of Offering objects that looks like this: [{ "id" : 16, "price" : 500, "quantity" : 2000, "denomination" : "case", "denominationPlural" : "cases", "product" : { "id" : 14, "description" : "This is the text description for product 14." } }, { "id" : 18,...

ExtJS Find the id of an element


javascript,extjs,extjs5
I have an app with the MVC model, in the view I create a slider with the listeners, but I want that the listeners are in the controller class, and I want to get the id of the element, but it is generated by a variable from a tree panel.......

ExtJS5 Store filter “Uncaught TypeError: Cannot read property 'get' of undefined”


extjs,extjs5
I'm using the gpl version of extjs5.1.1 without sencha cmd. In my application a Grid displays correctly a Store. In the window, there is a checkbox wich code is : { xtype : 'checkbox', itemId : 'employeeFilter', value : false, boxLabel : 'Show inaktiv users', margin : '0 5 0...

How can addCls to Button with ViewModel binding in ExtJS5


javascript,extjs,mvvm,extjs5
I want to change css class after binding. Is it possible in ExtJS5? I added to comments. fiddle: https://fiddle.sencha.com/#fiddle/olc...

autoscroll is not working on Tree Panel


javascript,extjs,scroll,extjs5,treepanel
I try to add scrollbar to the tree panel but even if I add the autoscroll : true it doesn't scroll. here is the panel : Ext.create('Ext.tree.Panel', { title: 'asdasd', autoscroll:true, store: store, rootVisible: false, }); And also, i show this panel on new window....

ExtJS Put link in tree column of a tree panel


javascript,extjs,tree,extjs5
I want to put a link in a tree column from a tree panel, actually i can put the link that i want in the column but the link appears with a folder and the checkbox that i have in the other column, my question is how can delete this...

Ext.form.Panel, Ext 5, Align Labels and Fields


javascript,extjs,extjs5
I am utilizing an Ext.form.Panel, it's configurations are as follows: defaultType : 'textfield', layout : 'auto', height : '60%', width : '40%', floating : true, modal : true, renderTo : Ext.getBody(), closeAction : 'destroy', // default; invoked via the .close() method Within this form, I have a number of textfield...

Ext JS Dashboard Layout and maximize/minimize panels


extjs,layout,dashboard,extjs5,panels
I'm attaching a picture with the mock up that I'm trying to develop with Ext JS. I'm using a Border layout, and then a Dashboard for the central part, however I see some limitations on it: Panels in the dashboard don't have minimize or maximize button. How can I implement...

SPRING MVC: recieving object with empty attributes in a post Method using @RequestBody


java,rest,spring-mvc,jackson,extjs5
I try to send a json Object to a Rest Service. The problem is that I recieve the object with empty attributes The rest Service: @RequestMapping(value = "/retrieve_combo_values", consumes="application/json", method = RequestMethod.POST) public List<ComboValueDTO> retrieveValuesForCombo(@RequestBody ElementDTO element) throws Exception { return service.retrieveValuesForCombo(element); } ElementDTO: public class ElementDTO implements Serializable {...

Using ExtJs Grid on existing HTML page


extjs,extjs5
I need to create a grid on my HTML page. I am able to do that but the whole process made me to include the complete Ext sdk folder in my solution which made my application size considerable. I do not want to make use of everything nor does my...

ExtJS 5.1: Binding record value to component property


extjs,mvvm,data-binding,extjs5
Let's say I've got a ViewController, ViewModel, and my View. In the View, I've got a form panel that gets a loaded record. When this record loads into the form, I want to hide or show a button based on the record's status field, so I figured do something with...

RowExpander for duplicate records in Extjs


extjs,extjs5
I have a grid in Extjs and I want to add rowExpander on a condition, The condition is: If there is more than one record with same ID in store, then only one record will be visible in grid, but a rowExpander(plus icon) will be added with the record, And...

Set ViewModel data value from inside timeout doesn't update the View


extjs,extjs5
I need to update my ViewModel data from inside a setTimeout callback function, but it doesn't work. It looks like I'm running into a problem similar to what happens when I need to update data value in Angular outside Angular and then need to call $scope.apply(), but in ExtJS' way....

Hide checkboxes on parent nodes in a treepanel with selModel (selType:checkboxmodel)


javascript,extjs,extjs5
In a ExtJs app i want to hide or delete the checkboxes in the parent node from a treepanel, i mean there are any way to hide the check of a principal categorie and only put in the child nodes? and put a radiobutton in these child nodes; I'm using...

ExtJS 5 - Customize Icon for selectedItem in a ComboBox


extjs,extjs5
I have a combobox that is by default having some selection which is highlighted in ExtJS framework. Along with that i also would like to add a smiley gif image for the selected item. Tried changing the style for the "x-boundlist-item" and "x-boundlist-item-selected" classes but nothing seems to be working...

ExtJS 5 html in combo inputfield


extjs,extjs5
I have a combobox with html values. Selected value in inputfield displaying with html tags: Fiddle here How to display value without html tags? Thanks....

ExtJS: What are the only required files for grid?


extjs,extjs5
I have a .net application in which I have used ExtJS grid on only one page. I have included the complete EXT folder in my application that has increased the application size to a considerable amount. I am populating the grid in Ext.onready function and currently the requirement of ExtJS...

Ext JS 5 Data Binding Combobox


extjs,mvvm,binding,extjs5
I have an Ext JS 5.0.1 application that I am working on. I have a simple window with a grid and a form. I have the grid bound to my store and when a row is selected, all the textfields in the form bind, but I also have a combobox...

ExtJS Remove item of a store


javascript,extjs,extjs5
In a extjs app I have a tree panel that reads an json file, in the tree panel i have a check box that execute an action, additionally I save the checked element in a grid panel of a tab panel... I want to remove any element of the store...

Put a slider on each record from a tree panel extjs 5.1


javascript,jquery,extjs,extjs5
I have a tree panel with data, and i want to add a slider with a rigthclick by a event, but the slider doesn't appear. This is the code: Tree: var tree = Ext.create('Ext.tree.Panel', { title: '', width: 500, height: 400, //renderTo: Ext.getBody(), reserveScrollbar: true, loadMask: true, useArrows: true, rootVisible:...

ComboBox in IE 10/11 be focus


internet-explorer,extjs5
Ext version: 5.1.0.107 Browser: IE 10/11 While i create a ComboBox with a value, the ComboBox will be focus after it was rendered. demo: http://ift.tt/1326fZR How can i resolve this problem?...

Extjs5 Textarea Resizing


resize,textarea,extjs5
I have the following form defined: Ext.define('Admin.view.messaging.MsgDataForm',{ extend: 'Ext.window.Window', xtype: 'msgdataform', title: 'Compose Practice Message', defaultFocus: '[name=subject]', modal: true, layout: 'fit', closable: false, width: 700, items: [{ xtype: 'form', layout: 'anchor', fieldDefaults: {labelWidth: 60,labelAlign: 'right',anchor: '100%'}, padding: 10, items: [{ xtype: 'fieldcontainer', layout: 'hbox', fieldLabel: 'Date', items: [{ xtype: 'datefield',...

ExtJS 5: Understanding Ext.data.field.Field.reference config properties


extjs,extjs5
I'm trying to understand what the Ext.data.field.Field.reference configs do, as the names are a little awkward. What I'm trying to do is have data that looks like this: [{ name: 'Mulder', state: 'Virginia', friends: [{ name: 'Scully', type: 'partner' }, { name: 'Smoking Man', type: 'dad' }] }] And digest...

Updating ExtJS Button Bound to Formula when Record's Data Changes


javascript,extjs,extjs5
I have a button and a treepanel in Ext JS 5.1.0.107. A formula determines if the button is disabled, and that formula is bound to a treepanel's selection. The button should only be enabled when the selected node is a branch and node.get("ID") has a value. The code below works...

ExtJS 5 - Download file from POST servlet request


javascript,extjs,extjs4,ria,extjs5
I have trying to implement the export functionality in ExtJS 5 using form submit method. And I had look at the following stackoverflow link, it helps but not fully. Extjs 4 downloading a file returned from a post request In my case i facing an issue after the request response...

ExtJS Load local json file into tree panel


javascript,json,extjs,extjs5
I want to do a tree that load information from a json local file, with the code that i have the tree load the node parent but the child node doesn't load, is something missing in my code? Model: Ext.define('modeloCapa', { extend: 'Ext.data.Model', fields: ['nombre', 'capas', 'capa'] }); Store: var...

Testing Sencha-Cmd using Jasmine


unit-testing,extjs,extjs4,extjs5,sencha-cmd
I have found several links to test Sencha-cmd app but none of them is working for me. Jasmine with Extjs For Unit Tetsing Step Guide for Unit Testing ExtJS Application But none of them is working. Is there any good workinf example for Sencha-Cmd application. Kindly help.

How do I add a panel to a specific column of a dashboard?


javascript,extjs,dashboard,extjs-mvc,extjs5
I have an Ext.dashboard.Dashboard component. I am trying to add a panel to a specific column of the dashboard. dashboard.addView(view) works great for adding a panel to the dashboard, but it only adds it to the bottom of first column. I want to be able to add a panel to...

Extjs How to load a JSON folder structure into a tree?


javascript,json,extjs,extjs5
I'm trying to create a Extjs tree with JSON data. The data I want to load into the tree contains a folder structure. But when I trie to load the data into the tree, it doesn't show anything. I have checked the json code here (JSONLint) on errors but everythin...

change button text color in ExtJS


javascript,css,css3,extjs,extjs5
I need to change text color of my button. I defined a css class like; .mbutton{ background:transparent; color:red; border:none; } and button definition is here; Ext.create('Ext.Button', { renderTo: Ext.getBody(), text: 'Red text', cls:'mbutton' }); fiddle: https://fiddle.sencha.com/#fiddle/olj...

ExtJS 5.1: Setting default ComboBox value using MVVM store


extjs,combobox,extjs5
In my ViewModel, I create an inline data store for a ComboBox that I bind to in the View. The problem that I'm having is setting a default value for the ComboBox, based on one of the values in the store... I might be understanding binding here, so I'd like...

ExtJS 5 - How to convert Object to Collection/MixedCollection/HashMap?


javascript,extjs,extjs5
I have an object on which i would like to perform add/remove/find operation. So i'm just trying to convert that Object as HashMap/Collection object using Ext.util.Collection/Ext.util.MixedCollection/Ext.util.HashMap classes. As it is already an Object i just want to perform typecasting? Is there a straight forward option availble in ExtJS to attain...

ExtJS 5.1: Select multiple non-adjacent grid cells


extjs,extjs5
I'm trying to select multiple cells using the spreadsheet model, but it doesn't look like there's a method to select an individual cell or bunch of cells that aren't a range. (I also tried the cellmodel, but that doesn't look like it works either.) I know selectCells exists, but like...

ExtJS Access a controller by the view


javascript,extjs,extjs5
I want to communicate the view with the controller in a Ext App, but i can't access to the controller, i have a button in a tbar inside of a tree panel but the button doesn't execute the action in the controller... I have this code: The view: Ext.require('Ext.slider.*'); Ext.define('app.view.ViewTablaContenido',...