extjs4

问题 I have a panel which I am rendering using following code. new Ext.Panel({ id: 'textPanel', height: 1000, width: 1200, renderTo: Ext.getBody(), html:"An HTML fragment, or a DomHelper specification to use as the layout element content. The HTML content is added after the component is rendered, so the document will not contain this HTML at the time the render event is fired. This content is inserted into the body before any configured contentEl is appended." }); And then I want to listen to

问题 I am creating a grid with checkcolumn and celledit. I have 3 columns 1 is for checkboxes and other is editable text field and 3rd is the productname, using celledit to edit the price. When I will check a checkbox on a record the focus should be on the textfield for that particular record. Here is the code sample: Ext.define('MyApp.view.EntryPage', { extend : 'Ext.grid.Panel', alias : 'widget.entryPage', title : 'Product Price Entry', store : 'ProductStore', loadMask: true, plugins: [Ext

问题 I need help, I am trying to be able to apply different colors to the cells of an Extjs4 DatePicker component, I would like to say for example, if a specific day has uncomplete tasks mark that day as red. Thanks in advance. 回答1: I already found a way to apply different colors to specific cells of an Extjs 4 DatePicker, I created a new component that extends form DatePicker and adds the cell coloring functionality. I will copy the code here as I dont konw how to attach a file here :P Ext.define

问题 I have an ExtJS Combobox and the requirement is to have an additional value where the user can select all the options from the first value like so: Ext.onReady(function () { // The data store containing the list of states var states = Ext.create('Ext.data.Store', { fields: ['abbreviation', 'name'], data: [{ name: 'Select all', abbreviation: 'ALL' }, { name: 'ALABAMA', abbreviation: 'AL' }, { name: 'ALASKA', abbreviation: 'AK' }, { name: 'AMERICAN SAMOA', abbreviation: 'AS' }, { name: 'ARIZONA

问题 I am using ExtJs 4 with a Tree panel on west region and TreeGrid panel on center region. Is there any way to filter the TreeGrid panel(center region) on selection of the treepanel(west) ?? I tried the following but no luck : Ext.define('MyApp.view.MyViewport', { extend: 'MyApp.view.ui.MyViewport', initComponent: function() { var me = this; me.callParent(arguments); me.down('#westTreePanel').getSelectionModel().on('selectionchange',me.CenterTreeFilter,me); }, //end of initComponent

问题 I have my application built with ExtJS 4.2.1 My app structure was generated using Sencha Cmd v4.0.1.45. Im using some custom CSS in my app to give personalized style so my XTemplate items and also Im using AwesomeFont and FamFam Sprites for icons. This is my resources directory in my app sencha cmd structure: App.css is a custom CSS BoxSelect.css is other custom CSS chooser.css is other custom CSS famfamfam.css is the CSS that will handle the famfam.png image sprite font.css is the CSS that

问题 I have set up a key and can get the recaptcha to show on the page it self but I don't know how to get it into a form. Actually I don't want to use an id since I'll be reusing this later inside the app too so to use itemId would be preferred.I'm assuming that the element hasn't been created yet. My include: HTML Code: <script type="text/javascript" src="http://www.google.com/recaptcha/api/js/recaptcha_ajax.js"></script> Error (generated from recaptcha_ajax.js. Can't get the control with id

问题 In ExtJs 3x this code Ext.getCmp('specific_panel_id').load({ url:'url_containing_scripts.htm', scripts:true, params:{ something:else } }); works for loading content from URL into a specific panel... However it does not work in ExtJs 4.x. 回答1: This also work: Ext.define('EI.view.Viewport',{ extend: 'Ext.container.Viewport', alias: 'widget.principal', layout: { type: 'vbox', align: 'center', pack: 'center' }, items:[ { xtype: 'panel', title: 'Mi Documentacion', width: 800, height: 600, border:

问题 For some reason I need to know when user has selected value from combobox even if it is already selected. "Select" event works only if user selects unselected item. I don't see any event like "itemclick" in the docs for combobox or picker. Any ideas? 回答1: ComboBox uses BoundList for representing dropdown list. BoundList fires itemclick event. You can use ComboBox 's listConfig config in order to setup BoundList listeners: Ext.create('Ext.form.ComboBox', { // ... listConfig: { listeners: {

问题 I got a custom component in which i set the html with an xtemplate something like this Ext.apply(me, { html: mainTpl.apply() }); I want to add some textfields to my XTemplate too and i cant figure out how to do this. new Ext.XTemplate('<div Class="TopHeaderUserInfo"><div id="TopHeaderLanguageDiv" ><div Class="ActiveLanguageFlag" lang="{[ this.getLanguage() ]}" ></div>' + '<ul Class="LangSelectDropDown HeaderDropDown" style="position:absolute;"><li class="ListHeader">' + MR.locale