FAQ Database Discussion Community


Save ajax response to file

javascript,ajax,extjs
Let's assume I have following button code: Ext.create('widget.button', { handler: function () { Ext.Ajax.request({ method: 'POST', url: 'index.php?r=store/exportXLS', params: { queryName: me.exporting.name, queryGroups: Ext.JSON.encode(me.exporting.groups) }, success: function (response) { //??? } }); }, dock: 'top', text: 'Экспорт в XLS' }); Because groups variable hold too much parameters, I must send...

ToolTip in bryntum scheduler

extjs
I am new to Extjs. I am using bryntum scheduler in my application. In that I want to show tooltip over scheduled item. I checked with bryntum api and found that I can use tooltipTpl to show tooltip and tipCfg to configure it. I added eventmouseenter listener and in respective...

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:...

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 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...

EXTJS tree panel disable selection change

javascript,extjs,selection,treepanel
I have tree panel: xtype : 'treepanel', itemId : 'field-tree-command-metas', region : 'center', hideHeaders : true, rootVisible : false, emptyText : 'No Commands Available', deferEmptyText : true, bufferedRenderer : false, reference : 'treeCommandMetas', bind : { selection : '{bindSelection}' }, listeners : { boxready : function() { var treeView =...

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...

What are the best examples of hybrid apps out there? [closed]

android,ios,cordova,extjs,telerik
I'm writing my thesis on the state of hybrid app development. I would like to see some real world examples of hybrid apps that are in use today, specifically WebView based hybrid apps, so not the Titanium or Xamarin kind. What apps out there are hybrid? What are the best...

ExtJS - row renderer - if cell has certain value, highlight entire row

html,extjs
If the column cell value is > 5000, I want to highlight that entire row. Right now I am only able to highlight that cell. Grid column renderer: renderer:function(val_, meta_, rec_) { if(val_> 5000) { meta_.style = "background-color:red;"; } } ...

issue on link with Firefox

javascript,html,extjs
I have tab bar with links inside which give a strange behavior on Firefox. When I click on a link on chrome the URL is "http://localhost:8080/netmg/view/home#agregateShowMode=site&activeTabHomeAgregateSite=1" and the tab is found correctly. But when I use Firefox with the same code the URL become "http://localhost:8080/netmg/view/home" HTML code : <div class="tabs"...

Want to prevent user from entering any space in textfield by providing error when he does

javascript,regex,extjs,qtip
I have a textfield in Extjs. This textfield can only contain Digits 0 - 9 Alphabets a-z or A-Z Characters like _ (underscore) and - (hyphen) I want to prevent the user from entering anything apart from these characters. As such I wish to display an error, something like a...

ExtJS filter ComboBox dynamically

javascript,extjs,combobox
I have a property grid with multiple comboboxes and I want to filter the values in one box based on what is selected in the previous box. My code looks like this: var tempPropGrid = me.getView().add( { xtype:'propertygrid', width: 80, header: false, title: 'prop grid', //for some reason the headers...

Filtering Array within a store record

javascript,arrays,json,extjs
I have a JSON object in a store that looks like the below. I am dynamically filtering values based on selections in a property grid. I am not filtering on the top level values (personName, primaryRole etc) but instead I want to drill down into the array of periods I...

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...

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 - get values from form (based on login app tutorial)

extjs
I've created simple application with official login application tutorial: Click Here App works fine. But it lacks any kind of password checking and I've decided to mess with it a little. Here lies the problem - how to get values from defined form inside controller? To be more precise, I'd...

ExtJS grid emptyText not visible in panel with vbox layout

extjs
I'm using Ext JS 5.1.0. If I create a grid in a vbox layout with no records, the emptyText is rendered in the DOM, but the height of the grid is calculated incorrectly and the text is not visible. Is there a way to get it to automatically grow without...

Angular does not recognize the dynamically loaded page in Extjs

javascript,angularjs,extjs,extjs4,angularjs-scope
I have a SPA in Extjs system. I have also included angular and the necessary modules which i want to use on a page (external html referred in a panel of extjs). Angular is defined in and working everywhere except in newly loaded page.The problem is that i have to...

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...

Increase ExtJS TabBar scrolling speed within TabPanel

extjs,extjs4,tabpanel
I have a ExtJS tabpanel with lots of tabs. The current scrolling speed to scroll the tabpanel's title bar is very slow. Is there any way to increase the speed? When I made the following modification directly to ext-all-debug.js, the speed increased Ext.define('Ext.layout.container.boxOverflow.Scroller', { //The number of pixels to scroll...

Extjs xml reader not working

extjs,xmlreader
I have the following XML Configuration... <?xml version="1.0" encoding="UTF-8"?> <Schema xmlns="http://schemas.microsoft.com/ado/2008/09/edm" Namespace="IncidentMgt"> <EntityType Name="in"> <Property Name="persistent_id" Type="Edm.String" Nullable="true" MaxLength="30"/> <Property Name="active_f" Type="Edm.Int32" Nullable="true"/> <Property Name="add_property_persids" Type="Edm.String" Nullable="true"/> <Property Name="add_workflow_persids" Type="Edm.String" Nullable="true"/>...

CSS Button disabled state?

css,extjs
I am new on CSS, How should I define my CSS class for catch button's disabled state? There is my CSS class but it didn't work. .mbutton:disabled{ background: transparent; } EDIT There is JSfiddle example, http://jsfiddle.net/sefiktemel/v7h9gczu/...

Extjs create form items with json store

json,extjs,extjs4,extjs-mvc
I have created a form panel view and I will create some form items iside this panel. The communication to the store, controller and model works fine but how can I create the items in the view? Json array (retrieved from external service): { "data": [ { "name": "ff", "xtype":...

Extjs : one digit is moving upside

javascript,html,extjs,extjs3
Using this line i set the value of label Ext.getCmp('number_id').setText('<b><font size="2">'+3438+'</font></b>',false); and on the UI i found it like clearly 8 is not in same line. Please help with reason....

How to apply style for Ext js xtype tabpanel using style property?

javascript,css,json,extjs
I want to change style for Ext.tab.Panle element by writing inline css structure as like the following xtype : button element { xtype: "button", itemId: "imageUploadButton1", text: "Uploader", style: { background : '#C81820' } } I want to change the style of tab-panel's header by writing css like this in...

ExtJS and buttons

javascript,html,extjs
I'm novice in ExtJS ... but I can't solve my problem with two buttons, let's say [B1] and [B2]. On simple toolbar I want to have two buttons on the SAME place respectively on something (let's say 20 pcx from the left on the toolbar) displayed alternately [B1] or [B2]...

How to change value of “disableSelection” of a grid in Ext js 4.0 dynamically?

javascript,extjs,extjs4
I have the grid coded in Ext js 4.0. Below is the code: var xxx=Ext.create('Ext.grid.GridPanel', { title: 'tableId', id : 'tableId', disableSelection:true, //remaining code } I want to change the value of "disableSelection" dynamically outside the grid according to two different conditions. How can I do this?...

Setting cell value from SUM of other cells in the same row

javascript,asp.net,extjs,ext.net,gridpanel
I have a gridpanel with some number columns. I have one column that will contain the SUM of other. I want to set this value automatically when user focus on SUM column. Here is my code: <ext:Column runat="server" DataIndex="totalth" Text="TOTAL (T/H)" Flex="2" Align="Center"> <Editor> <ext:NumberField runat="server" AllowBlank="false" AllowDecimals="true" DecimalPrecision="3" name="totalth"...

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...

Set variable to function but that function should not get executed

javascript,jquery,extjs
I am setting some variable in someMethod1 and want to pass that variable to someMethod2. Here I just want to set variable to someMethod2 function but that method should not get called. It needs to be called later on some event(click). How can I achieve this one? Please help me....

Extjs Cellediting onclick of a button

javascript,extjs
I have activate button on each row of grid so users can activate only the row they want to edit and the button changes to deactivate.how can I save status of the buttons for next time I reopen the panel? below is my code and also: https://fiddle.sencha.com/#fiddle/ofp Ext.application({ name :...

button click issue in Ext js

extjs,logic
i have small query i created four text fields and one button,in text fields i gave property allowblank:true if user enter shows error message,it's working perfect.If the click the button the inserted perfect,after that the textboxes becomes empty it's showing blank errormessage.If iam using Allowblank:false it's working fine.but i require...

How can I fire a function in viewcontrol from map event in ExtJS?

extjs
I have MVVM app with openlayers map. When doing specific event on the map (like finishing a draw) I want to fire "Add" event of extjs grid. I've tried accessing the viewcontroller using MyApp.app.getController('itemsController') but I get error : Unrecognized class name / alias: App.controller.itemsController How can I call a...

I cannot get component from controller in ExtJS

extjs,components
I have defined a window like this: Ext.define(), { 'MyApp.view.MyCustomWindow' extends: 'Ext.window.Window', alias: 'widget.mywindow', ... items: [{ xtype: 'form', items: [{ xtype: 'fieldset', ... items: [{ xtype: 'combobox', ... itemId: 'comboFilter' }] }] }], dockedItems: [{ xtype: 'toolbar', items:[{ xtype: 'button', itemId: 'okBtn' }] }] } Then I would like...

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...

How to fetch Digits from a String in javascript?

javascript,html,regex,jsp,extjs
I have a following string in javascript: var xyz= "M429,100L504.5,100L504.5,106L580,106L570,98M580,106L570,114"; I want to fetch the numbers and store it in an array. I tried following code: var x=xyz.match(/\d+/g); And I got the following output: 0: "429" 1: "100" 2: "504" 3: "5" 4: "100" 5: "504" 6: "5" 7: "106"...

ExtJs 5.1 - Ext.Panel with XML-Highlighting, editing, linenumbering capabilities

javascript,html,extjs,codemirror
Basically I am i need of an Ext.Panel which contains an XML-Editor together with syntax-highlighting, line numbers and editing. I have searched through the web and found the Javascript API CodeMirror. I have implemented something, but the alignment of the CodeMirror-object-Textfield does not adjust itself to the Top/left of the...

Extjs : get modified records after store reconfigure

extjs,extjs4.2
I reconfigure my store and add new fields to it and then load its corresponding grid. I need to edit grid cells and save the whole modified grid rows in one step at the end. The problem is that when I call this code, I get all rows in the...

how to refer to extJS combobox using a string?

javascript,django,extjs
Is there any way to refer back via string to an instance of combobox? I have a workaround in place, but not very happy with it, especially as i see the need to create more ComboBox's in the future. i have tried unsuccessfully to use 'reference','id','itemId'. The reason why i...

extjs Possibility of using grid widgets in custom elements

javascript,jquery,extjs
Is it possible to use these widgets http://dev.sencha.com/ext/5.1.0/examples/kitchensink/#widget-grid in costum elements div/span, not in a panel? I know only about Progressbar: Ext.create("Ext.ProgressBar", { renderTo: costumSpan[0], value: .5 }); What about others?...

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....

TypeError: data is null while remote filtering on Ext JS 5.1

javascript,extjs
I have a grid with a pagination. When I set a filter, the ajax request is successfully executed, the json return value looks fine and the filtered rows appear in my grid. But the Loading... popup won't disappear and Firebug reports an error in ext-all-debug.js: TypeError: data is null (Line...

How to run “sencha app watch” without a webserver

extjs,sencha-cmd
I am already serving my ExtJS 5.1 development application on a local (nginx) web server, and I don't need the development webserver from Sencha Cmd when running sencha app watch. Is there any flag or other command equivalent but without running this extra web server? Alternativelly, what would be an...

How to Filter store in extjs?

extjs
How to do store filter in extjs? fieldLabel : 'Status', xtype : 'combo', name : 'status', store : new Ext.data.ArrayStore({ fields : ['status'], data : [['A'],['B'],['C']), displayField : 'status', valueField : 'status', autoSelect : true, typeAhead : true, validateOnBlur: true, queryMode : 'local' I need to do filter based on...

using local storage saved value as a text in a root text

extjs,tree,local-storage,store
I have a treeView in my extjs View, in which I need to give the the value of a local storage variable as the root name.The value to the local storage is fed when user logins successfully : Ext.define('Eits.view.OrgTreeView', { extend : 'Ext.tree.TreePanel', requires: ['Eits.model.OrgTreeModel'], width : '100%', region :...

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.......

Webstorm not ignoring directories marked “excluded”

extjs,webstorm
I have marked the WebContent/desktop/build directory as excluded, but Webstorm is still trying to index it. This is annoying whenever I build, and I have to wait for Webstorm to finish indexing before I can do anything. How do I make it not index anything in the folder? Here's what...

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',...

How to best handle multiple related templates in Ext JS?

javascript,extjs,extjs4,extjs4.2
I am trying to make a panel to display some data I get from an API. I have decided that XTemplates are probably the best way of handling this. However, I would like the panel to be well organized and flexible like other ext.js elements. So what I came up...

Programatically click “ok” on msg box?

javascript,html,extjs
I have a messagebox that has "Ok" and "Cancel". I need to be able to programatically click "ok" using Ext JS 5+. Here's the code to how the messagebox works: Ext.Msg.show({ title: Your Message Box message: Message, buttonText: {ok: 'Confirm', cancel: 'Cancel'}, fn: function(btn){ //Do whatever } SOLUTION: Ext.WindowMgr.getActive().query('button[text=ok]')[0].fireHandler(); ...

Get values from grid cell?

javascript,html,extjs
I'm trying to get the value of a certain column cell but with no luck. Here is my makeup of the grid: Ext.apply(this, { xtype: 'grid', selModel: { mode: 'MULTI' }, columnLines: true, store: Ext.create('TheGrid.store.GridDetail'), columns: [ {text: 'FirstName', dataIndex: 'first_name', cellWrap: true, width: 75}, {text: 'LastName', dataIndex: 'last_name', cellWrap:...

How to use global functions/Utility Class in EXTJS

extjs,global-variables
My code structure is as follows-> MyApp-> app -> controller, model, store, shared (util-> Utility.js), view I have created the following Utility Class Ext.define('MyApp.shared.util.Utilities', { myFunction : function (val, meta, rec) { //do something return val; } }); I am trying to call the myFunction while rendering a column in...

Unable to listen to load event in the controller

extjs,model-view-controller
I scanned many threads here at stackoverflow (this and this), but none of them helps me to solve my problem. So, I have a store which is defined like this: Ext.define('fileseditor.store.fileseditorNavigStore',{ extend:'Ext.data.TreeStore', ... I've heard about getters and tried to do this in my controller: init: function(){ this.getfileseditorNavigStoreStore().addListener('load', this.finishedLoading, this);...

OverCls is not working in IE11

javascript,css,internet-explorer,extjs
I am working with extjs 4.2 and need an advice to solve this small bug. I have an extjs button in my js file as: { xtype : 'button', text : 'Add Drive', padding : '10px 10px 10px 10px', overCls : 'overDrive' } and my in my css i have...

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...

ExtJS 5.0 cellclick event returns incorrect column

events,extjs,datagridcolumn
I'm trying to use cellclick on a grid where based on a certain column clicked, I want to run some operations. But every time, it returns a wrong column i.e. if I click on column 0 (first col), it returns the next column. cellclick: function(view, td, cellIndex, record, tr, rowIndex,...

how to add tooltip to widget in extjs?

javascript,extjs,extjs4.2
I have a dynamic form in extjs and i want to add tooltip to some elements of the form. widget = { width: 100, title: name, margin: '0 0 0 0', id: id } that my widget that i want to add tooltip. I have already tried adding listener to...

Showing context menu in controller

extjs
I have two views - one for tree panel and one for context menu (defined as FilesEditor.view.FilesEditorContextMenu). And I have a controller, in which it listens to itemcontextmenu event. I do not know how should I create (where and at what stage?) and how to show my FilesEditorContextMenu. The part...

Extjs building form on metadata

json,extjs,model-view-controller,dynamic
I will build a FormPanel with ExtJs 4 configured by metadata received from server. The meta data (json array) looks like this: { "metaData": { [ { "allowBlank:": false, "fieldLabel:": "labelText1", "name:": "labelName1", "emptyText:": "null" }, { "allowBlank:": false, "fieldLabel:": "labelText1", "name:": "labelName1", "emptyText:": "null" } ] }, "success": true,...

store.load with parameter ajax call in extjs

extjs
store.load with parameter ajax call in extjs this is not running please give me proper code { xtype: 'combo', name: 'brc_id', id:'brc_id', hiddenName:'brc_id_hidden', store: brcstore, listeners: {'select': function(cmb, rec, idx){ Ext.getCmp('crc_id').enable(); Ext.getCmp('crc_id').reset(); val = cmb.getValue('brc_name'); crcstore.filter('brc_id',val,false,true,true); crcstore.load({ brc_id: 'brc_id' }); }} },{ xtype: 'combo', name: 'crc_id', id:'crc_id', hiddenName:'crc_id_hidden', store: crcstore...

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...

Data Model's “serialize” function not called on property “set”ting

javascript,extjs
Also asked on Sencha's site here My data model's "serialize" function is not called when I call model.set("<fieldName>", <newValue>); Here's a fiddle I'm pretty unclear on why the serialize function isn't called...am I missing something, or is this a bug? (And here's the code from the fiddle) Ext.application({ name :...

How to check mark a check column in a grid?

javascript,html,extjs
I have a check column on a grid that I need to programatically check mark. Here is how the check column is scripted: columns: { items:[ { itemId: 'checkColumn', xtype: 'selectallcheckcolumn', cls: 'select-all-check-column', dataIndex: 'Checked', hideable: false }, ...

Sencha architect, I have a form and how to config its `reader`?

extjs
Sencha architect, I have a form and I want to config its reader like this, Ext.create('Ext.data.JsonReader', { root : "rows", model : 'city' }) In Sencha architect, it will be add a pair of single quote mark. So how to config reader of the form?...

Loading delay extjs

javascript,extjs,panel,loading,mask
I have a panel within which I have two more panels. When you click on panel1 then information in panel2 is loaded. Since the information is quite huge there is some delay when its being loaded. During this interim period I wish to add a loading mask which intimates the...

Sencha/Extjs rest call with all parameters

json,rest,extjs,sencha-touch
I'm using ExtJs 5.1.1 and I've written a simple view with a grid, and selecting one row the corresponding model property are editable in some text fields. When editing is completed the button 'save' call Model.save() method, which use the rest proxy configured to write the changes on the server....

calling the parent controller function in Ext.Ajax.request

extjs,view,controller,scope
I have a login Page which authenticates the user.On correct username and password it should hide the loginview and display the next view.When I call the function to do the same it gives an error saying "Uncaught TypeError: this.functionname is not a function.Here is my code for the same: startMain...

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...

what is “root:'data' ” extjs store config

javascript,extjs,proxy,treeview
I am very new to ExtJs and I have the following code for a treeView,,which has a default root in the beginning and then an Ajax call to a servlet .But i don't understand the 'root' field with value 'data' .Is data an alias or xType .Here is the code:...

Extjs adding a listener to tree panel returns Uncaught TypeError: Cannot read property 'scope' of undefined

extjs
I am trying to add a selection change listener on a tree panel but i get the following error: Uncaught TypeError: Cannot read property 'scope' of undefined code follows: xxx.view.trees.MainTree.js extend: 'Ext.tree.Panel', requires: [ 'xxx.store.TreeStore' ], xtype: 'main-tree', height: 400, width: 350, title: 'Tree', useArrows: true, initComponent: function() { Ext.apply(this,...

ExtJS xtype menu times out in Chrome

javascript,extjs
I have a an ExtJS app that uses xtype menu to create a dropdown menu with two options. One of those options, on mouseover, brings up two additional sub options. When attempting to mouseover one of the sub options, the menu immediately times out and disappears. This only happens in...

How to achieve the following in extjs

extjs,layout,header,panel
--Title------------------------------- | | | | | <Content> | | | |_____________________________________| How to achieve the above panel in extjs? Edit: It should look something like this: http://oi57.tinypic.com/eiw49.jpg...

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:...

ExtJS Direct--pass scope to method

java,javascript,extjs,ext-direct
I'm using the ExtJS Direct proxy and need to know how to pass scope when calling a method. Currently im doing this myapp.direct.action.mygridservice.getGridData("123",this.getSearchCbo().getValue(), function(p_,resp_){ //do something }, this); on the java method I added a third param for scope with type String but i still get an error that "this"...

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...

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...

Add an array to a json object in extjs

javascript,arrays,json,object,extjs
I wish to have an attribute called idField in my json object. Now this attribute is either an array if it contains multiple elements or just an object if it contains one element. I wish to create such an attribute from the data in an extjs store. In essence if...

Override Sencha Touch class

javascript,extjs,sencha-touch
I am working in a Sencha Touch application and I have the next doubt/issue with this code. Ext.each(records, function(record){ newItem = Ext.create('Ext.Panel', { material: record.get('material'), cls: 'setitems-item', tpl: '<div class="setitems-item-material">{material}</div>' + '<div class="setitems-item-atpstatus {atpstatus}">{cquantity}</div>' + '<div class="setitems-item-cdd">{[Cicero.Helper.formatSAPdate2Str(values.cdd)]}</div>' + '<div...

ExtJs Data Store values empty but Store Raw value populated

json,extjs
So I'm having trouble trying to determine why my store's data values aren't populating for my itemselector component, but the raw data values are populated, it looks like my model and stores are setup correctly. I'm trying to just utilize that first particular portion of the json data so that's...

How to using variable when define not using initComponent ExtJs

extjs
I have a question when defining 1 panel. Ex1: Ext.define('AppTest.view.AppMain', { extend: 'Ext.panel.Panel', xFile: "File", // Init initComponent: function () { Ext.apply(this, { items: [ { xtype: 'button', action: 'file', text: this.xFile // Using variable here } ] }); this.callParent(); } }); Ex2: Ext.define('AppTest.view.AppMain', { extend: 'Ext.panel.Panel', xFile: "File", items:...

Using script in an external html in Extjs

javascript,jquery,html,extjs,extjs4
I have an external html within a Panel in Extjs. But the scripts which are defined with script tags in my html are not loaded; thus therefore my html does not work properly. var test = Ext.create('Ext.panel.Panel', { title : 'Example 1', width : 250, height : 250, frame :...

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...

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...

Ext.Ajax.request variables

javascript,php,ajax,extjs
I want to access to some variable(datoslicitproduct) that I declared out ot an Ext.Ajax.request, but I initialize it inside the request. I have this function : function ExportarExcelproddet(){ var datoslicitaciones = []; var datoslicitproduct=[]; var datafinal; var fila=[]; var fila2=[]; var Tipo; var IdPliego; ExpGridstore.each(function(r){ fila.push(r.data['Tipo']); fila.push(r.data['IdTxt']); fila.push(r.data['Id_Exp']); fila.push(r.data['Exp']); fila.push(r.data['Org']);...

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 4.2.2 - Default sorter logic runs instead of custom sorter

sorting,extjs,datagrid,extjs4.2
On ExtJs 4.2.2 I need to override default sorter of some column and make it sort by the absolute values (Math.abs). When I debug it I get into doSort() and get the right store & direction (asc, desc), but for some reason it doesn't execute rthe sorterFn() - and run...

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...

ExtJS Sequence Layout

javascript,extjs
To start, let me say that I am quite new to ExtJS and so there may be a really simple answer to this that I'm missing. I want to put two items in a container in with essentially no layout, just displaying items sequentially. For example, if I have something...

How could I dynamically choose a div class with an if-else statement?

javascript,extjs,sencha-touch
I use Ext.XTemplate to show my data in a list and I want to realize a function that when I get a positive number, it show as red and green when negative. To realize this function, I create two style and I want to pass parameters to dynamically create template...

Fade in /Fade out in Ext.window

extjs
I am using var modalWindow = new Ext.Window({ title: "Window", items: [ {html: "<div id='example'>Hello</div> "} ] }); modalWindow.show(); to open a modal window. I need fadein/fadeout features on this window. Please help.. ...

Not able to click ExtJS Dropdown button and select list elements - Selenium Webdriver Java

java,selenium,testing,extjs,selenium-webdriver
I am having difficulty in clicking a drop down and selecting option from the list. Below screenshot of the application. Our application uses heavy ExtJS and below is the HTML code for dropdown button and textbox. <div id="combobox-1115-bodyEl" class="x-form-item-body x-form-trigger-wrap-focus" role="presentation" style="width: 325px;"> <div id="ext-gen1273" class="x-hide-display x-form-data-hidden" role="presentation"></div> <input id="ext-gen1272"...

Extjs Progressbar in span/div is not correct

javascript,jquery,css,extjs
I want to render component progress-bar in my span and insert it in text/tooltip/cell etc. Then I render progressbar in body: Ext.create("Ext.ProgressBar", { renderTo: Ext.getBody(), value: chartCase.key / 100, width: 100 }); Style for "x-progress-text" taking the width of component (100px in this case), so it is center-justified. Then I...

How to migrate a non sencha cmd application to build using sencha cmd (ExtJS 4.2)

extjs,extjs4.2,sencha-cmd
I have an extjs 4.2 application which was built by hand coding controllers, views, stores and models. I was looking for a step by step approach to migrate to sencha cmd and could not find one. The reasons for moving to sencha cmd are packaging benefits (1 app.js to load...

How to catch Delete key event in tree panel controller

extjs
I have a tree panel view (defined as FilesEditorNavigTree) and a controller. In a controller I want to catch Delete key event in order to perform some procedure. I tried to do it like this: ... init:function(){ this.control({ 'FilesEditorNavigTree':{ specialkey:function(a, b){ alert(b.keyCode); // just for testing reasons } But it...

ExtJS: Rendering an image to an existing div

javascript,extjs
I am using ExtJS in a rather complex UI project. I have a config object similar to this: { xtype: 'component', html: "<a href='some link'>some text</a><div id='someDivId'/>" } Further down in my function I create an image like this: Ext.create('Ext.Img', {/* image config */}); How do I put the image...

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....

ExtJs4 Change Field color on Statuscode

extjs,grid,extjs4,field,cell
Hello im struggling with ExtJs im Trying to change color in ExtJs grid where cell name is 'statuscode' if statuscode is 1 the cell has to change color in green! anybody an idea? Thanks Ext.define('Shopware.apps.ArticleUpdateLog.model.ArticleUpdateLog', { extend: 'Shopware.data.Model', configure: function () { return { controller: 'ArticleUpdateLog' }; }, fields: [...

ExtJs component cleanup

extjs,extjs3
I read the following comment in ExtJs-in-action - 'Do not dismiss the destruction portion of a Component’s lifecycle if you plan on developing your own custom Components. Many developers have gotten into trouble when they’ve ignored this crucial step and have code that has left artifacts such as data Stores...

Ext.device.filesystem.FileEntry.read() - type: “text” returns blank file

extjs,filesystems,device
I am facing a problem with Ext.device.filesystem.FileEntry.read() method. When I try to read the text/JSON file as text, I get a blank file. Any idea? Looks like readastext method of extjs file reader is buggy. Following does not work: var fileEntry = new Ext.device.filesystem.FileEntry(newFilePath, fileSystem); fileEntry.read({ //type: "binaryString", encoding: 'UTF8',...

Setting multiple events in one ext.net button

javascript,events,extjs,ext.net
I have a form with some grids and fields. When I click on submit button, I need to send all information do database. After that, I need to redirect to other page. Actually, my code appears as so, but the redirect event is not firing. <ext:Button runat="server" Text="Finalizar" Width="150" ID="Button1"...