Developer's Guide Expand
Understanding the Product Expand
Product Overview
Getting Started Expand
End User License Agreement
Product Requirements
Using Spread.Views Library
Getting Technical Support
Creating a Basic Grid
How to Add a License
Using Touch Support
Localization
Themes
Working with Columns Expand
Defining Columns
Adding Column Presenters
Formatting
Adding Action Columns
Binding Multiple Data Fields to a Single Column
Adding Multiple Column Headers
Adding Pinned Columns
Reordering Columns
Resizing Columns
Adding a Column Tool Panel
Adding a Sparkline Column
Auto Merge
Working with Rows Expand
Using Row Templates
Auto Add Row
Using a Column Header Row
Enabling Auto Row Height
Using Grid Functions Expand
Buffered Rendering
Live Loading
Using Serialization
Allowing Selection
Right-to-Left Formatting
Sorting
Filtering
Adding a Search Box
Grouping
Fixed Header
Using the Tree Grid
Calculations using DAX
Pagination
CRUD
Editing Data Expand
Using Editor Modes
Using a Custom Inline Editor
Creating an editForm Template
Using Layouts Expand
Grid Layout
Horizontal Layout
Card Layout
Masonry Layout
Using Grouping Expand
Trellis Grouping
Calendar Grouping
Timeline Grouping
Gantt Grouping
Walkthroughs Expand
E-commerce Website Interface
Creating a Chatting Interface
Creating a Shopping Cart
Creating a Social Networking Interface

API Reference

DataViewExpand
DataView
Methods
getControlByElement
cancelBatchEdit
cancelEditing
clearSelection
destroy
formatDataItem
getCachedBatchActions
getItem
getLayoutInfo
getRenderInfo
getRowId
getRowInfoFromId
getSelections
hideLoadingOverlay
hitTest
invalidate
refresh
saveBatchEdit
setSelections
showLoadingOverlay
startEditing
stopEditing
toJSON
failedCallback
successCallback
Events
collectionChanged
columnChanged
columnReorder
editing
focusChanged
grouping
rowClick
rowDbClick
selectionChanged
DataManagerExpand
DataManager
Methods
addCalculatedField
editCalculatedColumn
editCalculatedField
evaluate
filter
getCalculatedColumnValues
getCalculatedFields
getCalculatedFieldValue
getGroup
getItem
getItems
getNode
insertDataItems
isCalculatedColumn
isModifiedRow
isNewAddedRow
isRefreshSuspended
reCalculate
refresh
removeCalculatedField
removeDataItems
removeEmptyGroup
resumeRefresh
suspendRefresh
updateItem
DataManagerGroupExpand
DataManagerGroup
Methods
evaluate
findChildGroupByPath
getCalculatedColumnValues
getItem
getItems
getSourceRowIndex
DataManagerNodeExpand
DataManagerNode
Methods
evaluate
findChildNodeByPath
getCalculatedColumnValues
getItem
getSourceRowIndex
CalendarGroupingExpand
CalendarGrouping
Events
eventClick
eventLimitClick
popoverClose
CardLayoutExpand
CardLayout
GridLayoutExpand
GridLayout
HorizontalLayoutExpand
HorizontalLayout
MasonryLayoutExpand
MasonryLayout
TimelineGroupingExpand
TimelineGrouping
TrellisGroupingExpand
TrellisGrouping
Events
dragDropping

Nothing found :(

Class: CalendarGrouping

CalendarGrouping

groupStrategies/calendargrouping.js, line 84

Creates a new instance of the Calendar strategy.

Parameters:
Name Type Description
options Object

An object used to initialize the CalendarGrouping.

Name Type Default Description
viewMode string 'Month' optional

The view mode of CalendarGrouping. The value can be 'Month','Day' or 'Week'.
startDate Date optional

The start date that CalendarGrouping displays. The default value is new Date().
daysStartTime Date optional

The start time that CalendarGrouping displays when view mode is day or week. The default value is 0:00.
daysEndTime Date optional

The end time that CalendarGrouping displays when view mode is day or week. The default value is 24:00.
daysEventStartField string optional

The data field which is used to layout the start location of the event when view mode is day or week.
daysEventEndField string optional

The data field which is used to layout the end location of the event when view mode is day or week.
daysTimeUnit number 1 optional

The time unit that CalendarGrouping displays when view mode is day or week.
daysRowHeaderWidth number 60 optional

The width of the row header when view mode is day or week.
daysColHeaderHeight number 25 optional

The height of the column header when view mode is day or week.
daysRowHeight number 50 optional

The height of the row when view mode is day or week.
monthHeaderHeight number 25 optional

The height of the header when view mode is Month.
daysHeaderFormatter string optional

The format string that is used to format the header value in days view.
monthHeaderFormatter string optional

The format string that is used to format the header value in month view.
rowHeaderFormatter string optional

The format string that is used to format the row header value in the days view.
localeResource.linkText string optional

The display text of link button.
localeResource.moreText string optional

The display text of more button.
localeResource.errorText string optional

The error text.

Events

groupStrategies/calendargrouping.js, line 40

eventClick

Event click event. The event occurs when user clicks on the event area.

Type:
  • object
Properties:
Name Type Description
sender Object

Indicates the data view.
args Object

Provides arguments that are useful for the event.

Properties
Name Type Description
data Object

Indicates the data item.
groupStrategies/calendargrouping.js, line 28

eventLimitClick

Event limit click event. The event fires when the user clicks on more links.

Type:
  • object
Properties:
Name Type Description
sender Object

Indicates the data view.
args Object

Provides arguments that are useful for the event.

Properties
Name Type Description
group Object

Indicates the group information.
cancel boolean

Indicates whether to cancel the default action.
groupStrategies/calendargrouping.js, line 51

popoverClose

popover close event. The event occurs when the user clicks the default pop-over close button.

Type:
  • object
Properties:
Name Type Description
sender Object

Indicates the data view.
Copyright © GrapeCity, inc. All rights reserved.