extjs

问题 I've got a column renderer defined that creates a HTML fragment which contains the ext.qtip attributes to create a quicktip. All works fine, the image renders in the grid cell, when i hover over the image a tooltip with the larger image is shown ... all nice but the quicktip on the bottom row expands beyond the constraints of the panel, is there any way to make it stay inside the panel boundaries? var thumbRenderer = function(value, meta, record){ var thumbPath = Config.baseUrl + 'images

问题 Background: I want to be able to create a custom error mask for ajax loading errors, for ex. in case of network problems. I am using the following code to create to create a a new Ext JS store, whose proxy I would like to extend with my own afterRequest function. The afterRequest function should send an afterload event, which is used by a utility function calling mask() on the widget. var settingsStore = new Ext.data.Store({ model: 'vmSettings', autoload: 'true', proxy: { type: 'ajax', url:

问题 I'm developing an web application on Ext JS 4 using the new recommended application structure. Therefore I need to implement a authentification & rights system. The idea so far: The server is responsible to ensure the user role and rights. ExtJS frontend has to change according to the permissions and role I use a card layout. The first tab is the login screen, the second the application In my controller I check if the user is logged in. If he has a valid identity I switch to tab 2. If not he

问题 I'm developing an web application on Ext JS 4 using the new recommended application structure. Therefore I need to implement a authentification & rights system. The idea so far: The server is responsible to ensure the user role and rights. ExtJS frontend has to change according to the permissions and role I use a card layout. The first tab is the login screen, the second the application In my controller I check if the user is logged in. If he has a valid identity I switch to tab 2. If not he

问题 I need to get(retrieve) updated cell value in controller. (MVC) So I tried this, var modified = this.getItemGrid().getStore().getUpdatedRecords(); console.log(modified); // return [] empty array var modified = this.getItemList_Store().getUpdatedRecords(); console.log(modified); // return [] empty array but always it returns empty array even I updated some cell value. anybody know what I am doing wrong? Here is my part of view code, Ext.define("App.view.orders.ItemList_view", { extend: "Ext

问题 I've opened up an ExtJs project that I've not had my head in for some time, and this is baffling me. I've an Ext.form.ComboBox that uses a remote JSON store to list users. I use an XTemplate to format the users as listed in the drop down: '<tpl for="."><div class="x-combo-list-item">', '{firstname} {lastname} ({email})', '</div></tpl>' When I expand the drop down, I see my users listed correctly: John Smith (jsmith@company.com) John Ford (jford@company.com) However when I click on a user, the

问题 I created a small sudoku app using Javascript. Now I am trying to convert that javascript code into extjs ( 4.1.1a ) code. I have gone through the docs to understand the MVC Architecture , but it seemed not so detailed for me as I am a beginner. Can someone please explain the MVC Architecture of Extjs based on my Sudoku app? The design of my sudoku app code is as follows: The description of the above design is as follows: container (blue) --> parent panel (grey) --> child panel (red) The "

问题 I create a treepanel and I and create store like var store = Ext.create('Ext.data.TreeStore', { autoload: false, proxy: { type: 'ajax', url: 'data.php', reader: { type: 'json', root: 'results' } } }); my server print json look like { "results": [ { id : '1' , text : '1', expanded: true, children :[ { id : '5' , text : '5', leaf:true}, { id : '6' , text : '6', leaf:true} ] }, { id : '2' , text : '2', leaf:true}, { id : '3' , text : '3', leaf:true}, { id : '4' , text : '4', leaf:true}, { id :

问题 Details I have a grid used to display invoice information. The grid is populated using the Invoice store, the Invoice store uses the Invoice model, the Invoice model has a "has one" association with the InvoiceStatus model with a primary key of 'id' and a foren key of 'invoice_status_id'. Problem I'm not sure how to make the display value of the Invoice Grid's 'Status' column use the associated models 'name' inserted of the invoice_status_id. I know I need to create a renderer to do this

问题 I'm using ExtJS 4 and looking for a way I can hide currently selected value from combo's dropdown list? So instead of this ("Alaska" currently selected in combobox): I want the list of values look like this: In my case the combobox is not editable (i.e. you can't input an arbitrary value), I don't think it makes much sense to display the selected value two times: once in the input field and once in the dropdown list. I already see what is selected, I want the dropdown list to only show me