or
<
telerik:RadGrid
ID
=
"RadGrid1"
runat
=
"server"
AutoGenerateColumns
=
"false"
AllowMultiRowSelection
=
"true"
AllowPaging
=
"true"
AllowSorting
=
"true"
GridLines
=
"None"
ShowGroupPanel
=
"false"
Skin
=
"MetroTouch"
AutoGenerateEditColumn
=
"true"
Width
=
"100%"
>
<
telerik:GridTemplateColumn
HeaderText
=
"Company"
Display
=
"false"
>
<
ItemTemplate
>
<
asp:Label
ID
=
"CompanyID"
runat
=
"server"
Text='<%# Eval("CompanyID")%>' />
</
ItemTemplate
>
<
EditItemTemplate
>
<
telerik:RadComboBox
ID
=
"CompanyIDEdit"
runat
=
"server"
Width
=
"100%"
Skin
=
"MetroTouch"
></
telerik:RadComboBox
>
</
EditItemTemplate
>
</
telerik:GridTemplateColumn
>
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="List.aspx.cs" Inherits="MyWebApp.Admin.Companies.List" %>
<%@ Register src="NavigationMenu.ascx" tagname="NavigationMenu" tagprefix="uc1" %>
<!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
=
"form2"
runat
=
"server"
>
<
telerik:RadAjaxManager
ID
=
"RadAjaxManager1"
runat
=
"server"
DefaultLoadingPanelID
=
"RadAjaxLoadingPanel1"
>
<
AjaxSettings
>
<
telerik:AjaxSetting
AjaxControlID
=
"RadGrid_Companies"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"RadGrid_Companies"
LoadingPanelID
=
"RadAjaxLoadingPanel1"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
</
AjaxSettings
>
</
telerik:RadAjaxManager
>
<
telerik:RadAjaxLoadingPanel
ID
=
"RadAjaxLoadingPanel1"
runat
=
"server"
/>
<
asp:SqlDataSource
ID
=
"SqlDataSource_Companies"
runat
=
"server"
ConnectionString="<%$ ConnectionStrings:MyCS %>" SelectCommand="SELECT * FROM Companies ORDER BY Name ASC" />
<
div
>
<
uc1:NavigationMenu
ID
=
"CompanyMenu"
runat
=
"server"
/>
<
br
/>
</
div
>
<
div
>
<
telerik:RadGrid
ID
=
"RadGrid_Companies"
runat
=
"server"
AllowFilteringByColumn
=
"True"
AllowPaging
=
"True"
AllowSorting
=
"True"
AutoGenerateColumns
=
"False"
CellSpacing
=
"0"
DataSourceID
=
"SqlDataSource_Companies"
GridLines
=
"None"
AllowAutomaticInserts
=
"True"
AllowAutomaticUpdates
=
"True"
AllowCustomPaging
=
"True"
ShowStatusBar
=
"true"
>
<
MasterTableView
DataKeyNames
=
"Company_Key"
DataSourceID
=
"SqlDataSource_Companies"
AllowMultiColumnSorting
=
"True"
EditMode
=
"PopUp"
commanditemdisplay
=
"Bottom"
>
<
Columns
>
<
telerik:GridEditCommandColumn
ButtonType
=
"ImageButton"
/>
<
telerik:GridBoundColumn
DataField
=
"CompanyName"
FilterControlAltText
=
"Filter CompanyName column"
HeaderText
=
"Company Name"
SortExpression
=
"CompanyName"
UniqueName
=
"CompanyName"
HeaderStyle-HorizontalAlign
=
"Center"
HeaderStyle-VerticalAlign
=
"Middle"
/>
</
Columns
>
<
EditFormSettings
UserControlName
=
"EditPopup.ascx"
EditFormType
=
"WebUserControl"
PopUpSettings-Height
=
"800px"
PopUpSettings-Width
=
"600px"
PopUpSettings-ScrollBars
=
"Auto"
PopUpSettings-Modal
=
"true"
EditColumn-UniqueName
=
"EditCommandColumn1"
/>
</
MasterTableView
>
</
telerik:RadGrid
>
</
div
>
</
form
>
</
body
>
</
html
>
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="EditPopup.ascx.cs" Inherits="MyWebApp.Admin.Companies.EditPopup" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<
table
ID
=
"table1"
width
=
"100%"
>
<
tr
>
<
td
>
Company Name:
</
td
>
<
td
>
<
telerik:RadTextBox
ID
=
"RadTextBox_CompanyName"
runat
=
"server"
width
=
"100%"
Text='<%# DataBinder.Eval( Container, "DataItem.Name" ) %>' />
</
td
>
</
tr
>
<
tr
>
<
td
>
<
br
/>
<
asp:Button
ID
=
"btnUpdate"
Text
=
"Update"
runat
=
"server"
CommandName
=
"Update"
Visible='<%# !(DataItem is Telerik.Web.UI.GridInsertionObject) %>' />
<
asp:Button
ID
=
"btnInsert"
Text
=
"Insert"
runat
=
"server"
CommandName
=
"PerformInsert"
Visible='<%# DataItem is Telerik.Web.UI.GridInsertionObject %>'/>
<
asp:Button
ID
=
"btnCancel"
Text
=
"Cancel"
runat
=
"server"
CausesValidation
=
"False"
CommandName
=
"Cancel"
/>
</
td
>
</
tr
>
</
table
>