Properties Methods Events Config Options Direct Link
Ext.Panel
Ext.ux.JsonPanel

Class Ext.ux.JsonPanel

Package:Ext.ux
Defined In:Ext.ux.JsonPanel.js
Class:JsonPanel
Extends:Ext.Panel
Component extending a panel giving it the capability to read or create a JSON file. When using Json file created with designer this JsonPanel will also evaluate the special items under Json root called winbow. The JsonPanel currently evaluates two special window items called required_js,required_css that enable loading of javascripts and stylesheets directly from the json.

Example how to create a Json from a external file filling the browser:

new Ext.Viewport({
     items : new Ext.ux.JsonPanel({autoLoad:'json/designer.json'}),
     layout: 'fit'
   }).show();

Example how to (re)load a JsonPanel that is allready loaded:

this.load({url:'new url'});

IMPORTANT:When you want use the JsonPanel to load a Json file in a local browser make sure that you include a local xhr package like localXHR or any other to fix the problem of ExtJs not supporting Ajax from local file system

Config Options

Config Options Defined By

Public Properties

This class has no public properties.

Property Defined By

Public Methods

This class has no public methods

Method Defined By

Public Events

Event Defined By