KaxToolBarOnClientDropDownClosing Property |
Namespace: Kettic.AspNet.Controls
Use the OnClientDropDownClosing property to specify a JavaScript function that will be executed prior to dropdown item closing - either by left-clicking an open dropdown with the mouse, hitting the ESC key when the dropdown or a button in it is focused, or clicking a non-checkable button in the dropdown. You can cancel that event (prevent dropdown closing) by seting the cancel property of the event argument to true.
Two parameters are passed to the handler
<script language="javascript">
function clientDropDownClosing(sender, eventArgs)
{
var toolBar = sender;
var dropDownItem = eventArgs.get_item();
alert("You are about to close the '" + dropDownItem.get_text() + "' dropDown in the '" + toolBar.get_id() +
"' toolBar.");
if (dropDownItem.get_text() == "Align")
{
alert("You cannot close the Align dropdown!");
eventArgs.set_cancel(true);
}
}
</script>
<kettic:KaxToolBar id="KaxToolBar1" runat="server"
OnClientDropDownClosing="clientDropDownClosing">
<Items>
<kettic:KaxToolBarButton Text="Left"></kettic:KaxToolBarButton>
<kettic:KaxToolBarButton Text="Center"></kettic:KaxToolBarButton>
<kettic:KaxToolBarButton Text="Right"></kettic:KaxToolBarButton>
<kettic:KaxToolBarDropDown Text="Align">
<Buttons>
<kettic:KaxToolBarButton Text="Left"></kettic:KaxToolBarButton>
<kettic:KaxToolBarButton Text="Center"></kettic:KaxToolBarButton>
<kettic:KaxToolBarButton Text="Right"></kettic:KaxToolBarButton>
</Buttons>
</kettic:KaxToolBarDropDown>
<kettic:KaxToolBarSplitButton Text="Right">
<Buttons>
<kettic:KaxToolBarButton Text="Left"></kettic:KaxToolBarButton>
<kettic:KaxToolBarButton Text="Center"></kettic:KaxToolBarButton>
<kettic:KaxToolBarButton Text="Right"></kettic:KaxToolBarButton>
</Buttons>
</kettic:KaxToolBarSplitButton>
</Items>
</kettic:KaxToolBar>