Class: SC.GridView

A grid view renders a collection of items in a grid of rows and columns.

Dropping on an Item

When the grid view is configured to accept drags and drops onto its items, it will set the isDropTarget property on the target item accordingly. This allows you to modify the appearance of the drop target grid item accordingly (@see SC.ListItemView#isDropTarget).

Defined in: grid.js

Field Summary

Fields borrowed from SC.ListView:: acceptsFirstResponder, insertionPointView, layoutDirection, rowDelegate, rowHeightForContentIndex, showAlternatingRows
Fields borrowed from SC.CollectionView:: action, ACTION_DELAY, actOnSelect, allContentIndexes, calculatedHeight, calculatedWidth, canDeleteContent, canEditContent, canReorderContent, content, contentDelegate, contentExampleViewKey, contentGroupExampleViewKey, contentValueKey, delegate, displayProperties, dragContent, dragDataTypes, groupExampleView, isActive, isDropTarget, isEditable, isEnabled, isSelectable, length, nowShowing, proposedDropOperation, proposedInsertionIndex, renderDelegateName, reorderDataType, rightIconAction, rightIconTarget, selection, selectionDelegate, selectOnMouseDown, target, useFastPath, useToggleSelection
Fields borrowed from SC.View:: acceptsMultitouch, ariaHidden, ariaRole, attributeBindings, autoMixins, backgroundColor, childViewLayout, childViewLayoutOptions, childViews, childViewsNeedLayout, classNameBindings, concatenatedProperties, createdByParent, designMode, enabledState, firstKeyView, hasLayout, hasTouch, hasVisibility, isBuildingIn, isBuildingOut, isChildViewLayoutLive, isFixedHeight, isFixedPosition, isFixedSize, isFixedWidth, isKeyResponder, isTextSelectable, isView, isVisible, lastKeyView, layerLocationNeedsUpdate, layerNeedsUpdate, modeAdjust, nextKeyView, page, pane, parentView, previousKeyView, shouldInheritCursor, shouldInheritEnabled, tagName, themeName, toolTip, touchBoundary, transitionAdjust, transitionAdjustOptions, transitionHide, transitionHideOptions, transitionIn, transitionInOptions, transitionOut, transitionOutOptions, transitionShow, transitionShowOptions, useStaticLayout
Fields borrowed from SC.Responder:: hasFirstResponder, isFirstResponder, responderContext
Fields borrowed from SC.Object:: isDestroyed, isObject, nextProperty, object, property, toInvalidate
Fields borrowed from SC.Observable:: isObservable

Instance Methods

Field Detail

classNames Array

Default value:: ['sc-grid-view']
See:: SC.View#classNames

columnWidth Number

The minimum column width for grid items. Items will actually be laid out as needed to completely fill the space, but the minimum width of each item will be this value.

Default value:: 64

exampleView SC.View

The default example item view will render text-based items.

You can override this as you wish.

Default value:: SC.LabelView

insertionOrientation String

Possible values:

SC.HORIZONTAL_ORIENTATION
SC.VERTICAL_ORIENTATION

Default value:: SC.HORIZONTAL_ORIENTATION

insertionPointClass SC.View

Default view class used to draw an insertion point, which uses CSS styling to show a horizontal line.

This view's position (top & left) will be automatically adjusted to the point of insertion.

layout Hash

See:: SC.View#layout

rowHeight Number

The common row height for grid items.

The value should be an integer expressed in pixels.

Default value:: 48

Instance Method Detail

hideInsertionPoint()

See:: SC.CollectionView#hideInsertionPoint

render(context, firstTime)

Parameters:
context
firstTime

Documentation generated by JsDoc Toolkit 2.4.0 on Wed Apr 08 2015 10:02:20 GMT-0600 (CST)