Properties Methods Events Config Options Direct Link
Observable
  Component
    BoxComponent
      Container
        Panel
          GridPanel
            EditorGridPanel
              PropertyGrid

Class Ext.grid.PropertyGrid

Package:Ext.grid
Defined In:PropertyGrid.js
Class:PropertyGrid
Extends:EditorGridPanel
A specialized grid implementation intended to mimic the traditional property grid as typically seen in development IDEs. Each row in the grid represents a property of some object, and the data is stored as a set of name/value pairs in Ext.grid.PropertyRecords. Example usage:

var grid = new Ext.grid.PropertyGrid({
    title: 'Properties Grid',
    autoHeight: true,
    width: 300,
    renderTo: 'grid-ct',
    source: {
        "(name)": "My Object",
        "Created": new Date(Date.parse('10/15/2006')),
        "Available": false,
        "Version": .01,
        "Description": "A test object"
    }
});

Config Options

Config Options Defined By
  allowDomMove : Boolean
Whether the component can move the Dom node when rendering (defaults to true).
Component
  autoExpandColumn : String
The id of a column in this grid that should expand to fill unused space. This id can not be 0.
GridPanel
  autoExpandMax : Number
The maximum width the autoExpandColumn can have (if enabled). Defaults to 1000.
GridPanel
  autoExpandMin : Number
The minimum width the autoExpandColumn can have (if enabled). defaults to 50.
GridPanel
  autoHeight : Boolean
True to use height:'auto', false to use fixed height (defaults to false).
BoxComponent
  autoWidth : Boolean
True to use width:'auto', false to use fixed width (defaults to false).
BoxComponent
  baseCls : String
The base CSS class to apply to this panel's element (defaults to 'x-panel').
Panel
  buttonAlign : String
The alignment of any buttons added to this panel. Valid values are 'right,' 'left' and 'center' (defaults to 'right').
Panel
  buttons : Array
An array of Ext.Button configs used to add buttons to the footer of this panel.
Panel
  clicksToEdit : Number
The number of clicks on a cell required to display the cell's editor (defaults to 2)
EditorGridPanel
  cm : Object
Shorthand for colModel.
GridPanel
  colModel : Object
The Ext.grid.ColumnModel to use when rendering the grid (required).
GridPanel
  collapsed : Boolean
True to render the panel collapsed, false to render it expanded (defaults to false).
Panel
  collapsedCls : String
A CSS class to add to the panel's element after it has been collapsed (defaults to 'x-panel-collapsed').
Panel
  columns : Array
An array of columns to auto create a ColumnModel
GridPanel
  contentEl : String
The id of an existing HTML node to use as the panel's body content (defaults to '').
Panel
  defaultType : String
The default type of container represented by this object as registered in Ext.ComponentMgr (defaults to 'panel').
Container
  disableSelection : Boolean
True to disable selections in the grid (defaults to false). - ignored a SelectionModel is specified
GridPanel
  disabledClass : String
CSS class added to the component when it is disabled (defaults to "x-item-disabled").
Component
  enableColumnHide : Boolean
True to enable hiding of columns with the header context menu.
GridPanel
  enableColumnMove : Boolean
True to enable drag and drop reorder of columns.
GridPanel
  enableColumnResize : Boolean
False to turn off column resizing for the whole grid (defaults to true).
GridPanel
  enableDragDrop : Boolean
True to enable drag and drop of rows.
GridPanel
  enableHdMenu : Boolean
True to enable the drop down button for menu in the headers.
GridPanel
  enableRowHeightSync : Boolean
True to manually sync row heights across locked and not locked rows.
GridPanel
  frame : Boolean
True to render the panel with custom rounded borders, false to render with plain 1px square borders (defaults to false).
Panel
  headerAsText : Boolean
True to display the panel title in the header, false to hide it (defaults to true).
Panel
  height : Number
The height of this component in pixels (defaults to auto).
BoxComponent
  hideCollapseTool : Boolean
True to hide the expand/collapse toggle button when collapsible = true, false to display it (defaults to false).
Panel
  html : String/Object
An HTML fragment, or a DomHelper specification to use as the panel's body content (defaults to '').
Panel
  iconCls : String
A CSS class that will provide a background image to be used as the panel header icon (defaults to '').
Panel
  id : String
The unique id of this component (defaults to an auto-assigned id).
Component
  loadMask : Object
An Ext.LoadMask config or true to mask the grid while loading (defaults to false).
GridPanel
  maxHeight : Number
Sets the maximum height of the grid - ignored if autoHeight is not on.
GridPanel
  minButtonWidth : Number
Minimum width in pixels of all buttons in this panel (defaults to 75)
Panel
  minColumnWidth : Number
The minimum width a column can be resized to. Defaults to 25.
GridPanel
  monitorWindowResize : Boolean
True to autoSize the grid when the window resizes. Defaults to true.
GridPanel
  sm : Object
Shorthand for selModel.
GridPanel
  source : Object
A data object to use as the data source of the grid (see setSource for details).
PropertyGrid
  stateId : String
The unique id for this component to use for state management purposes (defaults to the component id).
Component
  store : Ext.data.Store
The Ext.data.Store the grid should use as its data source (required).
GridPanel
  stripeRows : Boolean
True to stripe the rows. Default is false.
GridPanel
  trackMouseOver : Boolean
True to highlight rows when the mouse is over. Default is true.
GridPanel
  view : Object
The Ext.grid.GridView used by the grid. This can be set before a call to render().
GridPanel
  width : Number
The width of this component in pixels (defaults to auto).
BoxComponent

Public Properties

Property Defined By
  buttons : Array
This Panel's Array of buttons as created from the buttons config property. Read only.
Panel
  disabled : Boolean
True if this component is disabled. Read-only.
Component
  footer : Ext.Element
The Panel's footer Element. Read-only.

This Element is used to house the Panel's buttons.

Panel
  header : Ext.Element
The Panel's header Element. Read-only.

This Element is used to house the title and tools

Panel
  hidden : Boolean
True if this component is hidden. Read-only.
Component
  initialConfig : Object
This Component's initial configuration specification. Read-only.
Component
  items : MixedCollection
The collection of components in this container as a Ext.util.MixedCollection
Container
  rendered : Boolean
True if this component has been rendered. Read-only.
Component

Public Methods

Method Defined By

Public Events

Event Defined By