or
function OnClientDock(sender, eventArgs)
{
var slidingZone = $find("<%=RadSlidingZone1.ClientID %>");
slidingZone.Width = "0px"; ;
}
function OnClientUndock(sender, eventArgs)
{
var slidingZone = $find("<%=RadSlidingZone1.ClientID %>");
slidingZone.Width = "22px";
}
<
telerik:RadSlidingZone
ID
=
"RadSlidingZone1"
runat
=
"server"
DockedPaneID
=
"RadSlidingPane1"
>
<
telerik:RadSlidingPane
ID
=
"RadSlidingPane1"
runat
=
"server"
Title
=
"SlidingPane"
EnableResize
=
"False"
OnClientBeforeDock
=
"OnClientDock"
OnClientBeforeUndock
=
"OnClientUndock"
>
[...]
</
telerik:RadSlidingPane
>
</
telerik:RadSlidingZone
>
<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="False" |
AllowSorting="True" Skin="Black" |
AllowPaging="True" PageSize="5" GridLines="None" DataSourceID="SqlDataSource1" |
AllowAutomaticDeletes="false" AllowAutomaticInserts="false" AllowAutomaticUpdates="false" |
ShowDesignTimeSmartTagMessage="False" ShowGroupPanel="true"> |
<PagerStyle Mode="NumericPages" /> |
<MasterTableView CellSpacing="-1" DataKeyNames="IDDepartment" DataSourceID="SqlDataSource1" EditMode="EditForms" |
EnableTheming="true" CommandItemDisplay="Top"> |
<EditFormSettings EditFormType="Template"> |
<FormTemplate> |
<asp:Panel ID="InnerContainer" runat="server" Visible="true" style="padding:15px;"> |
<telerik:RadTabStrip ID="RadTabStrip1" runat="server" |
MultiPageID="RadMultiPage1" SelectedIndex="0" Skin="Black"> |
<Tabs> |
<telerik:RadTab runat="server" PageViewID="RadPageView1" Text="Dept Info"> |
</telerik:RadTab> |
<telerik:RadTab runat="server" PageViewID="RadPageView2" Text="Dept Contacts"> |
</telerik:RadTab> |
<telerik:RadTab runat="server" PageViewID="RadPageView3" Text="Dept Files" |
Selected="True"> |
</telerik:RadTab> |
</Tabs> |
</telerik:RadTabStrip> |
<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0"> |
<telerik:RadPageView ID="RadPageView1" runat="server" BorderColor="Black" |
BorderStyle="Solid" BorderWidth="1px"> |
<table> |
<tr> |
<td> |
Name:</td> |
<td> |
<asp:TextBox ID="Name" runat="server" Text='<%# Bind( "Name" ) %>'></asp:TextBox> |
</td> |
</tr> |
<tr> |
<td> |
Description:</td> |
<td align="center"> |
<telerik:RadEditor ID="Description" runat="server" BackColor="White" |
HTML='<%# Bind( "Description" ) %>' Skin="Black"> |
<CssFiles> |
<telerik:EditorCssFile Value="~/css/Styles1.css" /> |
</CssFiles> |
<Content> |
</Content> |
</telerik:RadEditor> |
</td> |
</tr> |
</table> |
</telerik:RadPageView> |
<telerik:RadPageView ID="RadPageView2" runat="server" BorderColor="Black" |
BorderStyle="Solid" BorderWidth="1px"> |
<table> |
<tr> |
<td></td> |
<td>Hold Ctrl to select multiple<br /></td> |
</tr> |
<tr> |
<td>Contacts:</td> |
<td> |
<asp:ListBox ID="lstContacts" runat="server" DataSourceID="SqlDataSource2" |
DataTextField="FullName" DataValueField="IDEmployee" |
ondatabound="lstContacts_DataBound" SelectionMode="Multiple" Width="250px"></asp:ListBox> |
</td> |
</tr> |
</table> |
</telerik:RadPageView> |
<telerik:RadPageView ID="RadPageView3" runat="server" BorderColor="Black" |
BorderStyle="Solid" BorderWidth="1px"> |
<telerik:RadGrid ID="RadGrid2" runat="server" AutoGenerateColumns="False" |
AllowSorting="True" Skin="Black" AllowPaging="True" PageSize="5" |
GridLines="None" |
ShowDesignTimeSmartTagMessage="False" ShowGroupPanel="True" |
onneeddatasource="RadGrid2_NeedDataSource"> |
<MasterTableView CellSpacing="-1"> |
<RowIndicatorColumn> |
<HeaderStyle Width="20px" /> |
</RowIndicatorColumn> |
<ExpandCollapseColumn> |
<HeaderStyle Width="20px" /> |
</ExpandCollapseColumn> |
<Columns> |
<telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Delete" |
ConfirmDialogType="RadWindow" ConfirmText="Are you sure you want to delete this record?" |
UniqueName="Delete"> |
</telerik:GridButtonColumn> |
<telerik:GridBoundColumn DataField="FileName" HeaderText="File Name" |
SortExpression="FileName" UniqueName="FileName"> |
</telerik:GridBoundColumn> |
<telerik:GridBoundColumn DataField="Description" HeaderText="Description" |
SortExpression="Description" UniqueName="Description"> |
</telerik:GridBoundColumn> |
</Columns> |
</MasterTableView> |
</telerik:RadGrid> |
<table width="100%"> |
<tr> |
<td>Upload file: </td> |
<td> <div class="FileDetails"> |
<telerik:RadUpload ID="RadUpload1" runat="server" MaxFileInputsCount="5" |
OnClientAdded="addTitle" |
TargetFolder="~/files" EnableFileInputSkinning="true" |
ControlObjectsVisibility="RemoveButtons, AddButton" Skin="Black"> |
</telerik:RadUpload> |
<div class="UploadButton"><asp:Button Width="75px" id="buttonSubmit" runat="server" OnClick="buttonSubmit_Click" text="Upload" /></div></div> |
</td> |
</tr> |
<tr> |
<td align="center" colspan="2"> |
<telerik:RadProgressArea ID="RadProgressArea1" runat="server" Skin="Black"> |
<Localization Uploaded="Uploaded" /> |
</telerik:RadProgressArea> <br /><br /> |
</td> |
</tr> |
</table> |
</telerik:RadPageView> |
</telerik:RadMultiPage> |
<table width="100%"> |
<tr> |
<td align="center"> |
<asp:Button ID="Update" runat="server" Text="Update" CommandName="Update" /> |
<asp:Button ID="Cancel" runat="server" Text="Cancel" CommandName="Cancel" /> |
</td> |
</tr> |
</table> |
</asp:Panel> |
</FormTemplate> |
</EditFormSettings> |
<Columns> |
<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="Edit"> |
</telerik:GridEditCommandColumn> |
<telerik:GridBoundColumn DataField="Name" HeaderText="Name" |
SortExpression="Name" UniqueName="Name"> |
</telerik:GridBoundColumn> |
<telerik:GridBoundColumn DataField="Description" HeaderText="Description" |
SortExpression="Description" UniqueName="Description"> |
</telerik:GridBoundColumn> |
<telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Delete" |
ConfirmDialogType="RadWindow" |
ConfirmText="Are you sure you want to delete this record?" Text="Delete" |
UniqueName="Delete"> |
</telerik:GridButtonColumn> |
</Columns> |
</MasterTableView> |
</telerik:RadGrid> |
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TestCombo.aspx.cs" Inherits="TestCombo" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
runat
=
"server"
>
<
title
></
title
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
telerik:RadScriptManager
ID
=
"ScriptManager1"
runat
=
"server"
></
telerik:RadScriptManager
>
<
div
>
<
telerik:RadComboBox
ID
=
"cboTest"
runat
=
"server"
AutoPostBack
=
"true"
CheckBoxes
=
"true"
AllowCustomText
=
"false"
onselectedindexchanged
=
"cboTest_SelectedIndexChanged"
>
<
Items
>
<
telerik:RadComboBoxItem
Text
=
"Item 1"
Value
=
"1"
/>
<
telerik:RadComboBoxItem
Text
=
"Item 2"
Value
=
"2"
/>
</
Items
>
</
telerik:RadComboBox
>
</
div
>
</
form
>
</
body
>
</
html
>
using
System;
using
System.Collections.Generic;
using
System.Linq;
using
System.Web;
using
System.Web.UI;
using
System.Web.UI.WebControls;
public
partial
class
TestCombo : System.Web.UI.Page
{
protected
void
Page_Load(
object
sender, EventArgs e)
{
}
protected
void
cboTest_SelectedIndexChanged(
object
sender, Telerik.Web.UI.RadComboBoxSelectedIndexChangedEventArgs e)
{
throw
new
Exception(
"SelectedIndexChanged"
);
}
}
function
OnClientSelectedIndexChanged(sender, eventArgs) {
var
item = eventArgs.get_item();
var
upload = $find(
"<%= RadAsyncUpload1.ClientID %>"
);
upload.TargetPath = ???
alert(
"You selected "
+ item.get_text());
}