extjs4

问题 I am working on Extjs 4.1. I did implement an autocomplete feature for the text box. I'm now able to search for student's first or last name by entering a term, for example: Mat, and the result in text field would be: Mathio,Jay << student's first and last name Mark,Matt << student's first and last name Then, I made some changes on the query so that i can get the subjects too when i search for one: Mathio,Jay << student's first and last name Mark,Matt << student's first and last name

问题 Like the title says, I would like to abort the previous ajax request. The combobox request through ajax whenever a user types in letters(or numbers) it request data, like I said through ajax, then returns the data back to the combobox. My problem is that the ajax request will pile up whenever I put a user inputs in the field. What I want to do is to abort first the previous request then proceed to the present request. I tried this code: comboObj.onTypeAhead = Ext.Function.createInterceptor

问题 I am using cell editing plugin for editing a cell. But it is like when we click that colunm it will move to edit mode. I want to show complete column with editable text box. Currently I am using following code to make it editable. selType: 'cellmodel', plugins: [ Ext.create('Ext.grid.plugin.CellEditing', { clicksToEdit: 1 }) ], columns: [ { text: ... }, { text: ... }, { text: ... }, { text: 'TText', flex: 1, dataIndex: 'TText', editor: { xtype: 'textfield', allowBlank: false } } ] 回答1: I

问题 I am working with ExtJS 4 framework and also using Raphael.js in my main application panel. First I was trying to prevent the regular context menu from showing, and I found out very easy solution. raphael_element.node.oncontextmenu = function() { return false; } This is working great, but before returning false I want to add some code to show my own custom menu. Does anyone know how to do that? I have something in html, that was thinking to use in the menu: <ul id="rect_menu" class=

问题 We need to position a constrained Window (like in this example) relative from the top and the center of the container where it is constrained to. But in the config we only found x and y which would require to calculate the center on each document change. Isn't there any other way to archive this? 回答1: You could use alignTo() docs alignTo(element, [position], [offsets], [animate] ) Aligns the element with another element relative to the specified anchor points. If the other element is the

问题 I created custom json reader as suggest by James Clark in following post. Here is a code for creating custom json Ext.define('MyReader', { extend: 'Ext.data.reader.Json', alias: 'my-json', read: function (object) { debugger; object.Results = Ext.decode(object.responseText); this.callParent([object]); } }); In store definition I assing custom reader var store = Ext.create('Ext.data.Store', { //model: 'Option', fields: fields, pageSize: itemsPerPage, proxy: { type: 'ajax', url:

问题 I'm actually not sure if this is possible, but I will ask it anyway. I have a group of accordion controls, and within the content body of each I need to display a grid panel. The grid panel needs to have a click event attached to it. I have tried simply creating the grid panel and setting the html property of the accordion to it, but this produces no content. Is there somehow I can achieve the above? 回答1: You cannot have html content (inserted by the property) along with any other content. If

问题 In the code below, in _copyChild and innerModelRetrieved functions print on console 4 features one by one, but in next function onInnerModelRetrieved 4 times last feature value is printed, I am not able to figure it why its happening like that. please help me with this. Ext.define('CustomApp', { extend: 'Rally.app.App', componentCls: 'app', _newObj : {}, childrens: [], _type : null, launch: function() { Ext.create('Rally.ui.dialog.ChooserDialog', { width: 450, autoScroll: true, height: 525,

问题 Context: I'm writing an ExtJS application to help volunteers manage a camp database. Containing emergency information, dietary requirements and cabin allocation. I want it to be user-friendly so that volunteers will pick it up quickly, so I decided the tabs need to be bigger to draw attention to the main actions of the application. Problem: I just don't know how to change the tab height though. Work so far: I've tried setting the tabBar property for my tab panel, but the tabs didn't resize

问题 Normally, to define a grid type, I do something like this: Ext.define('MyApp.view.MyGrid', { extend: 'Ext.grid.Panel', alias: 'widget.myGrid', store: 'MyStore', columns: [...], } and then I add it to a container or layout via its xtype, 'myGrid'. What I want to do is define a reusable custom component that either extends Ext.grid.Panel or accepts the same configs (such as columns), but is really a container that contains a grid and other stuff. Ext.define('MyApp.components.ContainedGrid', {