extjs

Multiselect combobox with ExtJs

▼魔方 西西 提交于 2019-12-21 21:22:21
问题 How do you implement a multiselect combobox as part of a Ext.FormPanel using ExtJs? I've been looking, but can't seem to find a solution that is compatible with the latest version of ExtJs (this question is similar, but doesn't have a working/current solution). This is what I have so far, but it's a single select: new Ext.FormPanel({ labelAlign: 'top', frame: true, width: 800, items: [{ layout: 'column', items:[{ columnWidth: 1, layout: 'form', items: [{ xtype: 'combo', fieldLabel: 'Countries

How to add filters in grid column headers in extjs?

≡放荡痞女 提交于 2019-12-21 20:56:45
问题 I have a grid with lots of records in it. so I want to add filters in each column header to filter the required data easily. I have seen the example given in the sencha docs. But How to implement it in the Extjs 4.2 version. How to use UX classes in it? Is there any plugin available? I am greatly thankful to you. Please help me. Anand 回答1: This is an example: Ext.define('Webdesktop.view.admin.List', { extend: 'Ext.grid.Panel', alias: 'widget.admin_casoslist', initComponent: function() { var

In IE7 the first click on a grid causes an ExtJS Ext.grid.GridPanel to jump to the top of the page

大憨熊 提交于 2019-12-21 20:49:48
问题 I have a strange issue with an Array fed ExtJS gridPanel - in IE7 only, before the rowclick event is fired, when I click on a row, the page scrolls up 2-3 rows. On repeated clicks, the page scrolls up until the page is at the top of the page. Then only the rowclicks are passed through to my handler. I only have two listeners registered on this grid: listeners: { rowclick:function(grid, rowIndex, e) { ... my handler }, sortchange : function(grid, rowIndex, e){} Do you have any ideas? 回答1: I

ExtJS4: Accessing global variables from Ext.Application

杀马特。学长 韩版系。学妹 提交于 2019-12-21 20:33:05
问题 I want to load some application specific settings and save them as global variables when the application is loaded. I have found how to create and access global variable here. This is how my app.js looks like: Ext.application({ stores: [ ... ], views: [ ... ], autoCreateViewport: true, name: 'MyApp', controllers: [ 'DefaultController' ], launch: function() { ... } }); Is it possible to set these variables inside launch: function() block? If not, are there any alternatives? 回答1: You can also

Password masking as in mobiles using js

无人久伴 提交于 2019-12-21 20:23:18
问题 Can any one suggest to build a password field that behaves the way passwords are entered using iphone? When I enter some character, it should be visible to the user for a second and then it should turn to *. But I need to get the value from the field when I submit the form. Its an ExtJs text field. Is there any plugins available for this? Any help on this will be helpful. 回答1: Probably, this can help you: http://blog.decaf.de/2009/07/iphone-like-password-fields-using-jquery/ 回答2: Check out

Does Angular have a flex layout like extjs?

大兔子大兔子 提交于 2019-12-21 19:09:33
问题 ExtJS has a very useful layout mechanism called flex. It works by summing all the things on a row or in a column. Then the space is parceled out using the flex value divided by the sum of all the flex values. This results in a layout like below: The Red box is an hbox layout, the blocks E and F have the given flex values that sum up to 3, so E gets 1/3 the width of the screen, and F gets 2/3rds. The Blue box is another hbox layout, where all 4 pieces (A-D) have the same flex so each one gets

Under ExtJS 4 is there a way to load external components?

馋奶兔 提交于 2019-12-21 18:44:11
问题 I am trying to set up my ExtJS 4 project so I have three top level applications, for example, /foo/app.js /bar/app.js /baz/app.js Each 'top level' application is a separate ExtJS application, each with their own loaders. There are some cases were I will have general components that I want to share between all three applications, so I have /components top level directory. If I have a component name say ComponentA, /components/componenta.js How would I go about getting ComponentA into all three

extjs IDE for faster development

两盒软妹~` 提交于 2019-12-21 17:17:08
问题 Is there a good IDE available for extjs development? So that you do not need to refer to API to see which events/methods are supported by a object? 回答1: There is an Aptana plugin (Eclipse based plugin for Aptana IDE).. I have not used it though. May be you can give it a try. You can get the plugin from Sencha forum - Link: http://www.sencha.com/forum/showthread.php?89417-3.X.X-Aptana-plugin 回答2: There are plugins for Eclipse, Spiket IDE and Aptana that will do code-suggest. However, you

Ext Js: make button a link

柔情痞子 提交于 2019-12-21 13:48:32
问题 In Ext Js I want some of my buttons to work like links (i.e. <a href... ). How can I do that. Right now I am adding a handler that does window.location.href=http://.... . But I thought there should be an easier way - something like adding an href attribute like in menu item. Some ideas? 回答1: There's also an existing user extension that does exactly this. 回答2: That's the way it's done... To be more portable you could extend Ext.Button into Ext.ux.LinkButton (or whatever) and implement the

Autosizing textfield label in ExtJS

会有一股神秘感。 提交于 2019-12-21 13:40:10
问题 In ExtJS, is it possible to have the label of a textfield optimally sized to fit its text in one line? The labelWidth property doesn't have an auto setting, and leaving it out completely has same effect as specifying the default value 100, which will cause a lengthy text to break over multiple lines: http://jsfiddle.net/Qbw7r/ I would like to have the label just as wide as it takes to contain the whole text without wrapping, and the editable field fill up the rest of the available width. 回答1: