Questions on UI for ASP.NET AJAX Forum

30 answers

2.0K+ views

This sticky thread lists known issues and breaking changes introduced in the UI for ASP.NET AJAX releases.

Q3 2011 (Version number: 2011.3.1115)

Problem: When adding items to OData enabled controls (RadMenu, RadTreeView, RadListBox, RadComboBox) through design time erroneous markup is applied to the control:

<telerik:RadListBox runat="server" ID="RadListBox1">

<Items>

</Items>

<WebServiceSettings>

<ODataSettings InitialContainerName="">

</ODataSettings>

</WebServiceSettings>

</telerik:RadListBox>

Please note the added ODataSettings section. It will cause JavaScript errors on the page.

Solution: Remove the ODataSetting section and the issue will vanish. The problem is also fixed in the Q3 SP1 release, version number 2011.3.1305

General Discussions

answered on 01 Mar 2021

4 answers

14 views

RadComboBox select items Issue

Hi Team,

I have an issue with RadCombobox.
Currently we are using Telerik Version - 2015.3.1111.35 and Upgraded .NetFramework 3.5 to .NetFramework 4.8.

Tested in IE,edge and chrome - Not working.

Radcombobox dropdown click events are not firing after apppool changed to 4.0 for the first postback and

It works for other controls in further postbacks.

Can anyone please help on this?

General Discussions

answered on 10 May 2021

1 answer

10 views

Dynamic RadPageView loses content on postback

I'm creating a RadGrid dynamically and inserting a RadGrid into it.

When I change the RadGrid page, it disappears. How to keep the RadPageView content through Postback?

Besides that, none of RadGrid events are fired when the page changes.

My code:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="PageViewProblem.aspx.cs" Inherits="WebApp.PageViewProblem" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <telerik:RadTabStrip runat="server" ID="radTabStrip1" MultiPageID="radMultiViewSearchResult"></telerik:RadTabStrip>
            <telerik:RadMultiPage runat="server" ID="radMultiView1" SelectedIndex="0" EnableViewState="true"></telerik:RadMultiPage>
            <telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
        </div>
    </form>
</body>
</html>

using System;
using System.Collections.Generic;
using System.Diagnostics;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Telerik.Web.UI;

namespace WebApp
{
    public partial class PageViewProblem : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                LoadData();
            }
        }

        private void LoadData()
        {
            RadTab tab1 = new Telerik.Web.UI.RadTab("Tab1");
            radTabStrip1.Tabs.Add(tab1);
            RadPageView resultPageView1 = new RadPageView();
            resultPageView1.ID = "radPageView1";
            radMultiView1.PageViews.Add(resultPageView1);

            RadGrid grid1 = new RadGrid();
            grid1.ID = "RadGrid1";
            grid1.PageSize = 5;
            grid1.AllowPaging = true;
            grid1.AllowCustomPaging = true;
            grid1.PagerStyle.AlwaysVisible = true;
            grid1.VirtualItemCount = 50;
            grid1.NeedDataSource += (sender, args) =>
            {
                grid1.DataSource = SimulateDataSource(grid1);
            };
            grid1.PageIndexChanged += (sender , args) =>
            {
                Debug.WriteLine("Please, load page number: {grid1.currentPage}");
            };
            resultPageView1.Controls.Add(grid1);
        }

        private object SimulateDataSource(RadGrid grid)
        {
            List<ItemData> result = new List<ItemData>();
            for (int i = grid.CurrentPageIndex + 1; i <= grid.CurrentPageIndex + 5; i++)
            {
                result.Add(new ItemData(i, $"Item Description {i}"));
            }
            return result;
        }
        private class ItemData
        {
            public int Value { get; set; }
            public string Description { get; set; }
            public ItemData(int value, string description)
            {
                this.Value = value;
                this.Description = description;
            }
        }
    }
}

Grid

answered on 07 May 2021

0 answers

4 views

DateTimeOffset and RadGrid. Column does not show when this datatype is in resultset.

I have a dataTable with this datatype (DateTimeOffset) and this is the only column not showing.

I autogenerate the columns in the grid.

A workaround for now is to cast that column to datetime, or some other type in my SQL statement that generates the results. Just curious if this is something that is being worked on or known about?

Grid

asked on 07 May 2021

1 answer

9 views

Telerik UI - Kendo UI conflict?

Hello, I am having problems running RadClientDataSource (data is loaded into RadMultiColumnComboBox) and KendoGrid on the same page. I get strange Ajax and Kendo errors in console about stuff being undefined. Are there any known incompatibilities between some Telerik UI controls and Kendo UI widgets? Are there controls that prefer external jQuery over internal one bundled in Telerik UI?

ClientDataSource

MultiColumnComboBox

updated answer on 07 May 2021

0 answers

3 views

SQL Server DateTimeoffset data type field not shown in RadGrid

I have a radgrid set to a datatable. Columns of type DateTimeOffset are hidden.

Why is this?

Roger

Grid

asked on 06 May 2021

2 answers

22 views

Excel Export data starting with a dash creates invalid format or file extension error

When my RadGrid is exported to Excel, if one of the cell's data begins with a dash (-), I get the error message "Excel cannot open the file because the file format or file extension is not valid..." see in the attached Error.png. If I remove leading dashes from the data by updating the database, or remove leading dashes in code before binding it to the grid, the grid exports as expected. However this is not an sustainable or ideal solution.

- I have tried setting the excel export to Xlsx, Html, Biff and ExcelIML in both cs code and in the designer (also tried each independent of each other):

AuthGrid.ExportSettings.Excel.Format = GridExcelExportFormat.Xlsx;
AuthGrid.MasterTableView.ExportToExcel();

- I have tried notes.DataFormatString = "{0}"; and notes.DataFormatString = " {0}";

I started with a slightly older version of these dlls, but also tried upgrading to newer versions:

- Telerik.Web.Spreadsheet version 2016.3.913.40 (upgraded to 2018.3.620.40)

- Telerik.Web.UI version 2016.3.914.45 (upgraded to 2018.2.710.45)

- Telerik.Web.UI.Skins version 2016.3.914.45 (upgraded to 2018.2.710.45)

- Telerik.Windows.Documents.Core version 2016.3.913.40 (upgraded to 2018.2.619.40)

- Telerik.Windows.Documents.Fixed version 2016.3.913.40 (upgraded to 2018.2.619.40)

- Telerik.Windows.Documents.Flow version 2016.3.913.40 (upgraded to 2018.2.619.40)

- Telerik.Windows.Documents.Spreadsheet version 2016.3.913.40 (upgraded to 2018.2.619.40)

- Telerik.Windows.Documents.Spreadsheet.FormatProviders.OpenXML version 2016.3.913.40 (upgraded to 2018.2.619.40)

- Telerik.Windows.Zip version 2016.3.913.40 (upgraded to 2018.2.619.40)

Grid

answered on 06 May 2021

1 answer

8 views

Enable postback on Radgrid checkbox header

Dear all,

I have the below radgrid defininition in my aspx page in which the selectionColumn is a checkbox. When I click on row, the postback is fired and I can calculate the sum of all selected rows and then display the results in the footer.

However when I click on the header checkbox, then all the lines are selected but the postback event is not fired.

Which property should be enable? Or maybe should it be managed differently?

My goal is to display in the footer, the sum of selected rows whatever it is by selection some specific rows or by using the select/unselect all checkbox.

Thanks

Ajax

CheckBox

Grid

answered on 06 May 2021

1 answer

10 views

Filter Button Missing from RadGrid Header After Adding a Custom Skin.

Hello,

I'm currently working on a project where I have a RadGrid displaying some data. The filter functionality is already implemented and I've created a custom skin from an existing embedded skin for the GridDateTimeColumn and implemented according to the documentation here. Everything works perfect except that upon adding the <FilterTemplate> and setting the custom skin for the <telerik:RadDatePicker> the filter button it's not generated anymore. I've inspected the page and indeed the button is not just hidden with CSS or missing it's icon, it's not present at all in the HTML and the result is in the pictures attached.

Here is the markup I'm using.

<telerik:GridDateTimeColumn DataField="foo" UniqueName="foo" HeaderText="foo" PickerType="DatePicker" DataFormatString="{0: MM/dd/yyyy}" FilterDateFormat="MM/dd/yyyy" ReadOnly="true">
     <HeaderStyle Width="130" Font-Bold="true" />
          <FilterTemplate>
               <telerik:RadDatePicker runat="server" Skin="MyCustomSkin" EnableEmbeddedSkins="false"></telerik:RadDatePicker>
          </FilterTemplate>
 </telerik:GridDateTimeColumn>

Once I remove the <FilterTemplate> and return the skin to default the Filter button is displayed. I've looked for solutions but I couldn't seem to find any. What's causing this behaviour? Is it something I'm missing?

Button

Filter

Grid

answered on 05 May 2021

1 answer

10 views

Responsive RadGrid

While following this tutorial to make my RadGrid stack columns vertically on a mobile device, I'm experiencing table width issues.

In these screenshots, you can see that when I disable the element.style "width: 100%", the table renders as expected. When it's enabled, the cells are all crammed in a narrow width.

So far, I've been unable to determine how to mimic this disabling in my CSS.

Any ideas how to resolve?

Grid

Styling

answered on 04 May 2021