Questions on UI for ASP.NET AJAX Forum

1 answer

298 views

RadEditor DialogHandler web config entries

For my application, I had to change the dialoghandler in my web.config and the properties of the RadEditor to get it to function properly. It was a solution I found here in the forums, as a "Last Resort" solution.

Link: Telerik RadControls Error: Web.config registration missing! The Telerik dialogs require a HttpHandler registration in the web.config file. | Telerik UI for ASP.NET AJAX

I've implemented it and it has resolved the problem. What I'd like to know is what exactly does this change do? I need to be able to understand and explain to others what is happening with this change.

Editor

updated answer on 17 Mar 2022

2 answers

253 views

Webpage's RadGrid column headings disappear

I have a web app that dynamically defines the columns of a RadGrid and populates the DataTable. The data appears fine but when I click a button the column headers disappear. Here's a simplified version:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="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">
        //Put your JavaScript code here.
    </script>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    </telerik:RadAjaxManager>
    <div>
    <asp:Panel ID="pnlDetail" runat="server">
            <telerik:RadGrid ID="RadGrid1" runat="server"
                OnNeedDataSource="RadGrid1_NeedDataSource"
                AutoGenerateColumns="False" Width="1200px">
                <GroupingSettings CollapseAllTooltip="Collapse all groups"></GroupingSettings>
                <ClientSettings AllowKeyboardNavigation="True">
                    <Scrolling FrozenColumnsCount="2" 
                        AllowScroll="True" 
                        ScrollHeight="400px" 
                        UseStaticHeaders="True"></Scrolling>
                    <Resizing AllowColumnResize="True" 
                        ClipCellContentOnResize="False" AllowResizeToFit="True" EnableRealTimeResize="True" EnableNextColumnResize="True" />
                </ClientSettings>
                <AlternatingItemStyle Wrap="False" BackColor="Gainsboro" Height="1px"></AlternatingItemStyle>
                <ItemStyle Wrap="False" Height="1px" />
                <MasterTableView TableLayout="Fixed">
                    <Columns>
                    </Columns>
                </MasterTableView>
                <HeaderStyle VerticalAlign="Bottom" Font-Bold="True" BackColor="DarkSeaGreen" Wrap="False" HorizontalAlign="Center"></HeaderStyle>
            </telerik:RadGrid>
    </asp:Panel>
    <br />
    <br />
    <asp:Label ID="lblError" runat="server" Width="100%" ForeColor="Red" Font-Bold="True"></asp:Label>
    <br />
    <br />
    <telerik:RadButton ID="btnSubmit" runat="server" Font-Bold="True" Font-Size="X-Large" Height="40px" Text="Submit" Width="150px" UseSubmitBehavior="False" OnClick="btnSubmit_Click"></telerik:RadButton>
    </div>
    </form>
</body>
</html>

using System;
using System.Data;
using Telerik.Web.UI;

public partial class Default : System.Web.UI.Page
{
    protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
    {
        RadGrid1.MasterTableView.Columns.Clear();
        DataTable myDataTable = new DataTable();

        Add_Column("NAME", "Name", 300, ref myDataTable);
        Add_Column("TYPE", "Type", 100, ref myDataTable);

        string[] cols = { "aaa", "bbb", "ccc", "ddd", "eee", "fff", "ggg" };

        foreach (var item in cols)
        {
            Add_Column(item, item, 300, ref myDataTable);
        }

        for (int i = 0; i < 26; ++i)
        {
            DataRow myRow = myDataTable.NewRow();
            myRow["NAME"] = i.ToString() + (char)(65 + i);
            myRow["TYPE"] = "string";

            foreach (var item in cols)
            {
                myRow[item] = item + i.ToString();
            }

            myDataTable.Rows.Add(myRow);

        }

        RadGrid1.DataSource = myDataTable;
    }


    protected void Add_Column(string name, string header, int width, ref DataTable myDataTable)
    {
        // Define grid column
        GridBoundColumn newColumn = new GridBoundColumn();
        newColumn.DataField = name;
        newColumn.UniqueName = name;
        newColumn.ReadOnly = true;
        newColumn.HeaderText = header;
        newColumn.HeaderStyle.Width = width;

        // Add the column to the grid and the data table
        RadGrid1.MasterTableView.Columns.Add(newColumn);
        myDataTable.Columns.Add(name);
    }


    protected void btnSubmit_Click(object sender, EventArgs e)
    {
        lblError.Text = "Click";
    }
}

Before clicking the button:

After clicking the button

Any ideas what is causing this and how to stop it so the column headers remain displayed?

Grid

answered on 17 Mar 2022

0 answers

226 views

RadMultiSelect

Hi,

I am trying to explore the below mentioned demo of multiselect with virtualization on my local machine, as per the demo i have created all the required html, script and web service.

It is showing me the result from the web service but when i try to select an item it is throwing the error. I have attached the error screenshot.

Can you please help me understand the issue.

Demo URL - https://demos.telerik.com/aspnet-ajax/multiselect/virtualization/defaultcs.aspx?_ga=2.211857303.2029322217.1647423137-1941866349.1635312360

Error Screenshot -

MultiSelect

asked on 16 Mar 2022

1 answer

142 views

RadTileList not sending TileClick event

Hello, I have a RadTileList in my page in which I add Tiles in the code behind. I need to know when a tile is clicked.

The problem is that the click event is only sent when I click on a tile created in aspx, not in the code behind.

When I click on a tile created and added to the RadTileList in the code behind, nothing happens.

I also tried to add a click event to the tile itself, but that didn't help.

RadTileList :

<telerik:RadTileList RenderMode="Mobile" SelectionMode="Single" runat="server" ID="RadTileList1" Style="max-height: 900px" OnTileClick="SupportTile_Click" OnSelectionChanged="SupportTile_Click" AutoPostBack="true">
    <Groups>
        <telerik:TileGroup Title="Supports">
            <telerik:RadContentTemplateTile runat="server" Shape="Wide" Height="100%">
                <ContentTemplate>
                    <div class="row">
                        <div class="col" style="max-width: 4%">No.</div>
                        <div class="col" runat="server" style="max-width: 15%; border: solid 1px black; text-align: center;">
                        </div>
                        <div class="col" style="max-width: 10%">Status</div>
                        <div class="col" runat="server" style="max-width: 33%; border: solid 1px black; text-align: center;"></div>
                    </div>

                    <br />

                    <div class="row">
                        <div class="col" style="max-width: 14%">Barcode</div>
                        <div class="col" runat="server" style="max-width: 64.2%; border: solid 1px black; text-align: center;"></div>
                    </div>

                    <br />

                    <div class="row">
                        <div class="col" style="max-width: 7%">Four</div>
                        <div class="col" runat="server" style="max-width: 30%; border: solid 1px black; text-align: center;"></div>
                        <div class="col" style="max-width: 13%"></div>
                        <div class="col" style="max-width: 5%">Actif</div>
                        <div class="col" style="max-width: 4%">
                            <asp:CheckBox Checked="true" runat="server"></asp:CheckBox></div>
                    </div>
                </ContentTemplate>
            </telerik:RadContentTemplateTile>

        </telerik:TileGroup>
    </Groups>
</telerik:RadTileList>

Tile insertion in code behind :

RadContentTemplateTile rctt2 = new RadContentTemplateTile();
rctt2.Shape = TileShape.Wide;
rctt2.Click += SupportTile_Click;
rctt2.AutoPostBack = true;
RadTileList1.Groups[0].Tiles.Add(rctt2);


protected void SupportTile_Click(object sender, EventArgs e){}

TileList

UI for ASP.NET AJAX in ASP.NET MVC

answered on 16 Mar 2022

0 answers

136 views

GRAND-CHILD RadWindow wont restore focus on parent (CHILD) when closed using "X"

I have a window (1) that opens a radwindow dailog (2) as modal - this is working properly.

If the child dialog (2) opens a new radwindow (3), launched from the parent (1) and also set to modal,
I am having issue when closing the GRAND-CHILD (3) Window using browser close ('x' in top right corner)

If I use a button and call oWin.close(result) then there is no problem.
The grandchild (3) windows closes, passes the arguments to the parent (1) which then in turn operates on the Child (2) Window.

However, if all scenarios remain the same and the user clicks the "x" at the top right corner,
The grand-child (3) closes but the child (2) stays modal and does not have focus - the screen remains a transaprent grey.

I have tried to set focus on the child (2) window from within the OnClose method but it stays dimmed by the transparent layer.
How can I give proper focus the the second or child window when the third window is closed by using on ly the "X" ?

Thanks !

Window

asked on 15 Mar 2022

1 answer

117 views

release history - bad links

All the links on the release history page link to an "oops..." (Error 404) page:
https://www.telerik.com/support/whats-new/aspnet-ajax/release-history

Documentation and Tutorials

General Discussions

answered on 15 Mar 2022

0 answers

115 views

RadTabStrip dynamic creating loading user control, with a repeater inside the user control

I have a rather complex site, starting with a page that includes RadTabStrip, that dynamically loads user controls based on the tab. Within the user control, there are various controls - however, specifically one has a repeater.

Within the Repeater, I am attempting to add a command button (update) using a CommandArgument. However within the code behind using the 'OnItemCommand' I am unable to reference any of the controls within the repeater. They are always null/empty.

Ways I have attempted to locate:

Dim c1 As String = CType(repeaterControl.Items(e.Item.ItemIndex).FindControl("txComments"), RadTextBox).Text

---------
Dim lb As LinkButton = CType(e.CommandSource, LinkButton)
Dim txBoxValue As String = CType(lb.Parent.FindControl("txComments"), RadTextBox).Text

-----------
Dim txComments As String = CType(e.Item.FindControl("txComments"), RadTextBox).Text

I have tried many different way to attempt to gain this information - but they all appears empty. I have found that this is due to the user controls being loaded dynamically - but I am working within an establish project, and unable to change that part. Is there a way to locate these controls within this type of set up.

Please assist and I have been researching this for days.

TabStrip

asked on 12 Mar 2022

0 answers

97 views

Get second level headers RadGrid

Hi,

I'd like to dynamically change names of the second-level headers in RadGrid, but I've got no idea how to access to headers which are GridBoundColumn, not GridColumnGroup. When my grid have only GridBoundColumn headers there are no problem, but i've added GridColumnGroup and it stopped working.

Could you help me to understand how to get headers of each level separately? Thanks!

 protected void RadGrid1_PreRender(object sender, EventArgs e)
            {   
                GridHeaderItem headerItem = STOCKTb.MasterTableView.GetItems(GridItemType.Header)[0] as GridHeaderItem;          
                Act = "select distinct Неделя_планир from REF_DATE where [Год-мес] = 202202 order by Неделя_планир";
                sqlCmd1 = new SqlCommand(Act, SqlConn);
                sqlDataAdap1 = new SqlDataAdapter(sqlCmd1);
                dtRecord1 = new DataTable();
                sqlDataAdap1.Fill(dtRecord1);
                if (dtRecord1.Rows.Count == 4)
                {
                    for (int i = 1; i < 5; i++)
                    {
                        headerItem[""+ i +""].Text = "Неделя " + Convert.ToString(dtRecord1.Rows[i-1][0]);
                        headerItem["1" + i + ""].Text = "Факт " + Convert.ToString(dtRecord1.Rows[i - 1][0]);
                    }
                }
                else if (dtRecord1.Rows.Count == 5)
                {
                    
                    for (int i = 1; i < 6; i++)
                    {
                        headerItem["" + i + ""].Text = "Неделя " + Convert.ToString(dtRecord1.Rows[i-1][0]);
                        headerItem["1" + i + ""].Text = "Факт " + Convert.ToString(dtRecord1.Rows[i - 1][0]);
                    }                    
                }              
            }

   <ColumnGroups>
                <telerik:GridColumnGroup HeaderText="Product Details" Name="21" HeaderStyle-HorizontalAlign="Center">
                </telerik:GridColumnGroup>
                <telerik:GridColumnGroup HeaderText="Location" Name="22">
                </telerik:GridColumnGroup>
                <telerik:GridColumnGroup HeaderText="Category" Name="23">
                </telerik:GridColumnGroup>
                <telerik:GridColumnGroup HeaderText="Order Details" Name="24" 
                    HeaderStyle-HorizontalAlign="Center">
                </telerik:GridColumnGroup>
                                    <telerik:GridColumnGroup HeaderText="Order Details" Name="25"
                    HeaderStyle-HorizontalAlign="Center">
                </telerik:GridColumnGroup>
            </ColumnGroups>
								<Columns>
									<telerik:GridBoundColumn DataField="Ассортимент_код"   HeaderText="Ассортиментная позиция">
										<ItemStyle Width="270px" />
									</telerik:GridBoundColumn>
									<telerik:GridBoundColumn Aggregate="Sum" DataField="1"   HeaderText="Неделя 9" ColumnGroupName="21" FooterText="Итого, кг: ">
										<ItemStyle Width="65px" />
									</telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn Aggregate="Sum" DataField="11"   HeaderText="Неделя 9" ColumnGroupName="21" FooterText="Итого, кг: ">
										<ItemStyle Width="65px" />
									</telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn Aggregate="Sum" DataField="2"   HeaderText="Неделя 10" ColumnGroupName="22" FooterText="Итого, кг: ">
										<ItemStyle Width="65px" />
									</telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn Aggregate="Sum" DataField="12"   HeaderText="Неделя 10" ColumnGroupName="22" FooterText="Итого, кг: ">
										<ItemStyle Width="65px" />
									</telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn Aggregate="Sum" DataField="3"   HeaderText="Неделя 11" ColumnGroupName="23" FooterText="Итого, кг: ">
										<ItemStyle Width="65px" />
									</telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn Aggregate="Sum" DataField="13"   HeaderText="Неделя 11" ColumnGroupName="23" FooterText="Итого, кг: ">
										<ItemStyle Width="65px" />
									</telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn Aggregate="Sum" DataField="4"   HeaderText="Неделя 12" ColumnGroupName="24" FooterText="Итого, кг: ">
										<ItemStyle Width="65px" />
									</telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn Aggregate="Sum" DataField="14"   HeaderText="Неделя 12" ColumnGroupName="24" FooterText="Итого, кг: ">
										<ItemStyle Width="65px" />
									</telerik:GridBoundColumn>
								</Columns>

Ajax

Grid

updated question on 12 Mar 2022

1 answer

288 views

Radcomboboxitem tooltip

I have a radcombobox and I add items with radcomboboxitems, how can I set a tooltip for each item in c#?

RadComboBox vRadComboBoxControl = new RadComboBox();

vRadComboBoxControl.ID = vCampo.CL_CAMPO;
vRadComboBoxControl.AutoPostBack = true;
vRadComboBoxControl.EmptyMessage = "Seleccionar";
vRadComboBoxControl.Width = Unit.Percentage(100);
vRadComboBoxControl.Filter = RadComboBoxFilter.Contains;
vRadComboBoxControl.ToolTip = vCampo.NB_TOOLTIP;

vRadComboBoxControl.Items.AddRange(oCatalogoValorNegocio.Obtener_C_CATALOGO_VALOR(ID_CATALOGO_LISTA: vIdCatalogoLista).Select(x => new RadComboBoxItem(x.NB_CATALOGO_VALOR.ToString(), x.ID_CATALOGO_VALOR.ToString())));

ComboBox

answered on 10 Mar 2022

1 answer

173 views

RadAjaxManager calls from JS only work first call if RadPane on page includes another page

Hi There,

I have been reviewing quite a few forum posts and trying different suggestions, but I haven't found a solution that works for my situation. Help would be greatly appreciated. It's probably something simple that I'm missing.

I have a page that includes RadScriptManager, RadAjaxManager, RadSplitter, RadPane (with regular local content), RadSplitBar, and RadPane2 (contains other aspx pages like an iframe).

When RadPane2 contains another page, even if it's not an AJAX page, JavaScript calls to the RadAjaxManager from the primary page only fire the first time. I'm trying to call a method on the code behind page to update an item in a RadMenu.

If I have all the content is on one page without referring to a separate page, I can make multiple calls to the RadAjaxManager without problems.

Pieces of the code:

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" />
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest">
                <AjaxSettings>
                  <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="rmCounts"></telerik:AjaxUpdatedControl>
                        </UpdatedControls>
                    </telerik:AjaxSetting>
                </AjaxSettings>
</telerik:RadAjaxManager>

        <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server" >
        <script type="text/javascript" language="JavaScript">
             function countUpdate() {
                var ajaxManager = $find("<%= RadAjaxManager1.ClientID %>");
                ajaxManager.ajaxRequest("updateCounts");
                return false;      }
        </script>
        </telerik:RadCodeBlock>

Example code behind method:

        public void RadAjaxManager1_AjaxRequest(object sender, AjaxRequestEventArgs e)
        {
            updateCountsCodeBehind();
        }

Thanks,

Dan

Ajax

ScriptManager and StyleSheetManager