Questions on UI for ASP.NET AJAX Forum

1 answer

97 views

Hello all...

I'm wondering if there's a provision to set the time of day default in the calendar? Apparently it defaults to noon, and I'd like to set it to midnight so to take into account any record that occurs any time of day, rather than only after twelve noon.

Thanks for any assistance!

Calendar

answered on 09 Oct 2012

2 answers

187 views

Menu / Mega Drop-Down created dynamically from SQL

I am having issues trying to figure out how to create a mega menu dynamically from SQL server.
I have a normal telerik menu working fine from SQL. My SQL server is setup using a Parent Child to create the sub menus.

Existing

<telerik:RadMenu id="globalNavigation" runat="server"

EnableRoundedCorners="true"

EnableAjaxSkinRendering="true"

Skin="Telerik"

ExpandDelay="200"

ClosingDelay="50"

OnClientItemOpened="itemOpened"

CausesValidation="false"

EnableEmbeddedSkins="false"

EnableShadows="true"

ClickToOpen="true">

</telerik:RadMenu>

SQL Table is setup (as an example)
idMenuID  vcName     inParentID     URL
1         Home         NULL         ~/default.aspx
2         Country      NULL         ~/Country/default.aspx
3         Training     NULL         ~/Training/default.aspx
4         Student      NULL         ~/Student/default.aspx
11        Option A     2           ~/Country/defaultA.aspx
12        Option B    2            ~/Country/defaultB.aspx

Within the radmenu of a mega drop down it includes
<telerik:RadMenuItem Text="Products" PostBack="false">

<Items>

<telerik:RadMenuItem CssClass="Products" Width="640px">

<h3>

Categories
</h3>

<telerik:RadSiteMap ID="RadSiteMap1" runat="server" Skin="Hay" EnableTextHTMLEncoding="true">

<telerik:SiteMapLevelSetting Level="0">

</telerik:SiteMapLevelSetting>

</LevelSettings>

<Nodes>

<telerik:RadSiteMapNode NavigateUrl="#" Text="Student">

<Nodes>

<telerik:RadSiteMapNode NavigateUrl="#" Text="ITO Student PTO" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Review of All ITO's" />

</Nodes>

</telerik:RadSiteMapNode>

<telerik:RadSiteMapNode NavigateUrl="#" Text="Decor">

<Nodes>

<telerik:RadSiteMapNode NavigateUrl="#" Text="Bed Linen" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Throws" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Curtains & Blinds" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Rugs" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Carpets" />

</Nodes>

</telerik:RadSiteMapNode>

</telerik:RadSiteMap>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

This is within the Mega Drop Menu. How would I create these item dynamically. Would someone have an example of how to write this within the code behind or created dyanmically.

Menu

answered on 09 Oct 2012

3 answers

1.0K+ views

Cannot implicitly convert type 'string' to 'Telerik.Web.UI.RadTextBox'

Heey Guys i got a problem ("Cannot implicitly convert type 'string' to 'Telerik.Web.UI.RadTextBox'") im tring to add some client insert edit update fucations to my grid,when i start to build it i got thist strange error here is my code if some one can help what would be awsome !!

<%@ Page Title="" Language="C#" MasterPageFile="~/ABBMaster.Master" AutoEventWireup="true" CodeBehind="Client.aspx.cs" Inherits="HolidayTracker.Testing.Client" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainRegionContentPlaceHolder" runat="server">

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

var employeeID, currentEmployee, currentRowIndex = null;

var employee =

{

EmployeeID: null,

FirstName: null,

LastName: null,

Title: null,

TitleOfCourtesy: null,

BirthDate: null,

Notes: null,

create: function () {

var obj = new Object();

obj.EmployeeID = "";

obj.FirstName = "";

obj.LastName = "";

obj.Title = "";

obj.TitleOfCourtesy = "";

obj.BirthDate = "";

obj.Notes = "";

return obj;

}

};

function getDataItemKeyValue(radGrid, item) {

return parseInt(radGrid.get_masterTableView().getCellByColumnUniqueName(item, "EmployeeID").innerHTML);

}

function pageLoad(sender, args) {

//employeeID = $find("<%= RadGrid1.ClientID %>").get_masterTableView().get_dataItems()[0].getDataKeyValue("EmployeeID");

employeeID = getDataItemKeyValue($find("<%= RadGrid1.ClientID %>"), $find("<%= RadGrid1.ClientID %>").get_masterTableView().get_dataItems()[0]);

$find("<%= LastName.ClientID %>").focus();

}

function rowSelected(sender, args) {

//employeeID = args.getDataKeyValue("EmployeeID");

employeeID = getDataItemKeyValue(sender, args.get_gridDataItem());

currentRowIndex = args.get_gridDataItem().get_element().rowIndex;

$find("<%= RadTabStrip1.ClientID %>").set_selectedIndex(0);

MyWebService.GetEmployeeByEmployeeID(employeeID, setValues)

}

function setValues(employee) {

$get("<%= EmployeeID.ClientID %>").innerHTML = employee.EmployeeID;

$find("<%= LastName.ClientID %>").set_value(employee.LastName);

$find("<%= FirstName.ClientID %>").set_value(employee.FirstName);

$find("<%= Title.ClientID %>").set_value(employee.Title);

$find("<%= TitleOfCourtesy.ClientID %>").findItemByText(employee.TitleOfCourtesy).select();

$find("<%= BirthDate.ClientID %>").set_selectedDate(employee.BirthDate);

$find("<%= Notes.ClientID %>").set_html(employee.Notes);

$find("<%= LastName.ClientID %>").focus();

}

function getValues() {

employee.EmployeeID = $get("<%= EmployeeID.ClientID %>").innerHTML;

employee.LastName = $find("<%= LastName.ClientID %>").get_value();

employee.FirstName = $find("<%= FirstName.ClientID %>").get_value();

employee.Title = $find("<%= Title.ClientID %>").get_value();

employee.TitleOfCourtesy = $find("<%= TitleOfCourtesy.ClientID %>").get_value();

employee.BirthDate = $find("<%= BirthDate.ClientID %>").get_selectedDate();

employee.Notes = $find("<%= Notes.ClientID %>").get_html();

return employee;

}

function updateChanges() {

MyWebService.UpdateEmployeeByEmployee(getValues(), updateGrid);

}

function updateGrid(result) {

var tableView = $find("<%= RadGrid1.ClientID %>").get_masterTableView();

tableView.set_dataSource(result);

tableView.dataBind();

var grid = $find("<%= RadGrid1.ClientID %>");

grid.repaint();

}

function tabSelected(sender, args) {

if (currentEmployee == null) {

currentEmployee = getValues();

}

switch (args.get_tab().get_index()) {

case 1:

{

var gridItems = $find("<%= RadGrid1.ClientID %>").get_masterTableView().get_dataItems();

//var newID = parseInt(gridItems[gridItems.length - 1].getDataKeyValue("EmployeeID")) + 1;

var newID = getDataItemKeyValue($find("<%= RadGrid1.ClientID %>"), gridItems[gridItems.length - 1]) + 1;

var newEmployee = employee.create();

newEmployee.EmployeeID = newID;

setValues(newEmployee);

$get(" <%= SaveChanges.ClientID %>").value = "Add";

$get(" <%= Delete.ClientID %>").style.display = "none";

break;

}

default:

{

setValues(currentEmployee);

currentEmployee = null;

$get(" <%= SaveChanges.ClientID %>").value = "Save";

$get(" <%= Delete.ClientID %>").style.display = "";

break;

}

function deleteCurrent() {

var table = $find("<%= RadGrid1.ClientID %>").get_masterTableView().get_element();

var row = table.rows[currentRowIndex];

table.deleteRow(currentRowIndex);

var dataItem = $find(row.id);

if (dataItem) {

dataItem.dispose();

Array.remove($find(" <%= RadGrid1.ClientID %>").get_masterTableView()._dataItems, dataItem);

}

var gridItems = $find("<%= RadGrid1.ClientID %>").get_masterTableView().get_dataItems();

MyWebService.DeleteEmployeeByEmployeeID(employeeID, updateGrid);

gridItems[gridItems.length - 1].set_selected(true);

}

</script>

</telerik:RadCodeBlock>

<div style="height: 100%; padding: 10px">

<telerik:RadGrid ID="RadGrid1" DataSourceID="SqlDataSource1" runat="server" GridLines="None" OnDataBound="RadGrid1_DataBound" OnColumnCreated="RadGrid1_ColumnCreated" Height="300px" CellSpacing="0">

<MasterTableView TableLayout="Fixed" ClientDataKeyNames="EmployeeID" AutoGenerateColumns="False" DataKeyNames="_EmployeeID" >

<CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>

<RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column"></RowIndicatorColumn>

<ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column"></ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn DataField="_EmployeeID" DataType="System.Int32" FilterControlAltText="Filter _EmployeeID column" HeaderText="_EmployeeID" ReadOnly="True" SortExpression="_EmployeeID" UniqueName="_EmployeeID">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="_LastName" FilterControlAltText="Filter _LastName column" HeaderText="_LastName" SortExpression="_LastName" UniqueName="_LastName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="_FirstName" FilterControlAltText="Filter _FirstName column" HeaderText="_FirstName" SortExpression="_FirstName" UniqueName="_FirstName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="_Title" FilterControlAltText="Filter _Title column" HeaderText="_Title" SortExpression="_Title" UniqueName="_Title">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="_TitleOfCourtesy" FilterControlAltText="Filter _TitleOfCourtesy column" HeaderText="_TitleOfCourtesy" SortExpression="_TitleOfCourtesy" UniqueName="_TitleOfCourtesy">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="_BirthDate" DataType="System.DateTime" FilterControlAltText="Filter _BirthDate column" HeaderText="_BirthDate" SortExpression="_BirthDate" UniqueName="_BirthDate">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="_Notes" FilterControlAltText="Filter _Notes column" HeaderText="_Notes" SortExpression="_Notes" UniqueName="_Notes">

</telerik:GridBoundColumn>

</Columns>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column"></EditColumn>

</EditFormSettings>

</MasterTableView>

<ClientSettings>

<Selecting AllowRowSelect="true" />

<ClientEvents OnRowSelected="rowSelected"/>

<Scrolling AllowScroll="true" UseStaticHeaders="true" />

</ClientSettings>

<FilterMenu EnableImageSprites="False"></FilterMenu>

</telerik:RadGrid>

<asp:SqlDataSource runat="server" ID="SqlDataSource1"

ConnectionString="<%$ ConnectionStrings:HolidayTrackerConnectionString %>"

SelectCommand="SELECT * FROM [Employee]">

</asp:SqlDataSource>

<telerik:RadTabStrip ID="RadTabStrip1" OnClientTabSelected="tabSelected" Style="margin-top: 10px;"

SelectedIndex="1" runat="server" Skin="Hay">

<Tabs>

<telerik:RadTab Text="Edit employee" />

<telerik:RadTab Text="Add new employee" Selected="True" />

</Tabs>

</telerik:RadTabStrip>

</div>

<div style="border: 1px solid threedshadow;">

<table border="0" style="margin-top: 20px; width: 100%;">

<tr>

<td>

Employee ID:

</td>

<td>

<asp:Label ID="EmployeeID" Style="float: left; font-weight: bold;" runat="server" />

<asp:Button ID="SaveChanges" CssClass="button" Style="float: right;

font-weight: bold;" OnClientClick="updateChanges(); return false;" Text="Save"

runat="server" BorderColor="White" />

<asp:Button ID="Delete" CssClass="button" Style="float: right; margin-right: 10px;

font-weight: bold;" OnClientClick="if(!confirm('Are you sure you want to delete this employee?'))return false; deleteCurrent(); return false;"

Text="Delete" runat="server" />

</td>

</tr>

<tr>

<td>

Last name:

</td>

<td>

<telerik:RadTextBox ID="LastName" runat="server" Skin="Hay" />

</td>

</tr>

<tr>

<td>

First name:

</td>

<td>

<telerik:RadTextBox ID="FirstName" runat="server" Skin="Hay" />

</td>

</tr>

<tr>

<td>

Title:

</td>

<td>

<telerik:RadTextBox ID="Title" runat="server" Skin="Hay" />

</td>

</tr>

<tr>

<td>

Title of courtesy:

</td>

<td>

<telerik:RadComboBox ID="TitleOfCourtesy" runat="server" Skin="Hay">

<Items>

<telerik:RadComboBoxItem Text="" Value="" />

<telerik:RadComboBoxItem Text="Dr." Value="Dr." />

<telerik:RadComboBoxItem Text="Mr." Value="Mr." />

<telerik:RadComboBoxItem Text="Mrs." Value="Mrs." />

<telerik:RadComboBoxItem Text="Ms." Value="Ms." />

</Items>

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td>

Birth date:

</td>

<td>

<telerik:RadDatePicker ID="BirthDate" MinDate="01/01/1900" runat="server" Skin="Hay" />

</td>

</tr>

<tr>

<td style="vertical-align: top;">

Notes:

</td>

<td style="height: 400px;float:left;">

<telerik:RadEditor ID="Notes" Width="100%" runat="server" Skin="Hay" />

</td>

</tr>

</table>

</div>

</asp:Content>

Grid

answered on 09 Oct 2012

4 answers

201 views

Get Dynamic Skin Colors

I'm utilizing the RadHTMLChart for a pie chart. I specify some of the series colors but not all. I have colors assigned to a variable that is referenced by the PieSeries ColorField. The ones I want to be pulled dynamically from the Skin I leave as "", empty string.

What I Have

protected IList<DataChart> GetChartData()

{

IList<DataChart> dataCharts = new List<DataChart>();

int totalNumber = 0;

foreach (Summary summary in DataSource)

{

totalNumber += summary.Count;

}

foreach (Summary summary in DataSource)

{

DataChart thisChart = new DataChart(summary);

thisChart.ChartCount = Math.Round(100 / ((float)totalNumber / summary.Count),2);

thisChart.ChartLabel = summary.Code;

thisChart.ChartColor = GetColorByCode(summary.Code);

thisChart.ChartExplode = someCondition ? "true" : "";

dataCharts.Add(thisChart);

}

return dataCharts;

}

protected string GetColorByCode(string code)

{

string color;

switch (code)

{

case "BP":

color = "#d35151";

break;

case "RS":

color = "#f0e45e";

break;

case "XT":

color = "#ff6600";

break;

default:

color = "";

break;

}

return color;

}

Is there a way that in the code-behind, I could programmatically use the WebResource (or something else) to get the color(s) from the skin? I need the color for something else besides the chart. Thus I'd never leave the value for the ColorField as "" but some I'd assign specifically and some I'd assign by dynamically getting a color from the skin. It would be done in the "default" of the switch.

If there's another way to do this, I'm all ears.

Thanks.

Chart (HTML5)

answered on 09 Oct 2012

10 answers

657 views

Expand by Row Click

Is there anyway to make the hierarchy grid to expand by mastertable row clicking? I've partially done this by the code below.

But when user clicks on the detailtable row, it fires a postback also. I want only mastertable to be active for row click.

And is there anyway to expand only one row at a time. I mean, if user expands a row, all other rows will be collapsed.

    
                  <ClientSettings EnablePostBackOnRowClick="True">  
        
                   <Selecting AllowRowSelect="True" /> 
        
                  </ClientSettings>

    
            protected void grdAcademicYear_ItemCommand(object source, GridCommandEventArgs e)  
        
              {  
        
               if (e.CommandName == "ExpandCollapse")  
        
               {  
        
                e.Item.Selected = !e.Item.Expanded;  
        
                this.CollapseAll();  
        
                e.Item.Expanded = e.Item.Selected;  
        
               }  
        
            }

Grid

answered on 09 Oct 2012

1 answer

60 views

testing simple telerik page without any coding on remote server plesk and getting error!

hi all
first of all,sorry for my bad english....
im a new telerik user.
for testing how telerik components will appear in run time on a remote server , i made simple telerik page with .net 3.5 ( Bin35 files) .
this page contains a RadMenu and a RadPanelBar and there is no coding.
it works fine in my computer.
after uploading in a server with plesk control panel, an error from web.config will appear.
follow the link:
http://karimpoor.ir/_mrjm/ADMIN/AdminDefault.aspx
i made the custom Error Page , but Still this error apears.
But the Main Question is :
i dont write any code , just drop down 2 controls and skined them and used buld Rad Panel , why should i face this kind of error????
thanks

General Discussions

answered on 09 Oct 2012

3 answers

208 views

Change Toolbar MetroTouch color to blue

Hello,

We're using the tabstrip and the toolbar using the metro touch skin.
We think the skin is very good, but the menu skin color is blue and the toolbar is black.
How can We change the toolbar's color from black to blue?
I mean, we want to keep using the toolbar's metro touch skin but changing it the color to blue (the same blue than the menu).

Thank you,

ToolBar

answered on 09 Oct 2012

2 answers

52 views

After ppdating to latest gives error in Visual Studio Design View

Hi friends,

I recently updated from *.35 version to *.40 (Q2 2012). But I can not open the Design-View properly. ( But I was able to do so with the previous version)

PublicKeyToken=121fae78165ba3d4

Thanks,
-Aarsh

*administrator(s) : please correct the spelling mistake so if somebody tries to search this they can find it. - Thanks :-)

General Discussions

answered on 09 Oct 2012

1 answer

322 views

Format datetime picker inside the rad grid

Hi All,

I have a RadDateTimePicker inside my RadGrid. i wish to format the Datetime picker like "dd mon yyyy hh:mm:ss:mmm".
my sql date format like "SELECT convert(varchar, getdate(), 113)"

how can i format my datetime picker like my sql date time format.

Please help.

Thanks

Prassin

Grid

answered on 09 Oct 2012

1 answer

136 views

Urgent!! Open RadWindows from GridButtonColumn in server side!

Hi!!!

I have an issue trying to open radwindow from GridButtonColumn.
This is my scenario:
- Master Page: contains the declaration of usercontrol
- Content: contain grid - Delete command open by server side radwindow with dynamically text
- user control. contains a radwindow.

Master page.aspx:
<%@ Register TagPrefix="UC" TagName="RadWindowsAction" Src="/UI/Admin/UserControls/Grid/Popups/DeleteRow.ascx" %>

<body> <form runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnablePageMethods="true">
<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>
<telerik:RadAjaxLoadingPanel runat="server" Skin="Vista" ID="loadTV" Width="300px" Height="120%" />
<telerik:RadAjaxLoadingPanel runat="server" Skin="Vista" ID="LoadginPanel1" IsSticky="true"
CssClass="LoadingPanel" />
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="Notification" />
<telerik:AjaxUpdatedControl ControlID="Grid" LoadingPanelID="LoadginPanel1" />
<telerik:AjaxUpdatedControl ControlID="WindowsAction" />
</UpdatedControls>
</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="ImageButtonSearch">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="Grid" LoadingPanelID="LoadginPanel1" />
<telerik:AjaxUpdatedControl ControlID="centerBody" LoadingPanelID="LoadginPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="btnHidde">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="Grid" LoadingPanelID="LoadginPanel1" />
<telerik:AjaxUpdatedControl ControlID="centerBody" LoadingPanelID="LoadginPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="RadFilter1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadFilter1" />
<telerik:AjaxUpdatedControl ControlID="Grid" LoadingPanelID="LoadginPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="lnkQuery">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="Grid" LoadingPanelID="LoadginPanel1" />
<telerik:AjaxUpdatedControl ControlID="centerBody" LoadingPanelID="LoadginPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="lblUserOnline">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="ContentPlaceHolder1" LoadingPanelID="LoadginPanel1" />
<telerik:AjaxUpdatedControl ControlID="centerBody" LoadingPanelID="LoadginPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="lnkCloseAssume">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="ContentPlaceHolder1" LoadingPanelID="LoadginPanel1" />
<telerik:AjaxUpdatedControl ControlID="centerBody" LoadingPanelID="LoadginPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="btnHidde">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="ContentPlaceHolder1" LoadingPanelID="LoadginPanel1" />
<telerik:AjaxUpdatedControl ControlID="centerBody" LoadingPanelID="LoadginPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="tvWorkspace">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RibbonBarMenu" />
<telerik:AjaxUpdatedControl ControlID="tvWorkspace" />

</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<asp:HiddenField ID="hddheight" runat="server" ></asp:HiddenField>
<telerik:RadAjaxPanel ID="pnlPanelApp" runat="server" Height="100%" Width="100%">

<div id="UserOnline" runat="server">
<asp:Label ID="lblAssume" runat="server" CssClass="UserOnlineText" />
<asp:LinkButton ID="lblUserOnline" runat="server" CssClass="UserOnlineText" OnClick="lblUserOnline_Click"></asp:LinkButton>
<asp:LinkButton ID="lblogOff" runat="server" CssClass="UserOnlineText" OnClick="lblogOff_Click"></asp:LinkButton>
<asp:LinkButton ID="lnkCloseAssume" runat="server" CssClass="UserOnlineText" OnClick="lnkCloseAssume_Click"></asp:LinkButton>
</div>

<div id="header" runat="server" />

<div id="centerBody" runat="server">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>

<div id="footer" runat="server" />

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableShadow="true">
<Windows>
<telerik:RadWindow ID="Dialog" runat="server" Height="200px" Width="300px" Skin="Vista"
Left="15%" ReloadOnShow="true" ShowContentDuringLoad="false" Modal="true" VisibleStatusbar="false"
Behaviors="Close" />
<telerik:RadWindow ID="InformationDialog" runat="server" Height="100px" Width="300px"
Skin="Vista" Left="15%" ReloadOnShow="true" ShowContentDuringLoad="false" Modal="true"
VisibleStatusbar="false" Behaviors="Close" />
<telerik:RadWindow ID="UserAssumeDialog" runat="server" Height="80px" Width="250px"
Skin="Vista" Left="15%" ReloadOnShow="true" ShowContentDuringLoad="true" Modal="true"
VisibleStatusbar="false" Behaviors="Close" />
</Windows>
</telerik:RadWindowManager>
<UC:Notification ID="Notification" runat="server" />
<UC:RadWindowsManager ID="WindowManagerTopMenu" runat="server"></UC:RadWindowsManager>
<UC:RadWindowsAction ID="WindowsAction" runat="server"></UC:RadWindowsAction>
</telerik:RadAjaxPanel>

</form>
</body>

Content page.aspx:

<telerik:RadAjaxLoadingPanel runat="server" Skin="Vista" ID="LoadginPanel1" IsSticky="true"
CssClass="LoadingPanel" />
<telerik:RadAjaxManagerProxy ID="AjaxManagerProxy1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="Grid">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="Grid" LoadingPanelID="LoadginPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="btnDelete">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="Grid" LoadingPanelID="LoadginPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="gbcbtnDelete">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="Grid" LoadingPanelID="LoadginPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManagerProxy>
<UC:header runat="server" ID="headerPage" />
<div id="containerSubWHelp">
<telerik:RadGrid ID="Grid" runat="server" AutoGenerateColumns="False" OnNeedDataSource="CommunityGrid_NeedDataSource"
OnUpdateCommand="CommunityGrid_UpdateCommand" OnInsertCommand="CommunityGrid_InsertCommand"
OnItemCommand="CommunityGrid_ItemCommand" OnPreRender="CommunityGrid_PreRender" OnItemDataBound="CommunityGrid_ItemDataBound"
OnItemCreated="CommunityGrid_ItemCreated" OnDeleteCommand="CommunityGrid_DeleteCommand">
<MasterTableView DataKeyNames="Id">
<Columns>
<telerik:GridClientSelectColumn CommandName="Select" UniqueName="Select" HeaderStyle-Width="28px"
Resizable="false" Reorderable="false">
</telerik:GridClientSelectColumn>
<telerik:GridTemplateColumn UniqueName="IsActive" DataField="IsActive" Reorderable="false"
HeaderStyle-Width="55px" AllowFiltering="true" Resizable="false">
<ItemTemplate>
<asp:ImageButton ID="ActiveIcon" runat="server" CommandName="Active"></asp:ImageButton>
<asp:CheckBox ID="lblIsActive" runat="server" Checked='<%# (DataBinder.Eval(Container.DataItem,"IsActive") is DBNull ?false:Eval("IsActive")) %>'
Visible="false" />
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn UniqueName="TemplateEditColumn" HeaderStyle-Width="28px"
Reorderable="false" AllowFiltering="false" Resizable="false">
<ItemTemplate>
<asp:ImageButton ID="EditLink" runat="server" ImageUrl="/UI/Images/pencil.png"></asp:ImageButton>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridEditCommandColumn HeaderStyle-Width="28px" UniqueName="EditCommandColumn"
Reorderable="false" ButtonType="ImageButton" EditImageUrl="/UI/Images/grid_edit.png"
Resizable="false">
</telerik:GridEditCommandColumn>
<telerik:GridButtonColumn UniqueName="btnDelete" ButtonType="ImageButton"
Reorderable="false" CommandName="Delete"
HeaderStyle-Width="28px" Resizable="false" ImageUrl="/UI/Images/cross.png" />

<telerik:GridTemplateColumn DataField="Id" UniqueName="Id" Visible="false">
<InsertItemTemplate>
<telerik:RadTextBox ID="RadTextBox1" runat="server" Text='<%# Bind("Id") %>' ReadOnly="true"
Enabled="false" />
</InsertItemTemplate>
<EditItemTemplate>
<telerik:RadTextBox ID="RadTextBox1" runat="server" Text='<%# Eval("Id") %>' ReadOnly="true" />
</EditItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn UniqueName="Name" DataField="Name">
<EditItemTemplate>
<asp:TextBox ID="txtName" Width="90%" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Name") %>'></asp:TextBox>
<br />
<asp:RequiredFieldValidator ID="rfFirstName" runat="server" ControlToValidate="txtName"
Display="Dynamic" CssClass="validator" ErrorMessage="*" />
<asp:CustomValidator ID="cvName" runat="server" ControlToValidate="txtName" CssClass="validator"
Display="Dynamic" OnServerValidate="cvName_ServerValidate" />
<asp:RegularExpressionValidator ID="reName" ControlToValidate="txtName" runat="server"
ValidationExpression="^[0-9a-zA-Z\s]{1,125}$" CssClass="validator" Display="Dynamic" />
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="lblName" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Name") %>'></asp:Label>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn UniqueName="Description" DataField="Description">
<EditItemTemplate>
<asp:TextBox ID="txtDescription" Width="90%" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Description") %>'></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="lblDescription" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Description") %>'></asp:Label>
</ItemTemplate>
</telerik:GridTemplateColumn>
</Columns>
<CommandItemTemplate>
<UC:AddButtons ID="AddButtons" runat="server" />
</CommandItemTemplate>
</MasterTableView>
<ClientSettings>
<ClientEvents OnRowDblClick="rowDblClick" />
</ClientSettings>
</telerik:RadGrid>
</div>

</asp:Content>

ContentPage.aspx.cs

private DeleteRow _deleteRow;
protected void CommunityGrid_DeleteCommand(object sender, GridCommandEventArgs e)
{

if (e.Item == null)
{
e.Canceled = true;
return;
}

try
{
string communityId = (e.Item as GridDataItem).GetDataKeyValue("Id").ToString();
var dataItem = e.Item as GridDataItem;

Session["Name"] = ((Label)dataItem.FindControl("lblName")).Text;

_deleteRow.Name = ((Label)dataItem.FindControl("lblName")).Text;

if (Master.Organization.HasFieldAssociated(communityId) > 0)
Session["MessageDelete"] =
_resources.GetString("DeleteCommunityUsersText", new CultureInfo(Master.Culture)).
Replace("{0}",
Session["Name"].
ToString());
_deleteRow.CommonMessage = true;
_deleteRow.ShowNotification();

//string scriptstring = "showDeleteRowDialog();";
//ScriptManager.RegisterStartupScript(Page, Page.GetType(), "radalert", scriptstring, true);

}
catch (Exception ex)
{
_notification.LoadCatchNotification(ex, typeof(Communities).FullName);
}

}

private void GetNotificationControl()
{
_notification = (Master.FindControl("Notification") as Notification);
_deleteRow = (Master.FindControl("WindowsAction") as DeleteRow);
}

UserControl.ascx

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="DeleteRow.ascx.cs" Inherits="WebSearch.UI.Admin.UserControls.Grid.Popups.DeleteRow" %>
<script type="text/javascript" src="/UI/Admin/Scripts/Form.js"></script>
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
<script type="text/javascript">

function cancelDeleteRow() {
var window = $find("<%= DeleteActionRow.ClientID%>");

window.close();
}

function deleteRow(sender, args) {
var window = $find("<%= DeleteActionRow.ClientID%>");
window.close();
refreshGrid('Remove');
}

</script>
</telerik:RadCodeBlock>

<telerik:RadWindowManager ID="RadWindowManagerActionRows" runat="server">
<Windows>
<telerik:RadWindow ID="DeleteActionRow" runat="server" Skin="Vista" BackColor="Aquamarine"
ReloadOnShow="true" ShowContentDuringLoad="false" Modal="true" VisibleStatusbar="false"
Behaviors="Move, Close" Animation="FlyIn" Width="550px" Height="110px" IconUrl="/UI/Images/cross.png">
<ContentTemplate>

<div class="information">
<center>

<asp:Label ID="lblDeleteItem" CssClass="LabelInformation" runat="server">
</asp:Label>
</center>
</div>
<br />
<div style="width: 100%; text-align: center;">
<telerik:RadButton ID="btnDelete" runat="server" Skin="Vista" Width="140px" AutoPostBack="false"
OnClientClicked="deleteRow">
<Icon PrimaryIconUrl="/UI/Images/cross.png" PrimaryIconWidth="21px" PrimaryIconHeight="25px"
PrimaryIconTop="3px" PrimaryIconLeft="9px" />
</telerik:RadButton>
<telerik:RadButton ID="btnCancel" runat="server" Skin="Vista" Width="100px" CausesValidation="False"
ToolTip="Cancel" OnClientClicked="cancelDeleteRow" AutoPostBack="false">
<Icon PrimaryIconUrl="/UI/Images/cancel.png" PrimaryIconWidth="21px" PrimaryIconHeight="25px"
PrimaryIconTop="3px" PrimaryIconLeft="9px" />
</telerik:RadButton>
</div>
</ContentTemplate>
</telerik:RadWindow>
</Windows>
</telerik:RadWindowManager>

UserControl.aspx.cs

public partial class DeleteRow : System.Web.UI.UserControl
{
#region Properties&Variables

private readonly StackTrace _stackTrace = new StackTrace();

public string Title { get; set; }
public bool CommonMessage { get; set; }
public string ObjectName { get; set; }
public string Name { get; set; }
public string SpecialMessage { get; set; }

private string _culture;
private ResourceManager _resources;



#endregion

private void GetInfo()
{
_resources = WebSearch.Components.GeneralFunctions.Resources.GetAdminResources("Grids");
_culture = WebSearch.Components.GeneralFunctions.Variables.CurrentCulture();
}

public void ShowNotification()
{
GetInfo();

if(CommonMessage)
{
lblDeleteItem.Text = _resources.GetString(lblDeleteItem.ID, new CultureInfo(_culture)).Replace("{object}", ObjectName).Replace("{0}", Name);
}else
{
lblDeleteItem.Text = SpecialMessage.Replace("{object}", ObjectName).Replace("{0}", Name);
}

LoadButton();

DeleteActionRow.VisibleOnPageLoad = true;
}

private void LoadButton()
{

btnCancel.Text = _resources.GetString(btnCancel.ID,new CultureInfo(_culture));

btnDelete.Text = _resources.GetString(btnDelete.ID,
new CultureInfo(_culture));

DeleteActionRow.Title = _resources.GetString("DeleteItemTitle", new CultureInfo(_culture)).Replace("{object}", ObjectName).Replace("{0}", Name);
}

}
}

I have got this   version Telerik.Web.UI_2012_2_724_Dev_hotfix

What I am doing wrong?

Grid

answered on 09 Oct 2012