extjs4.2

ExtJs 4.2: Radio Button not rendering properly(Button is missing but label is visible)

余生颓废 提交于 2019-12-12 03:55:28
问题 I am trying to implement a simple Radio Button in my application(Extjs 4.2). But the Radio buttons are not visible. This is my code for generating radio Button(following code is inside Items array of panel): { xtype:'form', header: false, items:[{ xtype: 'radiogroup', fieldLabel: 'Choose', items: [ { boxLabel: 'Option 1', name: 'rb', inputValue: '1' ,inputValue: 'Checked'}, { boxLabel: 'Option 2', name: 'rb', inputValue: '2' } ] }] } This is how it displays it. Can someone point out my

Using BoundList as widget

落花浮王杯 提交于 2019-12-12 03:43:02
问题 I have an extended bound list, and I use it as a widget. Get/set value and other works good, but: How can I add a field label before it? Example of set value: setValue: function (v) { this.value = v; // TODO select selected var sm = this.getSelectionModel(); var store = this.getStore(); var rec = store.findRecord(this.valueField, v); sm.select(rec); }, Can you help me? Or is the only solution that I have to put this bounding list in a panel? 回答1: The easiest way to get around this is to put

Extjs filtering is not Working properly

孤街浪徒 提交于 2019-12-12 03:14:33
问题 I am new to ExtJS. I have written a code for applying filtering in a Grid, but it is not working properly. Attaching the code snippet which I have written for applying filtering. Without filters, the grid is properly displayed at the panel. Ext.create('Ext.data.Store', { storeId: 'userDetailsStore', fields: ['username', 'firstname', 'lastname', 'role', 'activeuser'], data: {'items': [ {"username": 'USER1', "USER1-firstname": "firstname", "lastname": "USER1-lastname", "role": 'Admin',

Accessing an iframe inside a tab panel extjs4.2

喜欢而已 提交于 2019-12-12 03:13:37
问题 I have a tab panel formed of two tabs. I'm trying to access the iframe in each tab by using "window.frames["id"]" but i'm getting undefined when alerting it. How to access the iframe in my case? tabPanel = Ext.create('Ext.tab.Panel', { region: 'center', activeTab: 0, autoScroll: true, items: [ { id:"panel_A", title: "${tr.A}", html: "<iframe src= '"+A_url +"' width='100%' height='100%' id='frm_A' name='frm_A' frameborder=0 />", },{ id:"panel_B", title: "${tr.B}", //disabled:tabs_status, /

posting form to iframe with extjs without rendering to bidy

≯℡__Kan透↙ 提交于 2019-12-12 01:07:49
问题 I am trying to post a form to an iframe. my issue is that my form gets posted just fine when I render the iframe to body. But the issue with this is that the container displays at the bottom of the page instead of the place where I want it to show. If I don't use the renderTo property, my form never gets posted to iframe at all. It almost seems like that in the case when I do not use renderTo property, i think my form does not even see the iframe. here is my code thats working for the form

ExtJS 4.2.2 ComboBox fields show up behind Window

懵懂的女人 提交于 2019-12-12 01:05:14
问题 I'm having an issue where I pop up a window with a loaded comboBox, and when I click on it, the fields show up behind the window. Thinking I may be using some setting wrong, I created a small test based off the documentation of the ComboBox, and it does it here for me as well. (If you try it, may need to drag the bottom of the window up to see the options) showTestWindow = function() { var states = Ext.create('Ext.data.Store', { fields: ['abbr', 'name'], data : [ {"abbr":"AL", "name":"Alabama

How to show Moment JS formatted date in ExtJS field with xtype: 'datefield'

穿精又带淫゛_ 提交于 2019-12-11 22:11:32
问题 I have an ExtJS field as: field = { xtype : 'datefield', format : 'Y/m/d', draggable : true, allowBlank : true, pickerAlign : 'tr-br', getValue : function() { return this.getRawValue(); } }; This works fine and I get the date in the field in the specified format. I want to be able the parse the date coming in from the datepicker and then display the date in locale specific format. How do I do it? 回答1: field = { xtype: 'datefield', format: 'Y/m/d', draggable: true, allowBlank: true,

ExtJS hide all child components [duplicate]

ε祈祈猫儿з 提交于 2019-12-11 19:01:44
问题 This question already has answers here : ExtJS. Hide all components within a container (3 answers) Closed 5 years ago . Consider: Ext.Array.each(myContainer.query('> *'), function(cmp) { cmp.hide(); }); Is there a better way? 回答1: Your approach uses a query which takes more resources. A more efficient way may be just: Ext.each(myContainer.items.items, function(cmp) { cmp.hide(); }); Since you already have a reference to myContainer, there's no point of querying for its children as you already

ExtJS - Remote filtering causes problems

本秂侑毒 提交于 2019-12-11 14:43:46
问题 a) Here's a JS fiddle to help show what's happening: http://jsfiddle.net/CKpPW/ b) To replicate the issue, select the first drop down and notice how the full name appears. Then expand the second drop down and notice how the display of the first drop down goes away. My assumption is that this happens because both comboboxes use the same store so when a filter is applied to the store it applies to everything, and thus when that record no longer exists it defaults back to whatever the value is.

ExtJS checkcolumn grid - check columns to left, uncheck columns to right

我只是一个虾纸丫 提交于 2019-12-11 13:19:15
问题 I am working on an ExtJS grid comprised of a text column detailing the items in the grid, and several checkColumns that represent whether an item has been through a particular point in a process: Ext.Loader.setConfig({ enabled: true }); Ext.Loader.setPath('Ext.ux', '../ux'); Ext.require([ 'Ext.ux.CheckColumn' ]); Ext.onReady(function(){ Ext.define('ProcessModel', { extend: 'Ext.data.Model', fields: [ 'Item', 'Phase1', 'Phase2', 'Phase3', 'Phase4', 'Phase5', 'Phase6', 'Phase7', 'Phase8',