Convert from Extjs 4.0.7 to Extjs 4.1 - extjs4

I have been developed one application in extjs 4.0.7. and now if i want to use extjs 4.1. for further implementation of that application.
Is it possible? Plz help me, if answer is yes.
Thank you

Of course an upgrade is possible. Replace your extjs scripts (ext-all.js etc) from 4.0.7 to 4.1. In most cases you should not face any problem as this is mostly a performance focussed release. http://www.sencha.com/blog/whats-new-in-ext-js-4-1

Convert from Extjs 4.0.7 to Extjs 4.1.

Yes you can upgrade your application from extjs 4.0.7 to 4.1.1 For that you need to replace your ext-all.js/ext-debug-all.js (for debug purpose) but after replacing you may get few problems related to syntax such as in editor, previously we were using record, instead of that we need to use e.record.
listeners : {
'edit' : function(editor, e) {
var grid = e.grid;
var record = e.record;
}
}

There are some issues with the ext-all.css if you are using any custom images on the panel header. Be wary of it. And also html property in the panel is not working.

Related

ExtJS 5 Custom Theme Testing

I recently started to create custom theme for ExtJS 5 by Sencha.
Following http://docs.sencha.com/extjs/5.0.0/core_concepts/theming.html I managed to create ThemeDemoApp, inherit ext-theme-neptune, change $base-color to green and refresh/rebuild ThemeDemoApp with my-custom-theme. All ok.
My problem is, ThemeDemoApp is quite poor for testing a custom theme. A panel, tab, button and a modal window. That's it?
After bit of googling I bumped into http://dev.sencha.com/ext/5.0.0/examples/themes/index.html. (Why isn't this mentioned in the guide?!) Heading says: View and test every Ext component against bundled Ext Themes, or your own custom themes.
My question is: How? How do I test my own custom theme against this example? Do I have to dig into the source (themes.js) and build such page/application myself?
The examples - including the Theme tester - is included in the ExtJS download.
You can modify the list of themes available by editing the shared/options-toolbar.js file.
To get it to find your theme, you'll either need to name it similar to the others (ext-theme-name), or modify themes.js accordingly.
Or you could just hack the theme.js file to hardcode your theme.
(Ext JS 4 used to create an example page for themes automatically - it doesn't seem to do that now, though)
According to advice at How do I include a JavaScript file in another JavaScript file? I decided to load both options-toolbar.js and themes.js (with just minor modification - commenting out Ext.onReady(...) function in themes.js) and I used functions getBasicPanel(), getCollapsedPanel(), etc. in my own application to create the same testing page (absolute-layout container that fits the page).
Anyhow, I guess Robert's answer is the correct one - there is no prearranged, ready-to-use functionality from Sencha :-(

Dojo Image Indicator while partial refresh not working in Notes 9

I am helping a co-worker with a issue in a production datatbase. The database makes use of a visual indicator to show the user during long partial refreshes. We are in the process of upgrading the application to Notes 9.0.1.
The method that is used is described in detail in this blog post by Eric Tomenga: https://www.socialbizug.org/blogs/tomenga/entry/dojo_loading_image_indicator_while_partial_refresh_loads_data?lang=en_us (blog that Eric's references appears to be offline)
The code is not altered from what is shown in the post. Works in 8.5.3 completely, but in 9.0.1, the "Please Wait" works but the spining image is absent.
My suspicion is that newer dojo version that Notes 9 uses changes something that breaks this. Downgrading dojo versions is not an option. Hoping for a workaround.
<xp:this.onStart><![CDATA[XSP.startAjaxLoading()]]></xp:this.onStart>
<xp:this.onComplete><![CDATA[XSP.endAjaxLoading()]]></xp:this.onComplete>
<xp:this.onError><![CDATA[XSP.endAjaxLoading()]]></xp:this.onError>
This is added to the element you want to use it with (button in this case). The following dojo modules are added to XPage resources: extlib.dijit.ExtLib + extlib.dijit.Loading
I'm pretty sure you'll need to add the relevant Dojo module as well. You can see a working example of the code on the Admin page of the XPages Extension Library demo database. I can't remember off-hand which dojo module it is, so please post here if that solves it.

Add JavaScript documentation Sencha Architect

Is it possible to add documentation (not just comments) to your javascript methods in Sencha Architect. I cannot seem to add lines above methods because of the specific method views in Architect.
I am talking about the following documentation:
/**
* this documentation
*/
bla: function() {
//I do know how to add this comment!
}
UPDATE:
Seems that it is not possible :(
http://www.sencha.com/forum/showthread.php?281079-Sencha-Architect-Code-Documentation-%28JSDocs%
I will keep this thread open to see if someone knows a workaround to the problem.
Architect 3.1 or 3.1.1 will add commenting. It's done in prototype form but we are racing to add Ext JS 5 so it's on the back burner until then.

JSF form with file upload and multiple select capabilities

I am using JSF 2.0, and I have a form with a primefaces autoComplete (multiple) field, and a couple of file inputs. Since I'm using a file input, my h:form tag uses enctype="multipart/form-data" .
However, when I set my form to be multipart, my autocomplete field only returns the last item to my bean (the list is always of size 1). This issue also occurs when just using a regular multiple select element instead of the primefaces autocomplete (the autocomplete makes use of a hidden multiple select element). When I remove enctype="multipart/form-data", this issue goes away, but of course, my bean cannot detect the files I wish to upload.
Has anyone faced this issue and found a solution?
I am using: Liferay 6.1 GA2, Primefaces 3.5, Mojarra 2.1.21
Anghel Leonard describes in article Uploading multiple files using pass through namespace (http://xmlns.jcp.org/jsf/passthrough) to add multiple attribute and overriding FileRenderer#decode method to extract uploaded files.
I had the same problem with JBoss EAP 6.1. Turns out it's a bug in the implementation of the Request.java object which isn't fixed until Wildfly 8.x. Reference here: https://community.jboss.org/thread/223085
To get around this, I used a filter from BalusC's blog: http://balusc.blogspot.com/2007/11/multipartfilter.html
Note that even though JBoss is a 3.0 servlet spec, I couldn't use BalusC's related blog entry for 3.0 because of the bug.
To anyone who is facing this issue, I would just like to share that I eventually turned to using jquery's autocomplete widget instead.

How to create fiddles for Sencha touch 2.1.1 or 2.2?

Since fiddles are very useful to explain and understand issues on any forum I would like to create fiddle for Sencha touch 2.1.1(which is the version I use) when I post here but http://www.senchafiddle.com/ only oppers Sencha-Touch-2.0.1 and http://jsfiddle.net/ doesn't even have any option for Sencha Touch, so how to make fiddles with latest versions?
You can try sencha playground by WalkingTree. I haven't played with it much but it seems legit.
You can have access to Sencha Touch 2.1 with New Senchafiddle
JSFiddle will work. Just need to specifiy the external resources. Sometimes SenchaFiddle gives me errors when I try to save my code. This is an alternative in case senchafiddle doesn't behave as expected.
Sencha CDN will have the required css and js files.
Eg. 2.2.1 css and js url
http://cdn.sencha.com/touch/sencha-touch-2.2.1/sencha-touch-all-debug.js
http://cdn.sencha.com/touch/sencha-touch-2.2.1/resources/css/sencha-touch.css
Other versions can be accessed like
http://cdn.sencha.com/touch/sencha-touch-2.1.1/resources/css/sencha-touch.css
http://cdn.sencha.com/touch/sencha-touch-2.1.1/sencha-touch-all-debug.js
Then I put everything I need inside the launch function in the code below.
Ext.Loader.setConfig({
enabled: true
});
Ext.application({
launch: function () {
//Your code goes here.
}
});
Here is a demo.
The official Sencha Touch Fiddle now seems to be live:
fiddle.sencha.com
The other fiddle site (new.senchafiddle.com), marked at the answer above, no longer seems to be up and running.