Accordion in sencha Touch

How to implement accordion functionality in Sencha Touch?



I need to add form panel within the accordion.

Accordion in sencha Touch

How to specify a theme on the command line?

I have an app that I've themed with different colours for different sections in our company, and I'd like to be able to automate the builds of these several versions on the command line. At the moment I'm right-clicking on each theme in Sencha Architect 3.1 and choosing "Apply Theme" then clicking the "Run build target" button and deploying that to the appropriate folder on the web server.



I can't seem to find any "sencha app build -theme=whatever" setting, so is there a way to do this that is buried away in the docs somewhere?



Failing that, is there a way to build all the themes at once and have some way of specifying which theme file to load in my application's launch() function? That way I wouldn't need the different virtuals on the web server.



Thanks.

How to specify a theme on the command line?

How to adding the items in the group

Hello everybody.

Hi All,





I have a requirement of adding check boxes to check box group dynamically.

I tried with this code.Please help me...





xtype: 'checkboxgroup',

fieldLabel: '',

id: 'conditions',

labelSeparator: '',

itemCls: 'x-check-group-alt',

columns: 3,

items: [{}]













Code For adding items:

var ele = new Ext.form.Field({boxLabel: conditions[i]['name'], name: 'cb-auto-1'+i});

Ext.getCmp('conditions').add(ele);









Thank's a lot!





Regards,

How to adding the items in the group

Why does Fashion require PhantomJS?

As opposed to say, node.js. Mostly for my own curiosity, it seems like an odd fit.

Why does Fashion require PhantomJS?

Display image tile of variable height using data view component

Hi All,



Is it possible to display image tiles horizontally (2 image tiles) in each row of variable heights using data view component in sencha touch 2.4.1?.



Thanks.

Display image tile of variable height using data view component

xtype dashboar column

Hi All,



I am using xtype:dashboard parts to show 5 portlets in column 0 and column1 ,but one of the portlet i wanted stretch across two columns instead of showing in 1 column,is there any attributes available in dashboard







thanks

Prakash

xtype dashboar column

Webstorm plugin produces redudant requires missing errors

Hi!



Please look at this screenshot: http://ift.tt/1DnQK96



It says model is missing in requires section when it is defined in models section of Application.

Webstorm plugin produces redudant requires missing errors

Webstorm plugin creates file in wrong encoding

If use plugin option Create ExtJs class then file created in non-UTF-8. Have to convert it to UTF-8 manully.

Webstorm plugin creates file in wrong encoding

Webstorm plugin does not recognize views

Hi!



Please look at this screenshot: http://ift.tt/1DWGtp3

Plugin recognizes model, but now views. It says: 'Unknown view'

Webstorm plugin does not recognize views

store question

Hi all



just a question regarding webservice and local store, what i am trying to achive is, do a rest request then it returns a value, then i want to use this value to compare with a local store, i am kinda stuck right now, has any one done this before?



any help would be great



thank you advance



Jason

store question

Different folder name for classic/modern

Hi all,



I have a question regarding the build. How I can define in app json a different name for classic/modern packages? For instance, I'd like to name them desktop/mobile and get an appropriate my_project/build/production/desktop and my_project/build/production/mobile folders on build time.



Thanks!

Different folder name for classic/modern

What I like to have in future versions of ExtJS

Am not aware how sencha collects its feedback from customers to create its roadmap. I am sure they do it time to time, but for those of us who dont get to voice their openion/concerns, here is a thread.



I originally put this in another thread where I got some upvotes and some concerns. Someone suggested to have it as a seperate thread and then discuss it over,



So here is a list what I like to See in next versions of ExtJs, you can agree/disagree add more, remove some

• Drop Ext.Define and extend and use ES 6 Class syntax (I like to code in pure JS it also helps me to port some awsome JS solution from stackoverflow into my Apps, so keeping the framework more inline with JavaScript will surely help, Also moving on to ES6 syntax dont mean to drop IE8 you have Ext6 for it )


• Use HTML Modules for dependency management (and remove require style dependecy handling)


• Drop XTemplate and use HTML Template and String Templates


• May be their widgets can now be converted to WebComponents


• Remove callbacks and use promises / async functions


• Use TypeScript in source - Dont supply a definition file which is seperate from the source (I know some sencha forum manager hate it "personaly" but they need to visit their openion again, for me who often browse Ext sources to get deeper understanding having type definition will be an great help, also you dont need to create plugins for various IDEs)


• I like Sencha's Data package a lot. its much better than Ember-Data, Breeze.js or JS-Data but provide us a way to design adapters so that I can connect outside-data packages to Sencha widgets. (Some of these data packages are doing pretty rapid and innovative development like cloud sync and introducing new features more often, I am afraid sencha's data package may lag behind)


• Use more open source products in their tooling (for instance instead of creating their own SASS compiler - "Fashion" they could have used Stylus , I may be wrong here i dont know about "Fashion" it may be doing more than what stylus have to offer- but in that case they should produce it as open source so that we get community contributions )


• Use Gulp/Grunt instead of providing us Sencha Cmd (it will help me make use of so many plugins out there to automate/customize my builds, or keep the Sencha Cmd and switch over from ant to gulp/grunt enabling us to use community plugins )


• Provide open package management solution - JSPM, NPM etc


• Make ExtJS more porous to outside world rather than a monolithic framework and keep us locked inside their walled gardens


• Start thinking about unit testing solutions (provide a way for dependency injection)


• I dont know much on Sencha's 2-Way data binding but I what I read is that 2 Way data binding has more cons than pros


• Their SVG api needs some serious updates (its pretty much behind than some of the compititors)


• Some of the best thing that ilike to mention about sencha are
  
  
  
  • ​Documentation
  
  
  • Themeing
  
  
  • Data Package
  
  
  • Their API too is very nice or may be i got too comfortable with it that i dont like others
  
  
  
  

Well having said that i think my ask is a little far cry, and may not fit well with sencha's investors, but anyways I wanted to let them know.

What I like to have in future versions of ExtJS

anyone using loopback?

I am starting to evaluate Node.js and express. but it seems like loopback is express on steroids and requires a LOT less coding. Anyone else play with this? If so, would love to exchange notes.





Bruce

anyone using loopback?

Question about size of app.js in production - 790k?

Hi,



I've just been playing around with the beta, and was quite excited to compare it to Touch 2.4.



At the moment I am only interested in making a mobile app. I did a quick test by building the test scaffold app, then building a production version of the scaffold app using command.



The resulting app produces a folder with classic (desktop) and modern (mobile) folders in. The app.js size in the modern folder is 796k.



This doesn't seem much different to the file size of app.js using Sencha Touch 2.4 when using production. I would perhaps have thought by targeting the newer browsers and using CSS layouts for stuff the file size would have been smaller, or am I missing something? I noticed a new file in there, ext.js at only 300k, not sure about that one.



The .CSS file seemed fairly small, at 127k, but how would I change the default scaffold app to have, say the Cupertino theme or theme base? I tried changing it in the app.json but that didn't have any effect and I can't find the .css files inside the theme folders.



I guess my question is, is it possible to get the file size down any smaller for app.js if you are just targeting a mobile app?



Thanks!

Question about size of app.js in production - 790k?

Ext.js 6 IDE

Hi all,

will be a newer version of Architect for Ext.js 6 or it will be only the jetbrains plugin ?



Regards,

Ahmed

Ext.js 6 IDE

Date formatting

I want to use Ext.Date.format(value,format). I have date as 2014/03/05. How can I convert this to the date object so that it can be passed as 'value' argument to the format() function?

Date formatting

Google Maps for Sencha Architect 3 - Not working

I'm struggling to figure out how to use Google Maps in Sencha Architect 3 for Ext JS 5.1. I recall an older version of Sencha as having a Google Maps component but I cannot locate it in Sencha Architect anymore.



I tried adding the file http://ift.tt/1JeaaSv as a resource(selected remote property) but the console window is reporting the following error:

Code:

---

Failed to execute 'write' on 'Document': It isn't possible to write into a document from an asynchronously-loaded external script unless it is explicitly opened.

---

Next Steps?

Google Maps for Sencha Architect 3 - Not working

Extending own ViewModel - inherit stores, formulas, data

Hi everyone!



I was wondering if it is possible to extend a ViewModel, but instead of overriding all the defined stores, formulas and data I would like to extend those definitions.. for example adding a store in the child ViewModel to those of the parent ViewModel.





thanks in advance for any hints or pointers..;)

Extending own ViewModel - inherit stores, formulas, data

Sencha Architect Build WebApp - Copying of Common Files

I am having issues to copy the files defined in the workspace folder but outside the application folder. When I build Webapp through Architect it is not copying the folder I have under the workspace.



Folder Structure:



B2BManagementConsole ( workspace folder)

common ( common folder which is under workspace folder )

..B2BMgmtConsoleMain ( Application folder. This is one level down to workspace folder)



I made the following change in workspace sencha.cfg file.



workspace.classpath=${workspace.dir}/common



After the build is made, if I open the app.js file and look for the file under common, I don't find it.



please let me know if I am doing anything wrong or correct steps.



Thanks in Advance.

I followed the post http://ift.tt/1PZxZCD



-Madhu.

Sencha Architect Build WebApp - Copying of Common Files

set multi selection in combobox programmatically

Hi,



I have a combobox with multiselection which is populated with local data through a store and a model.

I am able to intercept when a new item is selected or unselected by the user through the 'select' event.



However when the user selects the first entry, the combobox should automatically select all its items. On the other hand, if he unselects it, the combobox should automatically unselect all its items.



I tried to search on the Internet for examples with no success, so I am not able to select/unselect multiple items from code. I suspect that I should use the 'setSelection()' method, but unfortunately it is poorly documented and I do not understand what I should pass to it.



Am I correct in my assumption, and how should I do that? Else what is the correct procedure?

set multi selection in combobox programmatically

Fashion - @import partials not working correctly...

I'm using partial scss files.



In sass/etc/all.scss I've added the following:

@import "stuff/MyStuff";



In sass/etc/stuff/ I have the file _MyStuff.scss



When I run sencha app build testing I get the following error from Fashion:

successfully loaded page http://localhost:1841/sass/example/f...phantomjs=true

loading phantomjs adapter

processing update type : BuildSassFile

failed to download path : http://localhost:1841/sass/etc/stuff/MyStuff.scss



I can rename the file from _MyStuff.scss, but then it's no longer a partial and it's not imported into my .css output.





Sass reference: http://ift.tt/1ESBLth

Fashion - @import partials not working correctly...

[OPEN] Ext 5.1.0 RowEditor Scroll into View

Hi there,

Problem:

I have a grid, with grid editor and the option of "adding" a new row with a button.

If the possible "position" of the new row is not in the view,

the row editor does not scroll to this position,



see this fiddle

http://ift.tt/1PYys81



Click on the button.



i tried scroll into view, but this didn't work to



Expected behaviour:

the "somewhere" added and edited row scrolles into view.

Any ideas? (may change the fiddle :D)

Thanks SenchaTeam!

Andreas

[OPEN] Ext 5.1.0 RowEditor Scroll into View

Metro IE + ThinkPad Yoga 11e - layout issue

I've found serious problem for everyone who run ExtJS in Metro IE. When you click on any text-field viewport scroll up and ExtJS create blank space between software keyboard and bottom border of the viewport.



Attachment 52197



First I though Ive problem somewhere in my application however the problem is reproducible in Kitchen Sink too - http://ift.tt/1yC4C40



I use simple layout where I've container with border layout on Viewport with fit layout. Kitchen Sink use something similar - viewport with border layout.



One bad thing - you cant easily debug this issue because Metro IE does not have developer toolbar. http://ift.tt/1DrIacI



However there is a change to use FireBug Lite to debug this issue.

<script type="text/javascript" src="http://ift.tt/1yC4C45;



This bug isnt reproducible on any desktop browser even Metro IE on desktop. You must run the application or web on touch devices - e.g. I've here Lenovo's devices from my partner and problem is reproducible on all of them.



Please let me know if you need any additional information. Metro IE is crap however there are customers who prefer this browser before desktop IE (dont ask me why),

Attached Images

• metro-issue.jpg‎ (37.3 KB)

Metro IE + ThinkPad Yoga 11e - layout issue

Sencha Cmd adds undocumented/deprecated config to app.js

When using Sencha Cmd to generate a brand new app, I noticed that in app.js, the config "autoCreateViewport" is added. However, the only mention of that config in the docs is that it's deprecated.



Is it a valid config for Ext.application(), as the Sencha Cmd skeleton app would suggest, or is the documentation wrong?



Thanks.

Sencha Cmd adds undocumented/deprecated config to app.js

Sencha CMD 6 / Ext JS 6: Failed to resolve package theme-crisp

In Sencha Cmd 6, attempting to generate a view in my Ext JS 6 app causes the following error:



Sencha Cmd v6.0.0.92

[WRN] Failed to resolve package theme-crisp

[ERR] Theme "theme-crisp" not found

[ERR] Required package "theme-crisp" not found



My app is sitting inside of a Sencha Cmd workspace. The workspace has a copy of Ext JS 6 inside the ext/ folder, which Sencha Cmd generates for me.



Copying the classic/ folder inside the ext/ folder into the workspace/packages/ folder seems to make the problem go away, but I feel as if this is not the right way to fix the problem.



Is there something I'm missing? Shouldn't the packages folder be for *my* custom packages?



Les

Sencha CMD 6 / Ext JS 6: Failed to resolve package theme-crisp

Plans to support Windows 8 Apps (Metro) + Cordova + Modern (Touch) at GA?

Hi,

I was wondering if there were plans to support the modern API (touch) inside of a Win 8.1 Native App for the Ext6 release.



I tried it out, the microloader now works, but it failed shortly after when ExtJS tried to manipulate the Dom in Ext.dom.Element in the appendChild function.



This old thread mentions it, and says it is not supported in Touch 2: http://ift.tt/1CTU0d1



Thanks!

Plans to support Windows 8 Apps (Metro) + Cordova + Modern (Touch) at GA?

Sticky - documentation issues

Can you add a sticky documentation issues thread in the 6.0 bugs section?



This should be similar to Ext JS 5.1 documentation issues.

Sticky - documentation issues

Show an icon near grid row

Hi!

What I'm asked to do is a grid that shows an alert icon near the grid row on some condition (like the red arrow at the screenshot).

Not inside, just near. Is it possible to do without nasty hacks? Any examples?



Attachment 52196

Thanks!

Attached Images

• Untitled.png‎ (6.7 KB)

Show an icon near grid row

Ajax request in safari browser

Hi,



In Sencha touch Ext.Ajax.request in not working in safari browser ,But if I used Ajax request in store it is working.





can you suggest me in this How can I use my Ajax request for safari browser without store.

Ajax request in safari browser

Ext JS 5 Button issues with IE11

Here's my button <span id="clickButton" data-ref="clickButtonInner" unselectable="on" class="x-btn-inner x-btn-inner-default-small">clickME</span>



$('#clickButton').click();

or

var clickButton=Ext.ComponentQuery.query('button[itemId=buttonID]')[0];

clickButton.fireEvent('click',clickButton);





Why does this not work to click it in IE11? webpage is scripted in EXT JS 5+.

Ext JS 5 Button issues with IE11

Testing framework(compatible with Atlassian Bamboo) to test Sencha-Cmd/Extjs5 app

I have extjs5 app, and I want to test it and also want that everything is on Bamboo so that I don't have to run test manually. Is there any such tool available which is compatible with Bamboo and which can test sencha-cmd application?

I have found selenium: http://ift.tt/zDsxQY but I am not sure if it is a good option or not. Kindly help.

Testing framework(compatible with Atlassian Bamboo) to test Sencha-Cmd/Extjs5 app

How to display parent->childrens nodes in mzPivotGrid without aggrgation?

Is it possible to make mzPivotGrid(http://ift.tt/XMeRe6) looks like parentNode->childNode without aggregation? Becouse all i can do is make it looks like parentNode(aggregated values)->childs(rows that were used to display aggregated columns in parent row). Please, help me.

How to display parent->childrens nodes in mzPivotGrid without aggrgation?

Sencha border layout bug or feature?

Hallo

in the following fiddle example



First of all collapse the west panel then expand it by the button and by clicking on the vertical header. Clicking by vertical header is expands the west panel but do not resize the center panel... PLUS the vertical header stays in it's place.

So is it a bug or feature? if it is a feature, where do may we use it? :D



Regards

A.

Sencha border layout bug or feature?

Use htmlEdior create a link.Click the link,how to open it in a new tab?

Use htmlEdior create a link. Click the link,how to open it in a new tab?

Use htmlEdior create a link.Click the link,how to open it in a new tab?

How to control which build is executed in each device?

Hi,



Playing with an universal app, I have seen that it will load the proper build depending on the used device. E.g: it will use the build using classic toolkit in Chrome, and it will use the build using modern toolkit in iOS.



Is it possible to control that decision? I am little bit confused about this. For example, what about if you want your desktop (classic) build be loaded for iPad, but use modern for iPhone.



I have read about runtime configurations here and they are handy, but they can be used once a build is loaded. How can we control which build is loaded where?



Thanks



Regards

How to control which build is executed in each device?

Adding files to html 5 cache manifest

Hi,



I have seen the section in app.json where you can specify the entries to include in the generated cache.appcache.



Due to how html 5 cache works, you need to specify all the files you want to cache, one by one. Does Sencha support specifying them all using a wildcard (*) or something like that? For example, a pretty common scenario will be to cache all the files within "resources/*". Is there support for this out of the box?



Thanks

Adding files to html 5 cache manifest

Shared html 5 cache manifest across builds in universal apps?

Hi,



When building universal apps, I have seen the "cache.appcache" manifest is generated only once and shared by them.



If I am getting it right, I think this can represent a serious performance problem. For example, imagine you have a heavy desktop build and a much lighter mobile build. When loading the mobile build in a phone, it will download and cache all the (cacheable) resources from the desktop build too. Is it possible to generate independent cache manifests / builds?



Regards

Shared html 5 cache manifest across builds in universal apps?

azure extension

Dear All



I follow http://ift.tt/1NVdyIC



to install the azure extension i downloaded from sencha market



but its not showing up on the user extension tab, i am using sencha architect 3.2 version 3.2.0.75





can any one point me to the right direction



cheers



Jason

azure extension

fieldset setDisabled(false) leaves fields disabled

Hi,



Whenever i call fieldset.setDisabled(false) the fields contained within the fieldset seem to be overlaid with a control that renders them effectively disabled.



Attached are the relevant files (with a .txt extension) from a 'sencha generate app'.



One thing to note is that manifest and microloader are embeded.



Is this a bug or is there another solution to this issue?



Using Sencha Cmd v5.1.2.52 and framework 5.1.0.107

Attached Files

• Main.js.txt‎ (5.1 KB)


• app.json.txt‎ (10.3 KB)

fieldset setDisabled(false) leaves fields disabled

tab change lose url parameter

Dear All,



i open two tabs in tabpanel. so there are two links.

one is http://ift.tt/1FWL391

the other is http://ift.tt/1J67F4u,



first i am in this url(http://ift.tt/1J67F4u), but when i change to another tab. the url will be change as http://ift.tt/1FWL1OC not http://ift.tt/1J67GFx/123


it means i lost the parameter 123.



can anybody tell me why?



thansk.

tab change lose url parameter

cmd build corelibs+app cache vs cmd build app cache

Hi guys,



I have tried several aproaches without success, I need to separate ext-*-js in a separate file, from the app code autogenerate with cmd build. (reason , at the end)



Note: sencha build will autogenerate sencha based on requires, but at the end we will use all exjts components, so for this case there is not difference between ext-all,js and ext-**required**.js



Current scenary:

App.js : all sencha code + aplication code. Size: 3M.



Flow:

1. First user webbrowser request.

--- file download

2. Second user webbrowser request.

--- file loaded from cache



(Why we need this change?) So far here, it's ok, but the issue its that we recompile each week. So each week our users browser will redownload the app.js(>3M), we can't do this anymore.



So we need to split and compile into two files:

A) Core libs(extjs, ex:gant, ex:otherlib) (=2/3M that will be cached like for ever)

B) App code: (<1M, that will be cached per 7 days)



I know this it's case for several developers, so let's splite core libs and the app code so we won't be fetching all file just because we change a few lines in the app code.



thanks comunnity.

cmd build corelibs+app cache vs cmd build app cache

Problem binding to object stored in grid column

I'm not entirely sure if this is even possible. I thought it might be a job for deep binding, but I couldn't get that to work.



The fiddle http://ift.tt/1EO8iRg shows a simple stored, with a bound grid, and a form bound to the grid.



Selecting rows in the grid updates the form as expected, and editing the firstName or lastName fields in the form updates the grid as expected, but editing the properties of the data column does not update the grid.



Am I missing something basic or is this just not possible to do?

Problem binding to object stored in grid column

Renaming builds not working

Hi,



I have tried to change the name of the builds from "modern" / "classic" to "desktop" / "touch" in app.json:

Code:

---



"builds": {
"classic": {
"toolkit": "classic",
"theme": "theme-neptune"
},

"modern": {
"toolkit": "modern",
"theme": "theme-neptune"
}
},

---

to

Code:

---



"builds": {
"desktop": {
"toolkit": "classic",
"theme": "theme-neptune"
},

"touch": {
"toolkit": "modern",
"theme": "theme-neptune"
}
},

---

The app works but it fails to load the CSS. It tries to load it from "modern" instead of "touch":

Code:

---

http://localhost:4000/build/production/SomeApp/modern/resources/SomeApp-all.css?_dc=20150416233354 <--------- won't work

http://localhost:4000/build/production/SomeApp/touch/resources/SomeApp-all.css?_dc=20150416233354 <--------- this would work

---

I have tried to clean the build, execute "sencha app refresh" and "sencha app build" but it keeps trying to use the wrong path for loading the CSS



Congrats for the work on this release. Love the idea of universal apps, it's such a huge step forward.

Renaming builds not working

Dynamic Font Size for iPad vs. iPhone

I have an application that has a form with a fair bit of data in it. If I shrink the text to a reasonable size, it looks great on the iPhone, but is difficult to read clearly on the iPad. Is there any simple way of styling based on the actual size or device type? I know with javascript I can check what kind of device or OS is running, but how do I translate that into dynamic form sizes?

Dynamic Font Size for iPad vs. iPhone

Webstorm **ONLY XTYPE* Property

Hi,

For some reason I only get the "xtype" property for intellisense.



Attachment 52189





Here is what I have done:





1) Added the ext-all-debug.js (see attached).

2) Created a new Extjs App

2) Tried to complete xtype to see if other properties get activated, but in the end I still get just get the xtype property but not the rest.

3) Tried Invalidate Cache/Restart



I'm however able to link to my listener functions from my View to the ViewController using Ctrl+ Click



We would appreciated any help/tips, Thanks!

Attached Images

• xtype.jpg‎ (57.8 KB)

Webstorm **ONLY XTYPE* Property

Sencha Inspector

When can we expect to see the new version of Inspector with Fashion?

Sencha Inspector

Unanswered: GXT treegrid example with JSON data

Hi,



I am new to GXT. I am trying to populate gxt treegrid with json data. unfortunately, I am unable to find some good sample/example code in this regard. Please help me if you have some helpful example/sample code.



Thanks

IamGA

Unanswered: GXT treegrid example with JSON data

GXT TreeGrid example with JSON data

Hi,



I am new to GXT and trying to populate GXT Treeview with JSON data. I cant find any helpful example. Please help me if you have an example/sample code for it.



Thanks

IamGA

GXT TreeGrid example with JSON data

Sencha Cmd Linux build error

Not sure if this is a bug, or if this is where I should post this... but here goes:



Using ubuntu 14.04 and sencha command 6 and extjs 6



running:



sencha -sdk /home/mark/ext-6.0.0 generate app ot /home/mark/work/otapp



I was getting error that could not execute external processes.



After running with -d flag found that it was looking for phantomjs in



Sencha/Cmd/6.0.0.92/bin/linux-x64/phantomjs/phantomjs

The install folder is

Sencha/Cmd/6.0.0.92/bin/linux/phantomjs/phantomjs



after doing a ln -s linux linux-x64 in the bin folder I was able to successfully execute the command.

Sencha Cmd Linux build error

ExtJS 3.1.1 to ExtJS 4.2.3 Migration Not Rendering

I am going through example provided in the ext3-to-ext4-migration package mentioned in this blog - www.sencha.com/blog/ext-js-3-to-4-migration/ however the application will not render after referencing extJS 4.2.3 and the ext3 compatibility files.



Has anyone seen this happen before?

ExtJS 3.1.1 to ExtJS 4.2.3 Migration Not Rendering

I need to plot in extjs 3.0. Here 's how I'm doing and not work for me. thanks

this.storeG = new Ext.data.JsonStore({

fields:['name', 'visits', 'views'],

data: [

{name:'Jul 07', visits: 245000, views: 3000000},

{name:'Aug 07', visits: 240000, views: 3500000},

{name:'Sep 07', visits: 355000, views: 4000000},

{name:'Oct 07', visits: 375000, views: 4200000},

{name:'Nov 07', visits: 490000, views: 4500000},

{name:'Dec 07', visits: 495000, views: 5800000},

{name:'Jan 08', visits: 520000, views: 6000000},

{name:'Feb 08', visits: 620000, views: 7500000}

]

}),



Ext.chart.Chart.CHART_URL ='../../gfx/charts.swf',

this.columnChart = new Ext.chart.ColumnChart({

store: me.storeG,

xField: 'framework',

yField: 'users'

}),



this.win = new Ext.Window({

title: 'Ejemplo de GFK de Barra',

id:'lolo',

width:200,

height:200,

layout:'fit',

collapsible: true,

border:false,

modal:true,

titleCollapse: true,

items:this.columnChart

}),

this.win.show();

I need to plot in extjs 3.0. Here 's how I'm doing and not work for me. thanks

Error generating app with sencha 6

After installing sencha command 6.0.0.92 on linux (ubuntu 14.04)

I run this command:



sencha -sdk /home/mark/ext-6.0.0 generate app ot /home/mark/work/otapp



I get this error:



Sencha Cmd v6.0.0.92

[INF] Copying framework to /home/mark/work/otapp/ext

[INF] Processing Build Descriptor : classic

[ERR]

[ERR] BUILD FAILED

[ERR] com.sencha.exceptions.BasicException: Cannot find file: /home/mark/software/Sencha/Cmd/repo/.sencha/codegen.json

[ERR]

[ERR] Total time: 3 seconds

[ERR] The following error occurred while executing this line:

/home/mark/software/Sencha/Cmd/6.0.0.92/plugins/ext/current/plugin.xml:134: com.sencha.exceptions.BasicException: Cannot find file: /home/mark/software/Sencha/Cmd/repo/.sencha/codegen.json

[ERR]

The application was last modified by an older version of Sencha Cmd (6.0.0.91)

the current is 6.0.0.92.

Please run "sencha package upgrade" to update to 6.0.0.92.



>>>>>> END OF ERROR <<<<<<





There is no repo folder under the Sencha/Cmd folder.



After doing some reading it seems the local repository should have been create automatically. I removed and re-installed Sencha Cmd 6 and again it did not create the local repository and it also appeared to not give any errors.



Do I need to do something to install the local repository?





Thanks,

Mark

Error generating app with sencha 6

New classes not being picked up

Hey,



I've just started playing with Ext 6 and am hitting a bit of a brick wall on one of the first hurdles. I think it must be something obvious but I'm not able to figure it out.



I have created a new Universal app with Sencha Cmd 6, and successfully built and launched both the classic and modern versions in the browser.



Now I add a new class to a new namespace in the modern folder (something like modern/src/view/feature/MyComp.js) with a simple Ext.Component. I then require it in the Main.js component that is automatically created and use its xtype in one of the tabs (in exactly the same way as the default List is used).



I then do a sencha app build and refresh the browser. There is always an error in the console complaining about the MyComp file not being found in the common src folder, rather than looking in the modern's src folder.



On digging a bit deeper the modern.json file file never gets updated with the MyComp class (although the xtype is mapped correctly).



I have tried this multiple times starting from scratch and I can't get it to work - any ideas?



Thanks!

Stuart

New classes not being picked up

what is lockedGrid(normalGrid) and where I can find it's document

I am new for extjs. When study the code : mygrid = mytree.lockedGrid

I have hard time to find out what is lockedGrid ? what is normalGrid ?

I search ExtJs Doc only find lockedGridConfig and normalGridConfig and I have to guess lockedGrid mean left panel and normlGrid mean right panel.

Can someone point me where is the document (definition ) for lockedGrid and normalGrid .

Thank.

what is lockedGrid(normalGrid) and where I can find it's document

Menu not destroyed on item selection

Please, look at this fiddle: http://ift.tt/1J7lAao

When item is clicked menu is not destroyed inspite of autoDestroy = true and closeAction = 'destroy'

Menu not destroyed on item selection

grid listfilter, want to hide that header check

We've recently added filters to one of our grids, and we're using the ListFilter in particular. It renders itself with a checkbox next to the word Filters in the menu. The check implies that you can select all, though that doesn't seem to actually happen. It actually seems like a placeholder instead of an image icon.



Anyway, we want to hide that, or better yet replace it with an icon of our choosing. How would I go about doing that? Obviously, I don't want to change other checkboxes.

grid listfilter, want to hide that header check

MessageBox Error Unable to get property 'OK' of undefined or null reference

Hi,



I've got an app where in multiple spots in the app I'm displaying a MessageBox. There are some sections of the app where I'm getting the error "Unable to get property 'OK' of undefined or null reference when I try to Show the MessageBox. The code below is one of the spots that's not working.



Code Below

editProductGroup : function() {





var grid = Ext.getCmp('headerGrid');

var arraySelected = grid.getSelectionModel().getSelection();





Ext.Ajax.request({

url : 'groupheader/getheaderstatus.action',

timeout: 720000,

method : 'POST',

params : {

groupNumber : arraySelected[0].data.groupNumber,

server : cookie.getCookie('dataSource')

},

scope : this,





success : function(response, opts) {





var responseJSON = Ext.JSON.decode(response.responseText);





if(responseJSON.success==true) {





if(responseJSON.data!='I') {

this.getProductGroupDetails(arraySelected[0].data.groupNumber);

} else {

Ext.MessageBox.show(

{

title:'Processing',

msg: 'Group is being processed cannot edit',

buttons: Ext.MessageBox.OK,

icon: Ext.MessageBox.INFO

});

}





}

}





});





},

MessageBox Error Unable to get property 'OK' of undefined or null reference

Forum login invalid redirect

Hi,



Have real hassles with logging into the forum.

Got this today.



Attachment 52181

Attached Images

• Capture.jpg‎ (21.6 KB)

Forum login invalid redirect

Architect download links 404

Hello,



All of the download links for Architect return 404

http://ift.tt/1azXaL4

http://ift.tt/1azXcTh

http://ift.tt/1azXaL6

http://ift.tt/1azXaLa

Architect download links 404

Ext JS 6 ready for production?

Hi

We are staring a 3 month project building a mobile and desktop app for the same product. With 5 we now have 2 code bases. We would like to start with 6 so that we can share more code and try out the toolkits feature. Is this too risky, will 6 mature in 3 months, should we take the hit of upgrading or dealing with changes in 6 before the official release? Any thoughts would be appreciated thanks!

Ext JS 6 ready for production?

destroy()'ed view aren't null afterwards

Hello,



I instantiate a carousel and when tapping a close button, it should be totally destroyed (also from memory), but after calling destroy() it still exists.



How do I completely remove the views?



Bye The_Unknown

destroy()'ed view aren't null afterwards

tab change lose url

Dear All,



i open two tabs in tabpanel. so there are two links.

one is http://ift.tt/1FWL391

the other is http://ift.tt/1J67F4u,



first i am in this url(http://ift.tt/1J67F4u), but when i change to another tab. the url will be change as http://ift.tt/1FWL1OC not http://ift.tt/1J67GFx/123


it means i lost the parameter 123.



can anybody tell me why?



thansk.

tab change lose url

Ext.Microloader example for a simple Ext.form.TextField

We are evaluating Sencha for a large project, and one of the primary concerns that is preventing us from purchasing Sencha is a concern around load speed. Specifically, the time it takes to load the ext-all.js file is the biggest bottleneck. We are considering dropping ExtJs and using an alternative based upon this concern, but we have hope that we can solve this problem.



I see in some of the online demos that use of Ext.Microloader to bring in only the pieces of the ExtJs library that you need. I am unable to find much information about how to use this outside of Sencha Cmd. I should note that we are not using the Sencha Architect, or the application structure that Sencha uses. We are simply embedding an Ext.form.TextFieldinto a simple HTML form at this point. We do not want to use Sencha Cmd or Sencha Architect at this juncture, and have had good success using ExtJs with the exception for the load speed.



My question is, can anyone provide the absolute simplest example of using the Ext.Microloader to load only what is required for a simple HTML page that uses just a Ext.form.TextField?

Ext.Microloader example for a simple Ext.form.TextField

Can't download Sencha Touch

Having trouble downloading the Free Commercial version



I tried filling out the form at least 20 times....never get an email, message or download....What is going on with the downloads? I corrupted by install and need another package....please help....Thanks.

Can't download Sencha Touch

Spring Security CSRF meta tag Dom Selection

I'm using Spring Security in my application and our POST calls need append a CSRF token to all request headers which are posted to our server side.



Looking at Spring Security blog, I've found the following solution in jquery.

Code:

---

var token = $("meta[name='_csrf']").attr("content");

var header = $("meta[name='_csrf_header']").attr("content");

---

The meta tags in my single page app are:

Code:

---

<meta name="_csrf_parameter" content="_csrf" />

<meta name="_csrf_header" content="X-CSRF-TOKEN" />

<meta name="_csrf" content="......." />

---

How can I achieve the selection like what was done in jquery. I'll grab the values and add them to my overrides file so that each request has the token added in the header.



I've tried the following but getting "Error parsing selector. Parsing failed at "['_csrf']"

Code:

---

var value = Ext.dom.Query.select("meta['_csrf']");

---

Any help would be greatly appreciated

Spring Security CSRF meta tag Dom Selection

Problems with dynamically loading custom 'build' JS files

We're having some issues dynamically loading custom JS files that contain multiple Ext.define(s).



Loading the file works fine if the class definitions have all been added in the 'correct' order. That is, definitions that are 'require'd by other definitions are placed at the top.



If the file is build by concatenating all the definitions without regard to which classes require other classes, then we run into problems.



For example, if class A requires class B and the file contains Ext.define('A'...) then Ext.define('B') (in that order), when the file is loaded, the process seems to be:



A gets defined.

B gets added to Ext.Boot.suspendedQueue (because A requires it)

Bgets defined.

Then the loader tries to fetch B's stand-alone JS file from the server (it seems to disregard the fact that B's class definition has just been loaded).



Any ideas on what we can do to fix the problem?

Do we have to change our custom build scripts to 'know' which classes require other classes and concatenate them in the correct order?

Can we somehow tell the loader to 'assume all required class definitions will be in this file and don't bother building a suspendedQueue'?

Any other suggestions?



Thank you very much!

David

Problems with dynamically loading custom 'build' JS files

click menu item ?

How do I click an menu item from the java script console?

Code:

---

var ok = Ext.ComponentQuery.query('menuitem')[0];

---

click menu item ?

getContentTarget" conflicts with private framework method declared by Ext.Component

I have a Ext.ux.ManagedIframe.Component class. I am using sencha cmd 5.1.0.26 to build my application. getting below error message. I don't want to change the getContentTarget() name in this class, Any suggestion is welcome. below is log.



== Unhandled Error ==

Ext.ux.ManagedIframe.Component: Public method "getContentTarget" conflicts with private framework method declared by Ext.Component

getContentTarget" conflicts with private framework method declared by Ext.Component

Extjs custom component which extend Ext.Component conflicts method name in both.

I have a Ext.ux.ManagedIframe.Component class which extends Ext.Component.I am trying to build this with Sencha CMD 5.1.0.26. I have added this ManagedIframe class in app.json. But, seems like method name conflicts happening for getContentTarget() method. As, I don't want to changes the name of method in ManagedIframe.js file as It's used at several places.

Here is the log, while running sencha app build from project root folder.



== Unhandled Error ==

Ext.ux.ManagedIframe.Component: Public method "getContentTarget" conflicts with private framework method declared by Ext.Component

file:///C:/Softwares/tomcat/webapps/ROOT/Teamworks/Teamworks/ManagedIframe.js:342

file:///C:/Softwares/tomcat/webapps/ROOT/Teamworks/Teamworks/ManagedIframe.js:1547

[ERR] BUILD FAILED

[ERR] com.sencha.exceptions.ExProcess: phantomjs process exited with code 2

Extjs custom component which extend Ext.Component conflicts method name in both.

ECMAScript 6/7 with Sencha CMD 6?

Would Sencha CMD support some compiler like babeljs so we can use ES6/7?

What about tools as jslint?

ECMAScript 6/7 with Sencha CMD 6?

Migration issues ExtJS 5.1 -> ExtJS 6.0

I have managed to migrate Ext 5.1 to Ext 6 but there was some issues, mostly related to fashion.

General issues:

1 - sencha app upgrade doesn't work as it should, so the whole process is mostly manual. It was easier to just copy app.json and .sencha folder from application that was generated with ExtJS6 and then adjust it.

2 - "toolkit":"classic" must be set in app.json before upgrade.

3 - "modern" build profile will not work, because by default all views that we have are belonging to ExtJS, so just commented it out.

Fashion issues:

$sc-frame-top-background-color: #555555;

$sc-frame-top-background-color-over: tint($sc-frame-top-background-color, 10%);

$sc-frame-top-background-color-active: tint($sc-frame-top-background-color, 20%);

leads to this

Quote:

---

scss build error for ..\..\..\..\build\temp\production\ServiceCatalog\slicer-temp\ServiceCatalog-example.scss

Error: arg 1 tint(#555555, 20%) is not a color for 'mix'

Error: arg 1 tint(#555555, 20%) is not a color for 'mix'

saving generated css

loading generated css

using base hfref : http://localhost:1841/build/temp/pro...g/slicer-temp/

css build complete

loading widget definitions...

rendering widgets...

processing update type : CaptureWidgetManifest

saving image file to D:\Perforce\depot\Eng\SaaS\main\Platform\AppServer/build/temp/production/ServiceCatalog/slicer-temp/theme-

capture.png

Saving slicer page image to D:\Perforce\depot\Eng\SaaS\main\Platform\AppServer/build/temp/production/ServiceCatalog/slicer-temp

/theme-capture.png

saving widget data to D:\Perforce\depot\Eng\SaaS\main\Platform\AppServer/build/temp/production/ServiceCatalog/slicer-temp/theme

-capture.json

Saving slicer widget manifest to D:\Perforce\depot\Eng\SaaS\main\Platform\AppServer/build/temp/production/ServiceCatalog/slicer

[INF] Slicing images...n

[ERR]

[ERR] BUILD FAILED

[ERR] com.sencha.exceptions.BasicException: Java heap space

[ERR] at com.sencha.cli.Commands.dispatch(Commands.ja

[ERR] va:64)

[ERR]

[ERR] Total time: 29 seconds



[ERR] The following error occurred while executing this line:

D:\Perforce\depot\Eng\SaaS\main\Platform\AppServer\Modules\ServiceCatalog\.sencha\app\build-impl.xml:335: The following error o

ccurred while executing this line:

D:\Perforce\depot\Eng\SaaS\main\Platform\AppServer\Modules\ServiceCatalog\.sencha\app\slice-impl.xml:370: The following error o

ccurred while executing this line:

D:\Perforce\depot\Eng\SaaS\main\Platform\AppServer\Modules\ServiceCatalog\.sencha\app\slice-impl.xml:371: The following error o

ccurred while executing this line:

D:\Perforce\depot\Eng\SaaS\main\Platform\AppServer\Modules\ServiceCatalog\.sencha\app\slice-impl.xml:240: com.sencha.exceptions

.BasicException: Java heap space

---

if we remove all tint calls then this problem is gone.

@media doesn't work



@media (max-width: 768px) {

.page-form {

border-width: 1px 0 1px 0;

padding: 10px 0 10px 0;

}



but in general it is not that bad for pre-beta :)

Migration issues ExtJS 5.1 -> ExtJS 6.0

Extjs 6 Not Ready!

Hi

We are staring a 3 month project building a mobile and desktop app for the same product. With 5 we now have 2 code bases. We would like to start with 6 so that we can share more code and try out the toolkits feature. Is this too risky, will 6 mature in 3 months, should we take the hit of upgrading or dealing with changes in 6 before the official release? Any thoughts would be appreciated thanks!

Extjs 6 Not Ready!

How does the microloader handle loading files with duplicate classes?

Ok, please bear with me on this one...



We have 2 applications. These two apps are built using CMD and only contain the files they need. Each application contains a shared "global" class. Application 1 is updated and the global class has a "version 2" method added. Application 2 is left unchanged.



What will happen when Application 2 is loaded first and then Application 1 is loaded? Will the microloader overwrite the global class with what is coming in with Application 1 or will it leave it unchanged? Likewise, if Application 1 is loaded first and then application 2 is loaded, will the global class be degraded by Application 2 or will it see the version info and retain it?



I hope this is clear enough. Does anyone know how it will work?

How does the microloader handle loading files with duplicate classes?

Free Comercial License or GPL

Which one works for me. I'm building an app for my client and I need to publish to Apple Store and Google play, but I have a doubt with licenses.



Can I download a GPL version and publish to Apple, or should I download the free comercial version ?



Same question applies for ExtJS apps.



Thanks

Free Comercial License or GPL

Latest nightly build, latest Chrome Grid all empty rows when coming back from tab

Using latest nightly build, and latest Chrome, with the following Fiddle: http://ift.tt/1DjldZ3

1. Open left panel


2. Scroll down the grid a little


3. Click tab [Custom Title]


4. Close left panel


5. Re-open left panel


6. Go to the first tab having the grid

Attachment 52176



This is intermittent but happen at least 30% of the time, so very visible for our customers!

Attached Images

• empty grid when coming back from tab.jpg‎ (62.8 KB)

Latest nightly build, latest Chrome Grid all empty rows when coming back from tab

Can I build an ExtJS 6 app and publish to Apple ?

Can I build an ExtJS 6 app and publish it to Apple and Google Play using a GPL license ?

Can I build an ExtJS 6 app and publish to Apple ?

Paging toolbar : when I change of page the scrollbar is not always set at the top

Hi,



Ext version tested:

• Ext 5.1.0.107

Browser versions tested against:

• Google Chrome 41.0.2272.118 m


• I think that this problem is not only on Chrome

DOCTYPE tested against:

• HTML5 (<!DOCTYPE HTML>)

Description:

• I have a grid with a paging toolbar and when I change of page the scrollbar is not always set at the top

Steps to reproduce the problem:

• go to http://ift.tt/1DI4QH0


• I put the scroll at the end of my page.


• I click to display the next page the scrollbar is put at the top


• I put the scrollbar at the end of my page


• I click to display the next page the scrollbar is not at the top

The result that was expected:

• When I change of page the scrollbar must be always set at the top

The result that occurs instead:

• When I change of page the scrollbar is not always set at the top

Thank you for your help

Paging toolbar : when I change of page the scrollbar is not always set at the top

Grid last row is not visible anymore after coming back from another tab on Chrome

On Chrome but not on IE11, when coming back to another tab while the grid last row was completely visible, it's not completely visible, anymore, almost the previous last row is the one that seems to be last.





You can reproduce with: http://ift.tt/1DI4SP5



Open west panel, and from first tab, move grid to the end to completely see last row.

Then click on second tab, and come back to the first tab having the grid, you will see that last row is not completely visible anymore.



Attachment 52173

Attached Images

• last row.PNG‎ (51.7 KB)

Grid last row is not visible anymore after coming back from another tab on Chrome

How to disable auto store reloading when use dynamic binding on Viewmodel?

Dynamic binding is true useful feature of ExtJS 5, and I like to use it because I need to code less. ;) But I've found that sometimes this functionality leads to extra server load. I-|



Use case:

I have master grid and 10 details' grid as tabs in tabpanel. The grids have according stores described in viewmodel. As selection of master grid changes, dynamic binding occures, and all 10 stores reload. All is good, except one moment: user really cannot see data in all 10 grids, really it's enough to see only active grid with actual data. Rest 9 requests to server are excessive, making unneeded load.



What I do want - to save my binding description in viewmodel, but to trigger store loading in non-automatic mode, by using store.load() in selection change event, with seeking active grid and store. How to disable this automatic loading? :-?

How to disable auto store reloading when use dynamic binding on Viewmodel?

MyApp.app missing? Automatically generated Getters not working?

Not sure what's going on, but I migrated a Sencha 2.4.1 application over to Ext 6... when it loads up, the code is bailing on the first call to MyApp.app.fireEvent(...).



So I looked around, and apparently I should be calling MyApp.getApplication().fireEvent(..), but unfortunately getApplication is also undefined.



Additionally, if I skip that line and continue, I end up at a location where I'm attempting to do MyModel.getIdentifier... that is an error also. The Auto-generated getters aren't in place. MyModel.identifier returns the value, but the getter doesn't.



Any suggestions?

MyApp.app missing? Automatically generated Getters not working?

Grid filter of type number : the method clearFilter does not work has expected

Hi,



Ext version tested:

• Ext 5.1.0.107

Browser versions tested against:

• Google Chrome 41.0.2272.118 m


• I think that this problem is not only on Chrome

DOCTYPE tested against:

• HTML5 (<!DOCTYPE HTML>)

Description:

• I have a grid with a filter of type number and a button that allows to clear filters


• If this filter is activated and that I click to clear all filter the filtering of my grid is disabled but if I return in the menu filter the checkbox is always checked

Steps to reproduce the problem:

• go her http://ift.tt/1AXC2dh


• filter the data that have the id 3


• the data are filtered


• click on the button clear filters


• the data are not filtered


• click to see the column menu of the column id


• the menu filter is checked

The result that was expected:

• At the end of my scenario the menu filter of the column id must be not checked

The result that occurs instead:

• At the end of my scenario the menu filter of the column id is checked

Thank you for your help

Grid filter of type number : the method clearFilter does not work has expected

Menuitems of an button click.

I have a button, once click, opens an menu items to click, I can click the button but how would I go about clicking the sub menu from the java script console?

Menuitems of an button click.

SubMenu of an button click.

I have a button, once click, opens an sub menu of items to click, I can click the button but how would I go about clicking the sub menu from the java script console?

SubMenu of an button click.

Changing the series list in a chart

Hi,



In the app I am building I have a case where a list of records is coming back every 15 seconds and I need to chart the data that is sent back. This obviously isn't a big deal and I have that working fine; however, it is possible for 'columns' to be added or removed over time. When this happens I need to change the series list to account for these changes in the record. Again this didn't seem like it should be a big deal.



When a new set of records comes back I inspect the records to determine if there are changes in the column list and if so I create a new series list and call setSeries. Calling setSeries seems to cause some issues.



I have created a fiddle that duplicates the issues I am seeing here: http://ift.tt/1IdYIWA



If you run that fiddle you will see a chart with two series in it. If you click the "Update Series" button it will call setSeries on the chart sending in a series configuration... in this case it is the same one that was originally used. No errors are thrown and the chart appears unchanged *except* the dots in the legend turn black. If you then try to drag the splitter between the chart and the button panel the chart will resize; however, the series lines will not. If you then click the "Update Data" button a new set of series lines will appear; however, the old series lines will still be there... it is like the series lines from the original series list is frozen in the chart. You can repeatedly click the buttons to see more and more lines appear.



I don't know if I am doing something wrong or if this is a bug; however, even if I am doing something wrong I don't think the current behavior is correct.



Any ideas/help?



Thank you in advance

Changing the series list in a chart

Click a button don't work?

I've tried to fireEvent a button, but don't seem to work. It returns a true on the java script console but the action is not firing.



var myBtn = Ext.getCmp('buttonID');

myBtn.fireEvent('click', myBtn);

Click a button don't work?

CDN for ExtJs6

Is there a CDN for ExtJs6 that we can try?

CDN for ExtJs6

No XHR callbacks if form and isUpload is used with Content-Disposition

reproducer (almost):

http://ift.tt/1Hsy2Di



Ext version tested:

• Ext 4.0.7, 5.0.0, 5.0.1

Browser versions tested against:

• IE8


• FF36


• Chrome41

DOCTYPE tested against:

• <!DOCTYPE html>

Description:

If you use isUpload:true and form:someform, and you request a file which has the Content-Disposition:attachment header on it, no callback is ever fired.



Steps to reproduce the problem:

• Create an Ext.Ajax.request


• Use isUpload: true


• Use form: (attach some form, e.g. an empty one)


• register a callback of any kind (failure, callback, success)


• Send the request to a file which contains the response header
  
  "Content-Disposition: attachment; filename=somefile.txt");
  

The result that was expected:

• a callback should be fired (at least failure)

The result that occurs instead:

• no callbacks were called

No XHR callbacks if form and isUpload is used with Content-Disposition

Sencha Cmd 6 backwards compatibility

Is Sencha Cmd 6 backwards compatible with 5.0.x and 5.1.x?

Sencha Cmd 6 backwards compatibility

Sencha performances improvements / best practices

Hi Guys,

We are at the moment optimizing the beta version of our app based on Sencha, especially regarding the fluidness of animations / transitions where we have several raised points by our testers.



I have so a couple of questions, hope it's not too much, (FYI we are on Sencha 2.4.1)



- Views creations / destructions
I've read several times that the DOM manipulation is quite consuming for the webview and in some cases we should try to have all of our views in the DOM from the beginning.

In the other side, you guys are trying to say that a view unused should be destroyed or created at the moment of its use.



So, who's right ?



- Using store VS data config
So if we are pushing new views containing a list (or any view needing a data behind, with a XTemplate for ex...), should we use a Ext.Store object to handle the data or just pass the data through the list object created.

I've doubts about the performances if we use everytime Stores (creating new object for no real reason)...



Your thoughts ?



- Scroll views management (Android / iPhone <=5)
We are encountering several scroll issues (latencies / freezes) on some phone as Android (randomly) or iPhone (5 and below). Quite painful for the user experience prooving the bad quality of our work :/



Do you know anything about improvements / best-practices to improve this subject ?



- Slow App init
Launching the app could be really slow sometimes, same... especially for Android users with phones from early 2014 and below.



- Production build unstable
The production build is eliminating Ext.* objects access.

The app is working well except when we use methods as Ext.ComponentQuery / Ext.Store etc..



Weird. First time i'm seeing that.



Thanks for your feedbacks !

Alex

Sencha performances improvements / best practices

arrow key navigation and selection is not working

I'm using spell checker for extjs 5. spell checker replaces grid text editor inputel with div. Navigations such as arrow keys, CTRL+A, SHIFT + are not working. Anyhelp is appreciated

arrow key navigation and selection is not working

Sencha app watch does not respect Application 'paths' configuration

Hello,



I am creating a unit test app that requires classes from a main project, while I am working on it I am using "sencha app watch" to monitor the build and keep my files up to date.



In order to access the classes under test from my main project I am using the 'paths' configuration option on my test app to point to my main project like so:





Ext.define('MyAppTests.Application', {

extend: 'Ext.app.Application',

requires: ['MyAppTests.view.MainView'],

paths: {

'MyApp': '../src/app',

'Mock': '../mocks/app'

},

name: 'MyAppTests',

launch: function () {

Ext.widget('app-main');

}

});





It seems that app watch fails to execute when I require MyApp.AClass, though when I use Ext.create('MyApp.AClass') within the app it will work fine, though I have to trick the compiler into not trying to include it by using Ext.create('MyApp' + '.AClass') so that watch will build.



So I think there is something wrong with the watch task as it does not respect the paths configuration in Application, or am I doing something wrong?



Thanks!



PS this is version 5.1.2.52 of sencha cmd in and Ext 5.1 app

Sencha app watch does not respect Application 'paths' configuration

Sencha touch select field value disppears on mask or alert on IE device

Hello guys,



i am beginner to sencha touch8-|.

I am facing issues while handling sencha select field on IE browser.

when Sencha select field picker opens,it hides select field and text field values.



Please let me know for any updates on the same issue.





Thanks

Sencha touch select field value disppears on mask or alert on IE device

How to use ExtJs 4.2.1 htmlEditor in sencha touch 2.3.1

Can we use ExtJs 4.2.3 html Editor Classes for creating html Editor in sencha touch 2?

How to use ExtJs 4.2.1 htmlEditor in sencha touch 2.3.1

How to sort only one column data in grid table keepng sortable as false in the table.

Hello Guys,



I am having a grid table with three columns [name,age,salary] and also with three buttons named [name,age,salary] and i want to sort according to the columns .Like if i click on button (name) for the first time only the names column data must be sorted in ascending order and for the second click on the button the names column data must be sorted in descending.Keeping sortable property as false for each column.



Thanks in advance.

How to sort only one column data in grid table keepng sortable as false in the table.

Forms missing vertical scrollbar in a project converted to Sencha Architect 3.2

Dear all, seeking your help here!



We're having huge issues with a converted project, which was running perfectly before installation of Sencha Complete 1.0.8.1.



The problem is all forms lost vertical scrollbars and lower parts seem inaccessible to the majority of our users. (Lower controls are still accessible with the "Tab" key, but we strive for the UX here).



Current setup (SA about box):

version: 3.2.0.75

channel: 3.2-stable

platform: 1.4.1.960

cmd: 5.1.3.60 (installed manually, due to a problem with UTF-encoding when additional packages are used)

framework: Ext JS 5.1.x





Problematic screens generally look like this:



main view

- toolbar

- panel (border layout)

- form (west, scrollable, flex = 1, collapsible to left, collapse first, resizable)

- tab panel (center, flex = 2) The collapsible form is the problematic one.



Experiments with any combinations of values for layout, flex, scrollable, etc - were completely futile. The vertical scrollbar is visible and working in SA, but not in the compiled app.





Please, advise!



Best, Ilia.

Forms missing vertical scrollbar in a project converted to Sencha Architect 3.2

Display gaps in a Sencha Touch Cartesian Chart

I would like to display gaps in a chart serie. I'm using Sencha Touch 2.4.1. I already tried to set the data to "no data" which results in a solid line between the surrounding data records (Sencha Fiddle). Setting the data to null results in a zero value in the chart.

Is there a way to display a gap in the serie?



Regards

Sven

Display gaps in a Sencha Touch Cartesian Chart

Release Date for 5.1.1

We are having some issues, and they seemed to be fixed in 5.1.1 Can anyone tell when it is going to release?



Thanks

Release Date for 5.1.1

ViewModel Stores marked as invalid

Hello,



if I define some stores in my ViewModel and use them in the related view the code completion works good. But whatever I do the store gets marked as invalid with the message can not resolve symbol.



Is there any way to hotfix my issue ?



kind regards

ViewModel Stores marked as invalid

Display gaps in a Sencha Touch Cartesian Chart

I would like to display gaps in a chart serie. I'm using Sencha Touch 2.4.1. I already tried to set the data to "no data" which results in a solid line between the surrounding data records (Sencha Fiddle). Setting the data to null results in a zero value in the chart.

Is there a way to display a gap in the serie?



Regards

Sven

Display gaps in a Sencha Touch Cartesian Chart

Tree.setChecked method is taking more time,

Hi,

I am using Gxt3.1 tree with checkbox. i am using tree.setChecked(model,CheckState.CHECKED); method to enable the checkbox.I'm having 18000 records ( treeStore.getAll().size() )in tree. Its taking near 6 mins to enable all the checkbox. Any suggestion would be greatefull.



<CODE>

List<BpuTreeModel> all= tree.getStore().getAll();

for (BpuTreeModel model : all) {

if(model.isCheck()){

tree.setChecked(model,CheckState.CHECKED);

}

}

</CODE>





Thanks in Advance.

Tree.setChecked method is taking more time,

Cannot scroll page to the top after changing device orientation with an open window

I have an issue with my ExtJS 5 app on iPhone or iPad where if I rotate the device to change orientation while having a modal window open, and then rotate it back to the original orientation, I won't be able to scroll to the top of the page after closing the modal window. This problem is reproducible using Safari or Chrome in both iOS 7 and 8.



Here is the sample code that shows the problem. My real app is a vbox with two components: a header and content container. I can reproduce the problem with just the content container and hence the simple version here. The long dummy text is there to make the container long enough to show a vertical scroll bar and that is necessary to reproduce the problem. Any suggestions will be greatly appreciated.



Ext.define('WinOrScroll.view.main.Main', {

extend: 'Ext.container.Container',

requires: [

'WinOrScroll.view.main.MainController',

'WinOrScroll.view.main.MainModel'

],





xtype: 'app-main',



controller: 'main',

viewModel: {

type: 'main'

},





layout: {

type: 'vbox',

align: 'stretch'

},





items: [{

xtype: 'container',

autoScroll: 'true',

flex: 1,

items:[{

html: '<p>SCROLL TO THE BOTTOM OF THE PAGE AND CLICK THE "Push this to Test" BUTTON</p>' +

'<p>Miusov, as a man man of breeding and deilcacy, could not but feel some inwrd qualms, when he reached the Father Superiors with Ivan: he felt ashamed of havin lost his temper. He felt that he ought to have disdaimed that despicable wretch, Fyodor Pavlovitch, too much to have been upset by him in Father Zossimas cell, and so to have forgotten himself. "Teh monks were not to blame, in any case," he reflceted, on the steps. "And if they are decent people here (and the Father Superior, I understand, is a nobleman) why not be friendly and courteous withthem? I will not argue, I will fall in with everything, I will win them by politness, and show them that I have nothing to do with that Aesop, thta buffoon, that Pierrot, and have merely been takken in over this affair, just as they have. He determined to drop his litigation with the monastry, and relinguish his claims to the wood-cuting and fishery rihgts at once. He was the more ready to do this becuase the rights had becom much less valuable, and he had indeed the vaguest idea where the wood and river in quedtion were.</p>' +

'<p>Qui no velit similique moderatius, mel falli deserunt consequuntur ne. Erat justo velit ut ius, equidem appetere posidonium ei mei. In mea possim alterum, omnes alterum democritum ad mea. Vix id lobortis prodesset. Quem posidonium dissentiunt eos et. Eligendi reprimique at pro. Nam ut numquam volutpat imperdiet. Mel malorum menandri cu. Ius quaestio atomorum eu. Cu ius rebum iudicabit corrumpit.</p>' +

'<p>Vis ridens deserunt sententiae ei. No qui dicunt tibique. Tale moderatius pro ad, an probo verear vix. In ius etiam dicit pertinax, est ei lorem iudicabit urbanitas. Eum ex ignota feugait voluptaria, et per dolorem definitionem.</p>' +

'<p>Qui ut debet neglegentur consectetuer, erat illum antiopam ea quo. Te has solum accumsan vituperatoribus. No alii aliquam vis. Menandri oportere sit ex. His an tibique salutatus, has diceret detracto at, nec an clita menandri moderatius.</p>' +

'<p>Ne facilis vivendo ponderum ius, oratio dolore eu pro. Mel utamur reprehendunt et, ei ius quas brute appetere. Vix novum aeque dignissim ut, ea animal iracundia eum, qui eu quodsi epicuri rationibus. Luptatum philosophia est eu, elitr intellegat nec at. Persius sadipscing id mei, zril laudem legimus vim ex.</p>' +

'<p>Eu duo adipiscing intellegam, ne amet lucilius adipisci vel. Quo tota expetenda at, cum ei modus omnes tollit. Sea te nusquam docendi maiestatis, at tale dicta labore vis, eu pro iriure pertinax evertitur. Unum impetus definitiones ea usu, movet option feugait ne cum, eum sale movet ancillae ne.</p>' +

'<p>Pri nullam luptatum an. Ad simul dissentiet eos, ad eam rationibus referrentur. Duo at erant salutandi dissentias, in vis mutat malis, his ad error detraxit invenire. Ne tamquam facilis patrioque quo. Nam id sonet aeterno. Ne tota dicunt assentior eam, sea essent vocibus concludaturque ei, te inimicus rationibus honestatis quo. At graecis senserit pertinacia sit, harum perfecto voluptatibus ex sit.</p>' +

'<p>Autem menandri at cum. No habeo novum scribentur sea, eum ad nobis temporibus. Stet altera repudiandae ei nec, id audiam commune usu. Ne mei porro nostro, illum adversarium pri at, ne impetus detracto menandri vis. Wisi illud definitionem sea ex, usu graeci percipitur et. Ei duo iudico atomorum torquatos.</p>' +

'<p>Audire expetenda eu sit. Ea nec errem quaestio suscipiantur. Id duo solum liber indoctum, erant expetenda pro ut. Cu movet habemus signiferumque vis, no eam omnesque iracundia, singulis sententiae signiferumque id cum. Id ceteros adipiscing vix, mei ex liber mediocrem. Ne consulatu hendrerit vix, his no postea eripuit commune.</p>' +

'<p>Pri nullam luptatum an. Ad simul dissentiet eos, ad eam rationibus referrentur. Duo at erant salutandi dissentias, in vis mutat malis, his ad error detraxit invenire. Ne tamquam facilis patrioque quo. Nam id sonet aeterno. Ne tota dicunt assentior eam, sea essent vocibus concludaturque ei, te inimicus rationibus honestatis quo. At graecis senserit pertinacia sit, harum perfecto voluptatibus ex sit.</p>' +

'<p>Autem menandri at cum. No habeo novum scribentur sea, eum ad nobis temporibus. Stet altera repudiandae ei nec, id audiam commune usu. Ne mei porro nostro, illum adversarium pri at, ne impetus detracto menandri vis. Wisi illud definitionem sea ex, usu graeci percipitur et. Ei duo iudico atomorum torquatos.</p>' +

'<p>Audire expetenda eu sit. Ea nec errem quaestio suscipiantur. Id duo solum liber indoctum, erant expetenda pro ut. Cu movet habemus signiferumque vis, no eam omnesque iracundia, singulis sententiae signiferumque id cum. Id ceteros adipiscing vix, mei ex liber mediocrem. Ne consulatu hendrerit vix, his no postea eripuit commune.</p>'

},{

xtype: 'button',

text: 'Push this to Test',

handler: function () {

Ext.Msg.alert('Repro Steps', 'Rotate your device to change orientation. Then rotate back to original orientation and click OK. Notice that you will not be able to scroll all the way to the top after the window is closed');

}

}]

}]

});

Cannot scroll page to the top after changing device orientation with an open window

store undefined while loading in a viewmodel formula

http://ift.tt/1ytneTW





just look at the output below the grid.



Essentially, if you do vm.get('someStore'), it is null/undefined only while the store is loading. doesnt make for a fun debugging experience.



Thanks ahead of time for the bug number. Please make this a test you guys run in the future, seems incredibly likely that this would happen with ANY use of your libraries in a somewhat sophisticated application.

store undefined while loading in a viewmodel formula

Senchacon access to content for attendees

Hi,



Any indication of when the Senchacon content will be available for attendees?

Trying to put together resources for my development team.

Senchacon access to content for attendees

Require to display a notification icon

In a form I want to display a notification icon? which xtype can I use?

I do not want an xtype of button with glyph or iconCls

In short I want an icon only component and in that component I would be specifying a glyph

Any suggestions,approaches would be very helpful

Require to display a notification icon

setting the value of a text field item in a window

Have a requirement where I need to display a warning symbol, on clicking on this warning symbol a window must popup with an error message, so I must be able to pass the error message from the icon component to the window

I've been using a combination of window.setData, and trying to set the field before render, however it just does not seem to work.

My window looks like this:

DataWindow = Ext.extend(Ext.Window, {





initComponent: function() {

Ext.apply(this, {

errorMsg :'',

modal: true,

width: 600,

height: 500,

text: data,

items: { // Let's put an empty grid in just to illustrate fit layout

xtype: 'label',

border: false

},



});

DataWindow.superclass.initComponent.apply(this, arguments);}

});



Must be able to set the data in the inner xtype: 'label',

i.e set the text property in it with the message which is passed in on clicking the icon.



Approaches,ideas are priceless here

setting the value of a text field item in a window

Enhancement request: Requires block management should consider parent classes

It would be very cool if the requires block management would consider what is in the requires blocks of the parent class structure. Currently it seems to be done on a class-by-class basis, not considering the parent classes.



Thanks!

Enhancement request: Requires block management should consider parent classes

Require to display a notification icon

In a form I want to display a notification icon? which xtype can I use?

I do not want an xtype of button with glyph or iconCls

In short I want an icon only component and in that component I would be specifying a glyph

Any suggestions,approaches would be very helpful

Require to display a notification icon

ptype is not detected for requires block management

It looks like the ptype is not being detected for the requires block management. I haven't checked, but this could also mean ftype is not working either.



Any config objects using those properties should have the proper classes put into the requires block.



Keep up the good work! Thanks...

ptype is not detected for requires block management

Default storeId not found with JetBrain Plugin

Hi,



If the storeId is not specified, the default storeId is the namespace after the .store (e.g. 'App.store.namespace.storename' then the storeId is 'namespace.storename'). The plugin is picking up specified storeId in my views when used and specified in the store, but its not picking up the default storeId when omitted.



My understanding is that the storeId was only required if it was needed to be changed to something else than the default value. Is the plugin missing it or am I forced to specify it?



rafael

Default storeId not found with JetBrain Plugin

Fresh universal project does not 'sencha app refresh'

I created a simple app and am trying to refresh the bootstrap using sencha app refresh. When I do it fails on the theme. When I add toolkit: 'classic' to the app.json it does work. But that kind of defeats the purpose of a universal app.

Even on a newly created project without any changes this does not work.

Code:

---

>sencha generate app FooBar /tmp/foobar

>cd /tmp/foobar

>sencha app refresh

Sencha Cmd v6.0.0.92

[WRN] Failed to resolve package theme-neptune

[ERR] Theme "theme-neptune" not found

[ERR] Required package "theme-neptune" not found

---

PS. I am trying to refresh to load in dependencies in an ExtJS package

Fresh universal project does not 'sencha app refresh'