JavaPins - Stories tagged with ExtJS 4
1
Pins

ExtJS 4 MVC Example: Ajax with XML Forms | Loiane Groner

published 674 days, 20 hours, 24 minutes ago posted by anishaanisha 675 days, 19 hours, 21 minutes ago
Thursday, September 06, 2012 5:48:52 PM GMT Wednesday, September 05, 2012 6:52:09 PM GMT
Another ExtJS 4 MVC Example. Today we are going to port the  Ajax with XML Forms to MVC. Let’s get started! Project’s Structure Model – Contact (more)
category: Ajax | clicked: 5 | comment | | source: loianegroner.com
tags: Ajax, ExtJS 4, MVC, XML
1
Pins

ExtJS 4 Example: Multiline Row in a Grid | Loiane Groner

published 674 days, 20 hours, 24 minutes ago posted by anishaanisha 675 days, 19 hours, 22 minutes ago
Thursday, September 06, 2012 5:48:52 PM GMT Wednesday, September 05, 2012 6:51:06 PM GMT
Today’s post is a quick tip of how we can modify the ExtJS 4 grid to support multiline rows if the content does not fit in a single row. For example, take a look at the following grid: In the description column, we want to display the following content: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales a, porta at, vulputate eget, dui. (more)
category: Ajax | clicked: 9 | comment | | source: loianegroner.com
tags: example, ExtJS 4, Grid
1
Pins

Tutorial: Adding a Flash file inside an ExtJS 4 Component | Loiane Groner

published 674 days, 20 hours, 24 minutes ago posted by anishaanisha 675 days, 19 hours, 27 minutes ago
Thursday, September 06, 2012 5:48:52 PM GMT Wednesday, September 05, 2012 6:46:39 PM GMT
Today we are going to learn how to add a flash file (.swf) inside an ExtJS 4 Component. First, let’s check out what we are going to implement: What we are going to need for this example:ExtJS 4 SDKA flash file (more)
category: Ajax | clicked: 0 | comment | | source: loianegroner.com
tags: Adding, ExtJS 4, Flash file
1
Pins

Hiren's Technical Blog: Small Tips for ExtJs Programming

published 885 days, 40 minutes ago posted by karlenekarlene 887 days, 22 hours, 26 minutes ago
Thursday, February 09, 2012 1:32:55 PM GMT Monday, February 06, 2012 3:47:05 PM GMT
Hello, Here I am sharing some tips that would be useful for you while working with ExtJs. These tips are about issues I faced while working on ExtJs projects. 1) Get-Set ExtJs Panel HTML I don't know how many of you faced this issue. While working on one project, requirement was to set panel HTML dynamically. If you check Panel class there is not any method like getHtml() setHtml(). Following is the solution for it. var dynamicHtml = ''; myPanelObj.body.dom.innerHTML = dynamicHtml; ... (more)
category: Open Source | clicked: 4 | comment | | source: davehiren.blogspot.in
tags: Ext JS, Ext JS 4, extjs, ExtJS 4, tips, Tricks
1
Pins

Hiren's Technical Blog: Synchronize ExtJs Grid vertical Scrollbar

published 886 days, 22 hours, 36 minutes ago posted by karlenekarlene 887 days, 22 hours, 35 minutes ago
Tuesday, February 07, 2012 3:37:07 PM GMT Monday, February 06, 2012 3:38:42 PM GMT
Recently I was working on ExtJs project in which there were two grids side by side and requirement was to synchronize scrollbar of both grids. See the picture below. If user moves vertical scrollbar of left grid right grid scrollbar should be moved automatically and vice versa. So how to do that? Following is the trick. Suppose left grid object is leftGrid and right grid object is rightGrid variables. var leftGridScroller = leftGrid.getVerticalScroller();   leftGridScroller.on({     '... (more)
category: Open Source | clicked: 6 | comment | | source: davehiren.blogspot.in
tags: Ext JS, extjs, ExtJS 4, ExtJS Grid
2
Pins

Hiren's Technical Blog: Refresh single ExtJs grid row after editing without refreshing grid

published 885 days, 40 minutes ago posted by karlenekarlene 887 days, 22 hours, 42 minutes ago
Thursday, February 09, 2012 1:32:55 PM GMT Monday, February 06, 2012 3:31:40 PM GMT
Hello, This is another ExtJs blog. Recently I was working with ExtJs editor grid and I got requirement that after editing data in a row grid should be refreshed and at the same time row should be back to its normal position. Those who have worked with ExtJs editor grid know that when you edit values in row cells, it will display red mark on top left corner. It states that row data is edited. See the image below. To remove it, we need to reload grid data and refresh the grid view. Following is t... (more)
category: Open Source | clicked: 4 | comment | | source: davehiren.blogspot.in
tags: Ext JS, Ext JS 4, Ext-JS, ExtJS 4, ExtJS Grid
1
Pins

ExtJS 4 Theming: Getting This Thing to Go

published 890 days, 6 hours, 38 minutes ago posted by vinaykumarvinaykumar 893 days, 35 minutes ago
Saturday, February 04, 2012 7:35:13 AM GMT Wednesday, February 01, 2012 1:38:40 PM GMT
« Sencha Touch Theming: Custom UIsExtJS 4 Theming: Custom UIs » Recently, I’ve been concentrating a lot on theming for Sencha Touch. If you’ve read much of what I’ve posted, you know that I really love how the framework is put together, and think the SASS-y mode of custom theming is just awesome. Of course, ExtJS 4 has many of the same theming features, and a very similar workflow for creating and compiling custom themes. I’ve been playing around within some theming experiments, and learned some frustr... (more)
category: Ajax | clicked: 5 | comment | | source: existdissolve.com
tags: ExtJS 4, Theming
1
Pins

ExtJS 4: My First Build

published 892 days, 19 hours, 10 minutes ago posted by vinaykumarvinaykumar 893 days, 36 minutes ago
Wednesday, February 01, 2012 7:03:17 PM GMT Wednesday, February 01, 2012 1:37:27 PM GMT
« ExtJS 4: A Modified Ext.util.HistoryHello 2003, Let’s Build a Stylesheet Switcher! » One of the really great aspects of ExtJS 4 is the ability to configure how dependencies in your application are loaded, using asynchronous loading, synchronous loading, or a combination of both. This flexibility lets you really dig into detail when debugging, and you are able to file-by-file see where errors are occurring, where processes can be improved, etc. But even more, you can specify very granularly which files... (more)
category: Ajax | clicked: 1 | comment | | source: existdissolve.com
tags: extjs, ExtJS 4
1
Pins

ExtJS 4: Intercepting a Window Closure

published 892 days, 2 hours, 34 minutes ago posted by vinaykumarvinaykumar 893 days, 37 minutes ago
Thursday, February 02, 2012 11:39:07 AM GMT Wednesday, February 01, 2012 1:36:20 PM GMT
« ExtJS 4: Adding an App-wide Keystroke MappingExtJS 4: A Modified Ext.util.History » In a blog post I ran across recently, someone was trying to intercept the closure of a window via the “X” icon in the top right corner. The idea was to be able to run additional processing before closing the window (such as confirming save/cancel of data, resetting a form, updating a record, or whatever else). Turns out this is pretty simple to accomplish, but it’s good to understand what’s going on behind the scenes ... (more)
category: Ajax | clicked: 11 | comment | | source: existdissolve.com
tags: extjs, ExtJS 4
1
Pins

ExtJS 4: Adding an App-wide Keystroke Mapping

published 892 days, 2 hours, 34 minutes ago posted by vinaykumarvinaykumar 893 days, 38 minutes ago
Thursday, February 02, 2012 11:39:07 AM GMT Wednesday, February 01, 2012 1:35:04 PM GMT
« ExtJS: Selecting Radio ButtonsExtJS 4: Intercepting a Window Closure » In a previous post, I showed how it’s pretty simply to catch keystrokes in your controller, and then do cool stuff in your app. But what if you want to add an app-wide keystroke mapping? For example, consider you’re create something like Sencha’s desktop demo. Within such an interface, it might be nice to map keystrokes to functionality within your app (like initiating a search, closing a window, etc.). So here’s an easy way to do... (more)
category: Ajax | clicked: 2 | comment | | source: existdissolve.com
tags: App-wide, extjs, ExtJS 4, Keystroke, Mapping
2
Pins

The extjs4 xtype ‘actioncolumn’ in a nutshell | Learn Some Things

published 905 days, 7 hours, 24 minutes ago posted by karlenekarlene 909 days, 9 hours, 25 minutes ago
Friday, January 20, 2012 6:49:30 AM GMT Monday, January 16, 2012 4:48:35 AM GMT
Post navigation← PreviousNext →Posted on by Joshua Say goodbye to renderers and homemade dom insertions to get row level actions in a grid cell, there’s an xtype in extjs 4 that saves time and code. Although this field type has been available since version 3.3, I for one put off diving into the use of this feature as I waited patiently for version 4 and patched my pre 3.3 applications that used renderers to accomplish the same thing, albeit with much more code. The xtype ‘actioncolumn’ adds icons to a ... (more)
category: Open Source | clicked: 10 | comment | | source: www.learnsomethings.com
tags: Actioncolumn, extjs, ExtJS 4, Nutshell
2
Pins

Classes in Ext JS 4: Under the hood : Ed Spencer

published 905 days, 7 hours, 24 minutes ago posted by karlenekarlene 909 days, 9 hours, 27 minutes ago
Friday, January 20, 2012 6:49:30 AM GMT Monday, January 16, 2012 4:46:32 AM GMT
Last week we unveiled a the brand new class system coming in Ext JS 4. If you haven’t seen the new system in action I hope you’ll take a look at the blog post on sencha.com and check out the live demo. Today we’re going to dig a little deeper into the class system to see how it actually works. To briefly recap, the new class system enables us to define classes like this: (more)
category: Open Source | clicked: 6 | comment | | source: edspencer.net
tags: classes, Ext JS, extjs, ExtJS 4
1
Pins

The extjs4 xtype ‘actioncolumn’ in a nutshell | Learn Some Things

published 905 days, 7 hours, 24 minutes ago posted by karlenekarlene 909 days, 10 hours, 15 minutes ago
Friday, January 20, 2012 6:49:30 AM GMT Monday, January 16, 2012 3:58:30 AM GMT
Say goodbye to renderers and homemade dom insertions to get row level actions in a grid cell, there’s an xtype in extjs 4 that saves time and code. Although this field type has been available since version 3.3, I for one put off diving into the use of this feature as I waited patiently for version 4 and patched my pre 3.3 applications that used renderers to accomplish the same thing, albeit with much more code. The xtype ‘actioncolumn’ adds icons to a column; and these icons each contain a handler with r... (more)
category: Open Source | clicked: 8 | comment | | source: www.learnsomethings.com
tags: Ext JS, Ext JS 4, extjs, ExtJS 4
3
Pins

A guide to custom themes in ExtJS 4 » Rally Engineering Blog

published 905 days, 18 hours, 15 minutes ago posted by karlenekarlene 909 days, 10 hours, 18 minutes ago
Thursday, January 19, 2012 7:58:15 PM GMT Monday, January 16, 2012 3:54:49 AM GMT
Background I’ve never liked having to solve a problem in a different way for different browsers. Yes, I’m talking about you Internet Explorer. We’ve dropped support for IE6 at Rally (it still has to work, but is far from pixel perfect), but we still have many customers using IE7+. Before version 4, ExtJS catered to the lowest common denominator. That meant relying on images for rounded corners, shadows, etc. Even in modern browsers that support CSS3 styles for border radius and the like ExtJS used cros... (more)
category: Open Source | clicked: 3 | comment | | source: www.rallydev.com
tags: extjs, ExtJS 4, themes
3
Pins

Some Thoughts on ExtJS 4

published 903 days, 7 hours, 55 minutes ago posted by karlenekarlene 909 days, 10 hours, 20 minutes ago
Sunday, January 22, 2012 6:18:17 AM GMT Monday, January 16, 2012 3:53:37 AM GMT
Very recently, Sencha released the newest version of ExtJS–4.0. This release was significant, in addition to other important changes, because ExtJS 4 signals a real shift in how Sencha is pushing developers to use ExtJS. Before, you could really kind of hack together ExtJS apps, regardless of how well your efforts aligned with “best practices.” The same is still true, I suppose, but ExtJS 4 is now all about MVC…and they are quite vocal about it. By this, I mean that this rework of the framework has been... (more)
category: Open Source | clicked: 13 | comment | | source: existdissolve.com
tags: Ext JS, Ext JS 4, extjs, ExtJS 4, Sencha
1
Pins

How to use ExtJS 4 + JQuery together | Loiane Groner

published 914 days, 1 hour, 58 minutes ago posted by tracytracy 917 days, 8 hours, 46 minutes ago
Wednesday, January 11, 2012 12:14:55 PM GMT Sunday, January 08, 2012 5:26:51 AM GMT
Tagged with: Ext JS 4  ExtJS  ExtJS 4  jQueryTweet This is an example of how to use Ext JS 4 and JQuery in an application together. To use Ext JS 4 with any JS frameowork is very simple: you need to import the js framework file (in this case JQuery ) and import Ext JS. ANd you are ready to develop with both frameworks! It is very basic and simple, but I get some emails asking about it once in a while, so I thought it would be nice to share, in case you did not use both in a project together before. F... (more)
category: Ajax | clicked: 5 | comment | | source: loianegroner.com
tags: ExtJS 4, jquery
1
Pins

The Art of Gracefully Handling Session Timeouts with ExtJS | Web Builder Zone

published 904 days, 6 hours, 38 minutes ago posted by ankyanky 922 days, 8 hours, 3 minutes ago
Saturday, January 21, 2012 7:35:26 AM GMT Tuesday, January 03, 2012 6:10:15 AM GMT
A very common solution to gracefully handling session timeouts consists of notifying your user that her session is about to time out, and asking her to take an action in order to prolong the session. In this article I will walk you through one implementation of this important usability and stability pattern utilizing the ExtJS JavaScript library.... (more)
category: Open Source | clicked: 12 | comment | | source: css.dzone.com
tags: extjs, ExtJS 4, Sessions
2
Pins

ExtJS 4: Grid Printer Plugin | Web Builder Zone

published 919 days, 7 hours, 3 minutes ago posted by ankyanky 922 days, 8 hours, 11 minutes ago
Friday, January 06, 2012 7:09:58 AM GMT Tuesday, January 03, 2012 6:02:11 AM GMT
Ed Spencer created a plugin that is capable of creating a print version of an ExtJS grid. This plugin was originally created for ExtJS 3.x. I ported it to ExtJS 4, in case someone need it. The plugin can be downloaded on the following link: https://github.com/loiane/extjs4-ux-gridprinter/archives/master The zip file contains the source code of the plugin plus an example of how to use it. To run the example page, simply open it on any browser (you will need an internet connection). To use the plugin in... (more)
category: Open Source | clicked: 2 | comment | | source: css.dzone.com
tags: ExtJS 4, Foundation, Grid, Plugin, plugins
1
Pins

ExtJS 4: How to add Tooltip to Grid Header | Loiane Groner

published 919 days, 7 hours, 3 minutes ago posted by ankyanky 922 days, 8 hours, 13 minutes ago
Friday, January 06, 2012 7:09:58 AM GMT Tuesday, January 03, 2012 6:00:13 AM GMT
Tagged with: This tutorial will walk through out how to add a tooltip to a Grid Header. This feature is not natively supported by Ext JS 4 API. Fortunately,  there is a third-party plugin we can use to do it. To get started, I created a JavaScript project on Eclipse IDE and it looks like this: Plugin Code The first thing we have to add (after Ext JS 4 SDK) is the plugin. To do so, I created a folder ux (for plugins) and a folder called gr... (more)
category: Open Source | clicked: 17 | comment | | source: loianegroner.com
tags: Ext JS 4, extjs, ExtJS 4, ExtJS Grid