extjs4.1

问题 This the model that I want to create using json file Ext.define('Users', { extend: 'Ext.data.Model', fields: [{name: 'user_id', type: 'int'}, {name: 'user_name', type: 'string'}] }); What do I have to do in order to automatically create this model, based on the content of a json response from the server? 回答1: In order to have the model created automatically, you need to include the metaData field with your Json data. metaData can be used to describe all of the fields for the Model. In the

问题 I am using EXT JS 4.2 which has a panel which contains a export to CSV button. On clicking on it multiple (total six) files are downloaded. I want these files to be downloaded in a single ZIP file. 回答1: There is a perfect plugin to create zip files inside browser. JSZip: https://stuk.github.io/jszip/ Install the plugin by adding js files manually: download JSZip and include the file dist/jszip.js or dist/jszip.min.js JSFiddle - JSZip 3.0: https://jsfiddle.net/andrebonna/u8zsbzau/ var zip =

问题 I have a store which is loaded w.r.t items from a list using Extjs direct proxy. proxy : { type: 'direct', api: { read: bomManagementAction.bomQuickDetails } } and the response is displayed in a grid panel. If larger number of items are selected, it will take long time to complete , so if a longer request is pending and if we sent a short request , definitely the grid will be updated with the latter one , but what happens is when the former request completes then the grid will re update with

问题 I'm using grid.Panel in Sencha ExtJs 4.0.2a and I reload a Json Store every 60 seconds. I was wondering if there is a way to preserve the position of the scrollbar after a data load. So that the user can continue to look at the records he was looking before the load.. I reload the data in the grid using a Task: var task = { run: function(){ Ext.getCmp(panelGridId).getStore().load({ //Callback function after loaded records callback: function(records) { //Hide grid if empty records if (Ext

问题 I have a main application with a left navigation menu. My Main.js controller handles the treepanelselect event where a Tab is added: onTreepanelSelect: function (selModel, record, index, options) { var mainPanel = Ext.ComponentQuery.query('mainpanel')[0]; var newTab = mainPanel.items.findBy( function (tab) { return tab.title === record.raw.text; }); if (!newTab) { newTab = mainPanel.add({ xtype: record.raw.class_name, // this is my View widget name closable: true, iconCls: "key", title:

问题 In my Extjs 4.1.1a project, Fiddle ( this fiddle is not working, it is just for reference ) I am changing the HTML(In controller) value using Ext.apply(weekNotifications,{html: {"hello"}); But the page(view) is not updating. When I checked the variable weekNotifications in Chrome console, after the above function, the innerHTML is "hello" as I added but in weekNotifications.el.dom.innerHTML is "Notifications here" (old text). I even tried: weekNotifications.update("Hello"); //same problem as

问题 Despite that I have configured the headers configuration of my store, getting an error like this: No 'Access-Control-Allow-Origin' header is present on the requested resource . Here is my proxy configuration of Ext.data.Store : proxy : { type : 'ajax', headers : { 'Access-Control-Allow-Origin': '*', 'Access-Control-Allow-Methods': 'POST, GET, OPTIONS, DELETE, PUT', 'Access-Control-Max-Age': '1000', 'Access-Control-Allow-Headers': 'x-requested-with, Content-Type, origin, authorization, accept,

问题 We have a viewport, and inside it we have a west region for navigation tree and a center region for content (grids, forms, etc.) which has a tab panel inside it. We dynamically add content (tabs) to this tab panel, on click of any sub-menu item in navigation tree . These tabs are not re-sized on window re-size. The function to add tabs dynamically is: function AddNewTab(title, url, closable) { var tabs = Ext.getCmp('tabs'); tabs.add({ xtype: 'panel', title: title, closable: closable,

问题 I have to append a value to the data fetched from the store before rendering it to the grid in ExtJs. Please guide me on achieving the above mentioned functionality. Currently the grid is populated in the following manner: Ext.define("MyApp.view.ShowDetails",{ extend: 'Ext.grid.Panel', requires:['MyApp.store.MyStore'], store:'MyStore', stateId: 'stateGrid', selType : 'checkboxmodel', selModel : { mode : 'MULTI' }, plugins : [Ext.create('Ext.grid.plugin.RowEditing', { clicksToEdit : 2 })],

问题 I am storing the JSON format in to Code.js of store folder. 'store' folder --> Code.js Ext.define('LoginPage.store.Code', { extend: 'Ext.data.Store', model: 'LoginPage.model.Code', autoLoad: true, proxy: { type: 'ajax', api: { read: 'data/loginResponse.json', update: 'data/checkCredentials.json' //contains: {"success": true} }, reader: { type: 'json', root: 'login', successProperty: 'success' } } }); 'model' folder --> Code.js Ext.define('LoginPage.model.Code', { extend: 'Ext.data.Model',