Example of a Sencha Extjs custom button UI - extjs

I'm trying to create a custom button ui using version 4.1.3 of Sencha's Extjs SDK and I keep getting errors when trying to compile my sass file with compass. I've tried troubleshooting it myself, searching around for answers online, and posting to the Sencha forum for help and I can't seem to find an answer.
Does anyone have or know of an example file with a working custom button UI implemented? I'm sure there's just one small setting or configuration I have wrong, so comparing what I have to a sample file would be incredibly helpful.
Thanks.

Related

Separation of an example from extjs

I am developing an application in PHP which uses ExtJs 4 as its front end. I have selected a theme from the examples they are provided with the source download. I am trying to take out the theme from package, but It seems the examples are not stand alone. They are linked with other examples. Somebody help me to take it out.

Why Ext.grid.plugin.RowEditing not working properly while using extended store?

I'm facing an issue using Ext.grid.plugin.RowEditing inside an ExtJS 4.1.1 MVC application. As far as I know, I have to provide my own Ext.data.Store extension for use inside an Ext MVC architecture, but doing this, form fields displayed inside the editing ruler remain empty, even though the corresponding record is fully filled. Indeed, before installing the plugin in my MVC project, I made a quick test in which the store is instanciated from the core class and everything works correctly.
I have googled a bit about that and found some quite close topics, but nothing that could help me so far. So, I hope anyone here has encountered the same problem.
Update
I have tried to reproduce this bug here http://jsfiddle.net/hcNgP/ with no success. I currently suspect my version of ExtJS (Ext.getVersion() gives me 4.1.1.1). I'll go back here with more details as soon as possible. Thanks everyone.
Not sure what you mean by extended store, but here is a full example that works as designed.
http://jsfiddle.net/dbrin/uu56M/

ExtJs 4.2 Themes

We are working with Sechnca's extjs
On the recent version 4.2 - they release the option to build a theme and compile it using their own CMD.
We are looking for a method to create a new theme but instead of using Sechnca CMD use Compass.
Has anyone been successful in doing that?
Short answer, "no".
I was using compass with extjs 4.1. While you might be successful in trying to do it with 4.2, I spent about 2 days trying to get it to work. Eventually I gave up and started to use the sencha command line utility. I would really suggest sticking with the methods they outline in the documentation. The sencha command does a lot of the heavy lifting for you, error checking, validation, it even slices up the CSS3 gradients into images for you.

Migrating from Ext JS 2 to Ext JS 4

I am getting this error on page load itself.
Error: [Ext.extend] Attempting to extend from a class which has not been loaded on the page.
javascript//ext-4.1.1a/ext-all-debug.js
Line 4391
I'm not able to render the page at all. Any ideas?
I have also used extjs4 compatibility for migration.
Are you using all of the resources outlined here, including the screencasts? The videos take a little time commitment, but I think you'll find them quite helpful as they walk through several examples of how to debug exactly these types of issues. Learning to debug effectively will be the best way to tackle this type of migration.
There's no class named 'TreeNodeUI' in ExtJS. If you want treepanel, then you need to extend 'treepanel'. Please have a look at examples given on Sencha website before trying out any code.

Syntax highlighting in ExtJS?

Does anybody know of an ExtJS editor (like HTMLEditor) with syntax highlighting or does someone has some experience integrating Bespin or other Scripts into it?
There is no specific editor for ExtJS code highlighting, however, you can use CodeMirror for Javascript code highlighting. Even I integrated it with my ExtJS application to write Javascript as well as ExtJS codes and it is working perfectly.
If you want to get this feature for highlighting codes in IDE then you can use Spket Update : "http://www.spket.com/update/" in Eclipse (Help->Software Updates->Find and Install->Search for new feeatures) for ExtJS code highlighting.
you could use ace-extjs
In the ExtJs Forum someone published a syntax file for vim, which I use daily.
There is also this (older) blog post : IDEs, Plugins and tool for ExtJs.
Finally, you have a lot of forums thread abouts IDE.
PHP Storm and Webstorm are great

Resources