extjs4.1

ExtJS Layout, Horizontally then grow vertically

给你一囗甜甜゛ 提交于 2019-12-04 08:58:58
I have a Ext.panel.Panel into which I want to dynamically add other "smaller" panels representing different "things" in my application. This panel is at the top of a grid and it is the same width as the grid. When a "smaller" panel is dynamically added to this "container panel" I want the panels to be added horizontally then vertically if the total width of all the "little" panels is greater than the width of the container. I've tried 'fit', 'hbox', 'vbox', everything. Am I missing a layout type? Izhaki What you're after is generally known as a flow layout, which ExtJS doesn't have out of the

ExtJS 4.1 MVC: How to apply LoadMask to viewport while loading?

让人想犯罪 __ 提交于 2019-12-04 07:58:50
How to apply a LoadMask for a standard ExtJS MVC application 's viewport while it is loading the required files? An example of such MVC application is the following snippet for app.js : Ext.Loader.setConfig({enabled:true}); Ext.application({ requires: [ 'Ext.container.Viewport', ], name: 'APP', appFolder: 'app', controllers: [ 'Main' ], launch: function() { Ext.create('Ext.container.Viewport', { layout: 'fit', items: [ { xtype: 'main' } ] }); } }); where main above is an xtype for an MVC view, that might extend an ExtJS Panel etc. Does a standard approach for this ubiquitous requirement exist?

Is it possible to use scripts of Extjs in external html?

眉间皱痕 提交于 2019-12-04 06:51:39
问题 I have loaded manually written scripts to Extjs using: Ext.Loader.LoadScript Ext.Loader.loadScript({ url : './a-path/testController.js', onLoad : onLoad('loaded'), onError : onError }); I have also added an external html file using a panel: var myTestPanel = Ext.create('Ext.panel.Panel', { title : 'Example 1', width : 250, height : 250, frame : true, loader: { url: './test.html', renderer: 'html', autoLoad: true, scripts: true } }) The question is "How can i use that loaded scripts in my

Download previous versions of ExtJs

荒凉一梦 提交于 2019-12-04 04:04:02
Where can previous versions of Extjs can be downloaded from ? Specifically I would like to get extjs-4.1.1a and btw what is up with the 'a' is this different from extjs-4.1.1? From this repos: https://github.com/probonogeek/extjs/commits/master https://github.com/bjornharrtell/extjs/commits/master For the missing 4.1.3 here is another repo: https://github.com/zenoss/zenoss-extjs/blob/master/ext-4.1.3.zip?raw=true Took from: http://www.sencha.com/forum/showthread.php?291411-where-i-can-download-the-old-version-of-extjs 来源: https://stackoverflow.com/questions/29858560/download-previous-versions

Explain MVC architecture of extjs

跟風遠走 提交于 2019-12-04 02:57:59
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 " parent panels " are nine and each " parent panel " has nine " child panels ". The HTML elements of "

how to get array of objects from store in extjs 4.2 and send it to server side?

放肆的年华 提交于 2019-12-03 21:04:29
Hiii all, I am using Extjs 4.2 data grid and i have a requirement to convert my 'store' into json array and send that to server side(i.e java). This is my model. Ext.define('Writer.Document',{ extend: 'Ext.data.Model', fields: ['id', 'name', 'notes', 'Type', 'date'] }); and my store (which contains list of objects) is var store = Ext.create('Ext.data.Store', { model: 'Writer.Document', autoLoad: true, proxy: { type: 'ajax', url : 'findPatientRecordAction', reader: { type: 'json', successProperty: 'success', root: 'prognosis', messageProperty: 'message' } fields: ['id','name', 'date', 'notes' ,

Extjs 4.1 many-to-many model association

两盒软妹~` 提交于 2019-12-03 16:45:17
i face some problem when i want create many-to-many association. because it do not know. i try to create relationship in this way. but i am not sure. any man can help me? how can i do it?. here is my code Ext.define('Ext4Example.model.Category', { extend : 'Ext.data.Model', alias : 'widget.categoryModel', idProperty: 'id', fields: [ {name:'id', mapping:'id', type:'int'}, {name:'name', mapping:'name', type:'string'} ], proxy: { type: 'ajax', noCache: false, api: { create : '${createLink(controller:'category', action: 'create')}', read : '${createLink(controller:'category', action: 'read')}',

dynamically set fields to a extjs data store

十年热恋 提交于 2019-12-03 16:40:25
I am trying to dynamically set fields to a extjs data store so that I could dynamically create a different grid at run time. Case A works for me. But when I use as in Case B , the store's proxy hangs on to the previous model and so the grid rendering is messed up. What is the really the difference between these two? Case A Ext.define('FDG.store.reading.FDGDynamicGridStore', { extend: 'Ext.data.Store' }); var fdgstore = Ext.create('FDG.store.reading.FDGDynamicGridStore', { fields: fields, proxy: { type: 'memory', reader: { type: 'json', totalProperty: 'tc', root: 'Result' } } }); fdgstore

Extjs4.2.1 - Load json to treepanel fails

一世执手 提交于 2019-12-03 15:38:55
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 : '7' , text : '7', leaf:true}, { id : '8' , text : '8', leaf:true}, { id : '9' , text : '9', leaf:true},

How to close modal window extjs when clicking on mask?

半城伤御伤魂 提交于 2019-12-03 12:42:53
问题 If I create a modal window: Ext.define('myWindow', { extend: 'Ext.Container', alias: 'widget.myWindow', floating: true, modal: true, listeners: 'onMaskClick???': { close the window } ..... } How do I know when a user has clicked on the mask outside the window? In Sench Touch, there is a config hideOnMaskTap that lets me specify. What is the event/config for extJS? 回答1: Tramway's case (sort of) works on modal or non modal windows. But not in case child components like the boundlist of a