WjFlexSheet Class

File
wijmo.angular.js
Module
wijmo.angular
Base Class
WjFlexGrid
Show
   

AngularJS directive for the FlexSheet control.

Use the wj-flex-sheet directive to add FlexSheet controls to your AngularJS applications. Note that directive and parameter names must be formatted as lower-case with dashes instead of camel-case. For example:

<p>Here is a FlexSheet control with one bound and two unbound sheets:</p>
<wj-flex-sheet>
   <wj-sheet name="Country" items-source="ctx.data"></wj-sheet>
   <wj-sheet name="Report" row-count="25" column-count="13"></wj-sheet>
   <wj-sheet name="Formulas" row-count="310" column-count="10"></wj-sheet>
</wj-flex-sheet>

The wj-flex-sheet directive extends WjFlexGrid with the following attributes:

control
= A reference to the FlexSheet control created by this directive.
is-tab-holder-visible
@ A value indicating whether the sheet tabs holder is visible.
selected-sheet-index
= Gets or sets the index of the current sheet in the FlexSheet.
dragging-row-column
& Handler for the draggingRowColumn event.
dropping-row-column
& Handler for the droppingRowColumn event.
selected-sheet-changed
& Handler for the selectedSheetChanged event.

The wj-flex-sheet directive may contain WjSheet child directives.