or
001.
<
telerik:RadSplitter
id
=
"RadSplitter1"
runat
=
"server"
Height
=
"488"
Width
=
"767"
>
002.
<
telerik:RadPane
id
=
"LPane"
runat
=
"server"
width
=
"22px"
Scrolling
=
"None"
>
003.
<
telerik:RadSlidingZone
ID
=
"LSlidingZone"
runat
=
"server"
Width
=
"22px"
>
004.
<
telerik:RadSlidingPane
ID
=
"LSlidingPane"
runat
=
"server"
005.
EnableDock
=
"True"
EnableResize
=
"True"
Scrolling
=
"None"
Title
=
"Location"
006.
Width
=
"250px"
>
007.
<
telerik:RadSplitter
ID
=
"Radsplitter3"
runat
=
"server"
Height
=
"275"
Orientation
=
"Horizontal"
Width
=
"260"
>
008.
<
telerik:RadPane
ID
=
"LoRadpane"
runat
=
"server"
Scrolling
=
"None"
CssClass
=
"AutoHeight"
>
009.
<
asp:Panel
ID
=
"pnlL"
runat
=
"server"
>
010.
<
div
ID
=
"DivC"
align
=
"center"
style
=
"overflow: hidden"
>
011.
012.
<
asp:DropDownList
ID
=
"Bdropdwn"
runat
=
"server"
013.
AutoPostBack
=
"false"
Height
=
"25px"
Width
=
"200px"
>
014.
</
asp:DropDownList
>
015.
016.
<
br
/>
017.
<
p
/>
018.
<
asp:ListBox
ID
=
"RListBox"
runat
=
"server"
AutoPostBack
=
"false"
019.
Height
=
"150px"
Width
=
"200px"
>
020.
</
asp:ListBox
>
021.
<
br
/>
022.
</
div
>
023.
</
asp:Panel
>
024.
</
telerik:RadPane
>
025.
<
telerik:RadSplitBar
id
=
"URadsplitbar"
runat
=
"server"
CssClass
=
"tab_click"
>
026.
</
telerik:RadSplitBar
>
027.
<
telerik:RadPane
id
=
"URadpane"
runat
=
"server"
>
028.
<
asp:Panel
id
=
"pnlU"
runat
=
"server"
Height
=
"100px"
Width
=
"260px"
>
029.
<
div
id
=
"layer"
align
=
"center"
>
030.
031.
<
p
align
=
"center"
>
032.
<
input
id
=
"file"
type
=
"file"
width
=
"200px"
/>
033.
</
p
>
034.
</
div
>
035.
<
div
id
=
"dvFileExplorer"
>
036.
<
asp:Panel
runat
=
"server"
ID
=
"pnlFileExplorer"
class
=
"dvFileExplorerContent"
>
037.
038.
<
telerik:RadFileExplorer
ID
=
"RadFileExplorer"
runat
=
"server"
039.
EnableOpenFile
=
"false"
040.
ExplorerMode
=
"Default"
Width
=
"100%"
>
041.
</
telerik:RadFileExplorer
>
042.
043.
</
asp:Panel
>
044.
</
div
>
045.
</
asp:Panel
>
046.
</
telerik:RadPane
>
047.
</
telerik:RadSplitter
>
048.
</
telerik:RadSlidingPane
>
049.
050.
<
telerik:RadSlidingPane
ID
=
"MPane"
runat
=
"server"
EnableDock
=
"True"
EnableResize
=
"True"
Title
=
"Message(s)"
Height
=
"275"
Width
=
"260"
>
051.
<
div
id
=
"AccordionMPane"
>
052.
</
div
>
053.
</
telerik:RadSlidingPane
>
054.
<
telerik:RadSlidingPane
id
=
"EPane"
runat
=
"server"
EnableDock
=
"True"
EnableResize
=
"True"
Title
=
"Error(s)"
Height
=
"275"
Width
=
"260"
>
055.
<
div
id
=
"AccordionEPane"
>
056.
</
div
>
057.
</
telerik:RadSlidingPane
>
058.
<
telerik:RadSlidingPane
id
=
"SPane"
runat
=
"server"
EnableDock
=
"True"
EnableResize
=
"True"
Title
=
"Summary"
Height
=
"275"
Width
=
"260"
>
059.
<
div
id
=
"AccordianSPane"
>
060.
</
div
>
061.
</
telerik:RadSlidingPane
>
062.
</
telerik:RadSlidingZone
>
063.
</
telerik:RadPane
>
064.
065.
<%--Splitter Bar--%>
066.
<
telerik:RadSplitBar
id
=
"RadSplitbar1"
runat
=
"server"
>
067.
</
telerik:RadSplitBar
>
068.
069.
<%--Main Pane--%>
070.
<
telerik:RadPane
id
=
"MiddlePane"
runat
=
"server"
Scrolling
=
"None"
>
071.
<
asp:UpdatePanel
ID
=
"UpdatePanel1"
runat
=
"server"
UpdateMode
=
"Conditional"
>
072.
<
ContentTemplate
>
073.
<
div
id
=
"TabDiv"
class
=
"tabcontainer"
style
=
"margin:0px;border-width:0px; padding:0px;border:none;"
>
074.
<
ul
class
=
"tabs"
>
075.
<
li
><
a
href
=
"#W#"
class
=
"tab-link current"
>W</
a
></
li
>
076.
<
li
><
a
href
=
"#S1#"
class
=
"tab-link"
>S1</
a
></
li
>
077.
<
li
><
a
href
=
"#S2#"
class
=
"tab-link"
>S2</
a
></
li
>
078.
<
li
><
a
href
=
"#S3#"
class
=
"tab-link"
>S3</
a
></
li
>
079.
<
li
><
a
href
=
"#R#"
class
=
"tab-link"
>R</
a
></
li
>
080.
</
ul
>
081.
<
div
id
=
"W#"
class
=
"tab-content"
>
082.
</
div
>
083.
<
div
id
=
"S1#"
class
=
"tab-content"
>
084.
<
div
>
085.
</
div
>
086.
</
div
>
087.
<
div
id
=
"S2#"
class
=
"tab-content"
>
088.
<
div
>
089.
</
div
>
090.
</
div
>
091.
<
div
id
=
"S3#"
class
=
"tab-content"
>
092.
<
div
>
093.
</
div
>
094.
</
div
>
095.
<
div
id
=
"R#"
class
=
"tab-content"
>
096.
<
div
>
097.
</
div
>
098.
</
div
>
099.
</
div
>
100.
</
ContentTemplate
>
101.
</
asp:UpdatePanel
>
102.
</
telerik:RadPane
>
103.
</
telerik:RadSplitter
>
<
ClientSettings
>
<
ClientEvents
OnCommand
=
"GridCommand"
/>
</
ClientSettings
>
protected
void
RadGrid1_ItemCommand (
object
sender, GridCommandEventArgs e)
{
if
(e.CommandName ==
"RemoveLogin"
)
{
GridDataItem item = (GridDataItem)e.Item;
int
deleteKey = Convert.ToInt32 (item[
"KeyID"
].Text);
Label1.Text = item[
"KeyID"
].Text +
"<br/>"
+ item[
"LoginID"
].Text;
//RadGrid1.Rebind ();
}
}
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %>
<!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
>
<
telerik:RadStyleSheetManager
ID
=
"RadStyleSheetManager1"
runat
=
"server"
/>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
runat
=
"server"
>
<
Scripts
>
<
asp:ScriptReference
Assembly
=
"Telerik.Web.UI"
Name
=
"Telerik.Web.UI.Common.Core.js"
/>
<
asp:ScriptReference
Assembly
=
"Telerik.Web.UI"
Name
=
"Telerik.Web.UI.Common.jQuery.js"
/>
<
asp:ScriptReference
Assembly
=
"Telerik.Web.UI"
Name
=
"Telerik.Web.UI.Common.jQueryInclude.js"
/>
</
Scripts
>
</
telerik:RadScriptManager
>
<
script
type
=
"text/javascript"
>
function GridCommand(sender, eventArgs)
{
}
</
script
>
<
telerik:RadAjaxManager
ID
=
"RadAjaxManager1"
runat
=
"server"
>
</
telerik:RadAjaxManager
>
<
div
>
<
telerik:RadGrid
ID
=
"RadGrid1"
AutoGenerateColumns
=
"False"
runat
=
"server"
AllowSorting
=
"True"
CellSpacing
=
"0"
GridLines
=
"None"
AllowPaging
=
"True"
PageSize
=
"20"
OnDetailTableDataBind
=
"RadGrid1_DetailTableDataBind"
OnItemCommand
=
"RadGrid1_ItemCommand"
OnNeedDataSource
=
"RadGrid1_NeedDataSource"
>
<
SortingSettings
EnableSkinSortStyles
=
"false"
/>
<
ClientSettings
>
<
Selecting
AllowRowSelect
=
"True"
/>
<
ClientEvents
OnCommand
=
"GridCommand"
/>
</
ClientSettings
>
<
GroupingSettings
CaseSensitive
=
"false"
/>
<
MasterTableView
DataKeyNames
=
"MemberID"
ClientDataKeyNames
=
"MemberID"
AllowFilteringByColumn
=
"True"
>
<
DetailTables
>
<
telerik:GridTableView
Name
=
"KeyDetail"
Width
=
"100%"
>
<
Columns
>
<
telerik:GridBoundColumn
DataField
=
"KeyID"
ReadOnly
=
"true"
HeaderText
=
"Login ID"
UniqueName
=
"KeyID"
AllowFiltering
=
"false"
/>
<
telerik:GridBoundColumn
DataField
=
"LoginID"
ReadOnly
=
"true"
HeaderText
=
"Login"
UniqueName
=
"LoginID"
AllowFiltering
=
"false"
/>
<
telerik:GridBoundColumn
DataField
=
"LoginSID"
ReadOnly
=
"true"
HeaderText
=
"Encrypted SID"
UniqueName
=
"LoginSID"
AllowFiltering
=
"false"
/>
<
telerik:GridButtonColumn
UniqueName
=
"RemoveLogin"
ButtonType
=
"PushButton"
HeaderText
=
""
CommandName
=
"RemoveLogin"
Text
=
"Remove"
/>
</
Columns
>
</
telerik:GridTableView
>
</
DetailTables
>
<
Columns
>
<
telerik:GridBoundColumn
DataField
=
"FirstName"
ReadOnly
=
"true"
HeaderText
=
"First Name"
UniqueName
=
"FirstName"
ShowFilterIcon
=
"false"
AutoPostBackOnFilter
=
"true"
CurrentFilterFunction
=
"Contains"
/>
<
telerik:GridBoundColumn
DataField
=
"LastName"
ReadOnly
=
"true"
HeaderText
=
"Last Name"
UniqueName
=
"LastName"
ShowFilterIcon
=
"false"
AutoPostBackOnFilter
=
"true"
CurrentFilterFunction
=
"Contains"
/>
<
telerik:GridButtonColumn
UniqueName
=
"EditLink"
ButtonType
=
"PushButton"
HeaderText
=
"Edit User"
CommandName
=
"EditUser"
Text
=
"Edit"
/>
<
telerik:GridButtonColumn
UniqueName
=
"ViewLog"
ButtonType
=
"PushButton"
HeaderText
=
"View Log"
CommandName
=
"ViewLog"
Text
=
"Log"
/>
</
Columns
>
<
PagerStyle
Mode
=
"NextPrevNumericAndAdvanced"
AlwaysVisible
=
"true"
/>
<
SortExpressions
>
<
telerik:GridSortExpression
FieldName
=
"userActive"
SortOrder
=
"Descending"
/>
</
SortExpressions
>
</
MasterTableView
>
</
telerik:RadGrid
>
<
p
>
<
asp:Label
ID
=
"Label1"
runat
=
"server"
Text
=
"Message"
></
asp:Label
>
</
p
>
</
div
>
</
form
>
</
body
>
</
html
>
using
System;
using
System.Data;
using
Telerik.Web.UI;
public
partial
class
Default : System.Web.UI.Page
{
protected
void
Page_Load (
object
sender, EventArgs e)
{
if
(!IsPostBack)
{
DataTable masterTable =
new
DataTable ();
masterTable.Columns.Add (
new
DataColumn (
"FirstName"
, Type.GetType (
"System.String"
)));
masterTable.Columns.Add (
new
DataColumn (
"LastName"
, Type.GetType (
"System.String"
)));
masterTable.Columns.Add (
new
DataColumn (
"MemberID"
, Type.GetType (
"System.Int32"
)));
masterTable.Columns.Add (
new
DataColumn (
"userActive"
, Type.GetType (
"System.Boolean"
)));
masterTable.Rows.Add (
"John"
,
"Doe"
, 1,
true
);
masterTable.Rows.Add (
"Sam"
,
"Smith"
, 2,
false
);
masterTable.Rows.Add (
"Mary"
,
"Doe"
, 3,
true
);
DataTable detailTable =
new
DataTable ();
detailTable.Columns.Add (
new
DataColumn (
"MemberID"
, Type.GetType (
"System.Int32"
)));
detailTable.Columns.Add (
new
DataColumn (
"KeyID"
, Type.GetType (
"System.String"
)));
detailTable.Columns.Add (
new
DataColumn (
"LoginID"
, Type.GetType (
"System.String"
)));
detailTable.Columns.Add (
new
DataColumn (
"LoginSID"
, Type.GetType (
"System.String"
)));
detailTable.Rows.Add (1,
"1001"
,
"Office\\JD"
,
"JohnDoeSID"
);
detailTable.Rows.Add (1,
"1002"
,
"Home\\JD"
,
"JohnDoeSID2"
);
detailTable.Rows.Add (1,
"1003"
,
"Home\\JD2"
,
"JohnDoeSID3"
);
detailTable.Rows.Add (2,
"2001"
,
"Office\\SS"
,
"SamSmithSID"
);
detailTable.Rows.Add (2,
"2002"
,
"Home\\SS"
,
"SamSmithSID2"
);
ViewState[
"master"
] = masterTable;
ViewState[
"detail"
] = detailTable;
}
}
protected
void
RadGrid1_NeedDataSource (
object
sender, GridNeedDataSourceEventArgs e)
{
RadGrid1.DataSource = (DataTable)ViewState[
"master"
];
}
protected
void
RadGrid1_DetailTableDataBind (
object
sender, GridDetailTableDataBindEventArgs e)
{
GridDataItem dataItem = (GridDataItem)e.DetailTableView.ParentItem;
if
(e.DetailTableView.Name ==
"KeyDetail"
)
{
string
memberID = dataItem.GetDataKeyValue (
"MemberID"
).ToString ();
DataTable detailTable =(DataTable)ViewState[
"detail"
];
e.DetailTableView.DataSource = detailTable.Select (
"MemberID ="
+ memberID);
}
}
protected
void
RadGrid1_ItemCommand (
object
sender, GridCommandEventArgs e)
{
if
(e.CommandName ==
"RemoveLogin"
)
{
GridDataItem item = (GridDataItem)e.Item;
int
deleteKey = Convert.ToInt32 (item[
"KeyID"
].Text);
Label1.Text = item[
"KeyID"
].Text +
"<br/>"
+ item[
"LoginID"
].Text;
//RadGrid1.Rebind ();
}
}
}