Warning: Use of undefined constant Symbol - assumed 'Symbol' (this will throw an Error in a future version of PHP) in /mnt/new-ebs/workbench-106550/lib/dojo/util/docscripts/lib/parser2/dojo2.inc on line 215 Warning: Use of undefined constant JavaScriptSymbol - assumed 'JavaScriptSymbol' (this will throw an Error in a future version of PHP) in /mnt/new-ebs/workbench-106550/lib/dojo/util/docscripts/lib/parser2/dojo2.inc on line 215

dojox/layout/GridContainer.js

  • Provides:

    • dojox.layout.GridContainer
  • Requires:

    • dojox.layout.GridContainerLite in common
  • dojox.layout.GridContainer

    • type
      Function
    • chains:
      • dojox.layout.GridContainerLite: (prototype)
      • dojox.layout.GridContainerLite: (call)
    • summary
      A grid containing any kind of objects and acting like web portals.
    • description
      This component inherits of all features of gridContainerLite plus :
      - Resize colums
      - Add / remove columns
      - Fix columns at left or at right.
    • example
      	<div dojoType="dojox.layout.GridContainer" nbZones="3" isAutoOrganized="true">
      		<div dojoType="dijit.layout.ContentPane">Content Pane 1 : Drag Me !</div>
      		<div dojoType="dijit.layout.ContentPane">Content Pane 2 : Drag Me !</div>
      		<div dojoType="dijit.layout.ContentPane">Content Pane 3 : Drag Me !</div>
      	</div>
    • example
      	dojo.ready(function(){
      		var cpane1 = new dijit.layout.ContentPane({ title:"cpane1", content: "Content Pane 1 : Drag Me !" }),
      			cpane2 = new dijit.layout.ContentPane({ title:"cpane2", content: "Content Pane 2 : Drag Me !" }),
      			cpane3 = new dijit.layout.ContentPane({ title:"cpane3", content: "Content Pane 3 : Drag Me !" });
      
      		var widget = new dojox.layout.GridContainer({
      			nbZones: 3,
      			isAutoOrganized: true
      		}, dojo.byId("idNode"));
      		widget.addChild(cpane1, 0, 0);
      		widget.addChild(cpane2, 1, 0);
      		widget.addChild(cpane3, 2, 1);
      		widget.startup();
      	});
  • dojox.layout.GridContainer.hasResizableColumns

    • type
      Boolean
    • summary
      Allow or not resizing of columns by a grip handle.
  • dojox.layout.GridContainer.liveResizeColumns

    • type
      Boolean
    • summary
      Specifies whether columns resize as you drag (true) or only upon mouseup (false)
  • dojox.layout.GridContainer.minColWidth

    • type
      Integer
    • summary
      Minimum column width in percentage.
  • dojox.layout.GridContainer.minChildWidth

    • type
      Integer
    • summary
      Minimum children width in pixel (only used for IE6 which doesn't handle min-width css property)
  • dojox.layout.GridContainer.mode

    • type
      String
    • summary
      Location to add/remove columns, must be set to 'left' or 'right' (default).
  • dojox.layout.GridContainer.isRightFixed

    • type
      Boolean
    • summary
      Define if the last right column is fixed.
      Used when you add or remove columns by calling setColumns method.
  • dojox.layout.GridContainer.isLeftFixed

    • type
      Boolean
    • summary
      Define if the last left column is fixed.
      Used when you add or remove columns by calling setColumns method.
  • dojox.layout.GridContainer.startup

    • summary
      Call the startup of GridContainerLite and place grips
      if user has chosen the hasResizableColumns attribute to true.
    • type
      Function
  • dojox.layout.GridContainer.resizeChildAfterDrop

    • parameters:
      • node: (typeof Node)
        domNode of dropped widget.
      • targetArea: (typeof Object)
        AreaManager Object containing information of targetArea
      • indexChild: (typeof Integer)
        Index where the dropped widget has been placed
    • summary
      Call when a child is dropped.
    • description
      Allow to resize and put grips
    • type
      Function
  • dojox.layout.GridContainer.onShow

    • summary
      Place grips in the right place when the GridContainer becomes visible.
    • type
      Function
  • dojox.layout.GridContainer.resize

    • summary
      Resize the GridContainer widget and columns.
      Replace grips if it's necessary.
    • tags: callback
    • type
      Function
  • dojox.layout.GridContainer._createGrip

    • parameters:
      • index: (typeof Integer)
        index where the grip has to be created.
    • summary
      Create a grip for a specific zone.
    • tags:
    • type
      Function
  • dojox.layout.GridContainer._placeGrips

    • summary
      Define the position of a grip and place it on page.
    • tags:
    • type
      Function
  • dojox.layout.GridContainer.domNode.style.overflowY

  • dojox.layout.GridContainer._onGripDbClick

    • summary
      Called when a double click is catch. Resize all columns with the same width.
      The method resize of children have to be called.
    • tags: callback
    • type
      Function
  • dojox.layout.GridContainer._resizeColumnOn

    • parameters:
      • e: (typeof Event)
    • summary
      Connect events to listen the resize action.
      Change the type of width columns (% to px).
      Calculate the minwidth according to the children.
    • tags: callback
    • type
      Function
  • dojox.layout.GridContainer._activeGrip

  • dojox.layout.GridContainer._initX

  • dojox.layout.GridContainer._isResized

    • type
      bool
  • dojox.layout.GridContainer._oldTabSize

  • dojox.layout.GridContainer._currentColumn

  • dojox.layout.GridContainer._currentColumnWidth

  • dojox.layout.GridContainer._nextColumn

  • dojox.layout.GridContainer._nextColumnWidth

  • dojox.layout.GridContainer._currentMinCol

  • dojox.layout.GridContainer._nextMinCol

  • dojox.layout.GridContainer._connectResizeColumnMove

    • type
      Object
  • dojox.layout.GridContainer._connectOnGripMouseUp

    • type
      Object
  • dojox.layout.GridContainer._onGripMouseUp

    • summary
      Call on the onMouseUp only if the reiszeColumnMove was not called.
    • tags: callback
    • type
      Function
  • dojox.layout.GridContainer._resizeColumnMove

    • parameters:
      • e: (typeof Event)
    • summary
      Change columns size.
    • tags: callback
    • type
      Function
  • dojox.layout.GridContainer._connectResizeColumnOff

    • type
      Object
  • dojox.layout.GridContainer._activeGrip.style.left

    • type
      String
  • dojox.layout.GridContainer._currentColumn.style.width

    • type
      String
  • dojox.layout.GridContainer._nextColumn.style.width

    • type
      String
  • dojox.layout.GridContainer._resizeColumnOff

    • parameters:
      • e: (typeof Event)
    • summary
      Disconnect resize events.
      Change the type of width columns (px to %).
    • tags: callback
    • type
      Function
  • dojox.layout.GridContainer.gridContainerTable.clientWidth

  • dojox.layout.GridContainer.setColumns

    • parameters:
      • nbColumns: (typeof Integer)
        Number of columns
    • summary
      Set the number of columns.
    • type
      Function
  • dojox.layout.GridContainer._grid.length

  • dojox.layout.GridContainer._addColumn

    • parameters:
      • nbColumns: (typeof Integer)
        Number of column to added
    • summary
      Add some columns.
    • tags:
    • type
      Function
  • dojox.layout.GridContainer._grid

  • dojox.layout.GridContainer._dragManager

  • dojox.layout.GridContainer._deleteColumn

    • parameters:
      • indices: (typeof Array)
        Column index array
    • summary
      Remove some columns with indices passed as an array.
    • tags:
    • type
      Function
  • dojox.layout.GridContainer._updateColumnsWidth

    • parameters:
      • manager: (typeof Object)
        dojox.mdnd.AreaManager singleton
    • summary
      Update the columns width.
    • tags:
    • type
      Function
  • dojox.layout.GridContainer.destroy

    • type
      Function
  • dojox.layout

    • type
      Object
  • dojox

    • type
      Object