Use the ClientInstanceName property to specify a unique client-side identifier for a scheduler control. The ClientInstanceName property's value can be used on the client side to programmatically access the client object rendered for the scheduler in client-side script. This property is particularly important in referencing the scheduler when it is contained within a naming container (for instance, within an ASPxPageControl's page).
If the ClientInstanceName property is not specified, a scheduler's client identifier is generated automatically, and equals the value of the scheduler's System.Web.UI.Control.ID property. Note that in this case, client-side programmatic access to the scheduler by its ID is not allowed when it is contained within a naming container.
| ASPX |
<dx:ASPxScheduler ID="DemoScheduler" runat="server" Width="100%" ClientInstanceName="scheduler" ActiveViewType="FullWeek" GroupType="Resource"
AppointmentDataSourceID="AppointmentDataSource" ResourceDataSourceID="efResourceDataSource" OnCustomCallback="DemoScheduler_CustomCallback">
<ClientSideEvents
SelectionChanged="OnSelectionChanged"
CellClick="OnCellClick"
Init="OnInit"
/>
<OptionsToolTips ShowAppointmentToolTip="false" />
<FloatingActionButton>
...
</FloatingActionButton>
<Views>
...
</Views>
</dx:ASPxScheduler>
|
| JS |
function OnSelectionChanged(s, e) {
SwitchToTimeCellContext();
}
function SwitchToTimeCellContext() {
ClearTimeRulerSelection();
}
function ClearTimeRulerSelection(s, e) {
$(scheduler.GetMainElement()).removeClass('timeRulerSelected');
}
|