or
<%@ Page Language=
"C#"
AutoEventWireup=
"true"
CodeBehind=
"DemoPage.aspx.cs"
Inherits=
"DemoApp.DemoPage"
%>
<!DOCTYPE html>
<html xmlns=
"http://www.w3.org/1999/xhtml"
>
<head runat=
"server"
>
<title></title>
</head>
<body>
<form id=
"form1"
runat=
"server"
>
<div>
<telerik:RadScriptManager runat=
"server"
ID=
"RadScriptManager1"
/>
<telerik:RadScriptBlock ID=
"scrCode_Outlier"
runat=
"server"
>
<script type=
"text/javascript"
>
function OpenRadWin(ID) {
debugger
<%--document.getElementById(
"<%=hdnValue.ClientID %>"
).setAttribute(
'value'
, ID);--%>
var wnd = $find(
"<%=rdRTOutlierWindow.ClientID %>"
);
wnd.show();
}
</script>
</telerik:RadScriptBlock>
<telerik:RadAjaxManager ID=
"radmgr"
runat=
"server"
>
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID=
"rgRTOutlierView"
>
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID=
"rgRTOutlierView"
></telerik:AjaxUpdatedControl>
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadWindow ID=
"rdRTOutlierWindow"
runat=
"server"
Modal=
"true"
ReloadOnShow=
"true"
MinWidth=
"1000px"
MinHeight=
"400px"
EnableViewState=
"true"
>
<ContentTemplate>
<telerik:RadAjaxPanel ID=
"rdpnl_RTDetail"
runat=
"server"
>
<telerik:RadGrid ID=
"rgRTOutlierDetail"
runat=
"server"
AllowPaging=
"True"
AllowSorting=
"true"
AutoGenerateColumns=
"true"
ClientSettings-EnablePostBackOnRowClick=
"false"
OnNeedDataSource=
"rgRTOutlierDetail_NeedDataSource"
ExportSettings-IgnorePaging=
"true"
ExportSettings-ExportOnlyData=
"true"
ExportSettings-Excel-Format=
"Biff"
MasterTableView-CommandItemSettings-ShowExportToExcelButton=
"true"
MasterTableView-CommandItemSettings-ShowExportToCsvButton=
"true"
MasterTableView-CommandItemSettings-ShowExportToPdfButton=
"true"
>
<MasterTableView DataKeyNames=
"ID"
>
<CommandItemSettings ShowAddNewRecordButton=
"false"
/>
<Columns></Columns>
</MasterTableView>
</telerik:RadGrid>
</telerik:RadAjaxPanel>
</ContentTemplate>
</telerik:RadWindow>
<telerik:RadAjaxPanel ID=
"rdpnl_RT"
runat=
"server"
LoadingPanelID=
"LoadingPanel1"
Width=
"700px"
Height=
"300px"
>
<telerik:RadGrid ID=
"rgRTOutlierView"
runat=
"server"
AllowPaging=
"True"
AllowSorting=
"true"
AutoGenerateColumns=
"false"
Width=
"100%"
OnNeedDataSource=
"rgRTOutlierView_NeedDataSource"
OnItemCommand=
"rgRTOutlierView_ItemCommand"
PageSize=
"2"
EnablePostBackOnRowClick=
"true"
MasterTableView-CommandItemDisplay=
"Bottom"
>
<MasterTableView CommandItemDisplay=
"Bottom"
DataKeyNames=
"ID"
>
<CommandItemSettings ShowAddNewRecordButton=
"false"
/>
<Columns>
<telerik:GridTemplateColumn AllowFiltering=
"false"
HeaderText=
"Detail"
DataField=
"ID"
UniqueName=
"ID"
HeaderStyle-Width=
"10%"
>
<ItemTemplate>
<asp:LinkButton ID=
"hylnkAccn"
runat=
"server"
CommandName=
"Detail"
CommandArgument=
'<%# Eval("ID") %>'
Text=
"Detail"
OnClientClick=
'<%# "OpenRadWin(" + Eval("ID") + ");" %>'
></asp:LinkButton><%--OnClientClick=
'<%# "OpenRadWin(" + Eval("ID") + ");" %>'
--%>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn DataField=
"ID"
HeaderText=
"ID"
HeaderStyle-Width=
"10%"
></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField=
"UserName"
HeaderText=
"UserName"
HeaderStyle-Width=
"20%"
></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField=
"Education"
HeaderText=
"Education"
HeaderStyle-Width=
"20%"
></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField=
"Education"
HeaderText=
"Education"
HeaderStyle-Width=
"30%"
></telerik:GridBoundColumn>
</Columns>
</MasterTableView>
<ClientSettings>
<Selecting AllowRowSelect=
"True"
/>
<ClientEvents OnCommand=
"RadGridCommand"
/>
<Scrolling AllowScroll=
"true"
UseStaticHeaders=
"true"
/>
</ClientSettings>
</telerik:RadGrid>
<telerik:RadCodeBlock runat=
"server"
ID=
"radcode1"
>
<script type=
"text/javascript"
>
function RadGridCommand(sender, args) {
debugger
if
(args.get_commandName() ==
"Detail"
) {
var itemIndex = args.get_commandArgument();
var rowID = (itemIndex !=
null
&& itemIndex != undefined && itemIndex !=
""
) ? args.get_tableView()._dataSource[itemIndex].ID : 0;
OpenRadWin(rowID);
}
args.set_cancel(
true
);
}
</script>
</telerik:RadCodeBlock>
</telerik:RadAjaxPanel>
</div>
</form>
</body>
</html>
using
System;
using
System.Collections.Generic;
using
System.Configuration;
using
System.Data;
using
System.Data.SqlClient;
using
System.Linq;
using
System.Web;
using
System.Web.UI;
using
System.Web.UI.WebControls;
using
Telerik.Web.UI;
namespace
DemoApp
{
public
partial
class
DemoPage : System.Web.UI.Page
{
protected
void
Page_Load(
object
sender, EventArgs e)
{
if
(!IsPostBack)
{
rgRTOutlierView.DataBind();
}
}
protected
void
rgRTOutlierView_NeedDataSource(
object
sender, Telerik.Web.UI.GridNeedDataSourceEventArgs e)
{
//(sender as RadGrid).DataSource = GetDataTable();
rgRTOutlierView.DataSource = GetDataTable();
}
protected
void
rgRTOutlierView_ItemCommand(
object
sender, Telerik.Web.UI.GridCommandEventArgs e)
{
if
(e.CommandName.ToLower().Equals(
"detail"
))
{
rgRTOutlierDetail.Rebind();
}
}
public
DataTable GetDataTable()
{
DataTable dt =
new
DataTable();
dt.Columns.Add(
"Id"
,
typeof
(
string
));
dt.Columns.Add(
"UserName"
,
typeof
(
string
));
dt.Columns.Add(
"Education"
,
typeof
(
string
));
dt.Columns.Add(
"Location"
,
typeof
(
string
));
DataRow dtrow = dt.NewRow();
dtrow[
"Id"
] = 1;
dtrow[
"UserName"
] =
"SureshDasari"
;
dtrow[
"Education"
] =
"B.Tech"
;
dtrow[
"Location"
] =
"Chennai"
;
dt.Rows.Add(dtrow);
dtrow = dt.NewRow();
dtrow[
"Id"
] = 2;
dtrow[
"UserName"
] =
"MadhavSai"
;
dtrow[
"Education"
] =
"MBA"
;
dtrow[
"Location"
] =
"Nagpur"
;
dt.Rows.Add(dtrow);
dtrow = dt.NewRow();
dtrow[
"Id"
] = 3;
dtrow[
"UserName"
] =
"MaheshDasari"
;
dtrow[
"Education"
] =
"B.Tech"
;
dtrow[
"Location"
] =
"Nuzividu"
;
dt.Rows.Add(dtrow);
dtrow = dt.NewRow();
dtrow[
"Id"
] = 4;
dtrow[
"UserName"
] =
"Mahendra"
;
dtrow[
"Education"
] =
"CA"
;
dtrow[
"Location"
] =
"Guntur"
;
dt.Rows.Add(dtrow);
return
dt;
}
protected
void
rgRTOutlierDetail_NeedDataSource(
object
sender, GridNeedDataSourceEventArgs e)
{
rgRTOutlierDetail.DataSource = GetDataTable();
}
}
}
button, input[type=
"button"
], input[type=
"submit"
]
{
border
:
2px
solid
#DFDFDF
; -webkit-border-radius:
6px
; -moz-border-radius:
6px
;
font-size
:
11px
;
font-family
:
tahoma
,
verdana
,
arial
,
sans-serif
;
padding
:
4px
12px
4px
12px
;
text-decoration
:
none
;
display
:inline-
block
;
font-weight
:
bold
;
color
:
#141414
;
background-color
:
#E6E6E6
;
background-image
: -webkit-gradient(linear,
left
top
,
left
bottom
, from(
#E6E6E6
), to(
#CCCCCC
));
background-image
: -webkit-linear-gradient(
top
,
#E6E6E6
,
#CCCCCC
);
background-image
: -moz-linear-gradient(
top
,
#E6E6E6
,
#CCCCCC
);
background-image
: -ms-linear-gradient(
top
,
#E6E6E6
,
#CCCCCC
);
background-image
: -o-linear-gradient(
top
,
#E6E6E6
,
#CCCCCC
);
cursor
:
pointer
;
}
button, input[type=
"button"
], input[type=
"submit"
]:hover
{
cursor
:
pointer
;
color
:
#414141
;
background-color
:
#cdcdcd
;
background-image
: linear-gradient(to
bottom
,
#cdcdcd
,
#b3b3b3
);
}
button, input[type=
"button"
], input[type=
"submit"
]:disabled
{
opacity:
0.65
;
cursor
: not-allowed;
}