Questions on UI for ASP.NET AJAX Forum

1 answer

967 views

System.Data.DataRowView displays instead of - SELECT - when row clicked

My Combobox has an ItemTemplate consisting of a label and 2 Radbuttons (Checkbox Toggletype) on each row. The combox is loaded using a Datatable for now. Everything works fine, except that when a user clicks on a Row instead of in an ectual checkbox, the dropdown closes gracefully but now says System.Data.DataRowView instead of EmptyMessage="- Select -"

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

If Not Page.IsPostBack Then

DisplayPrintOptions.DataSource = GetPrintDisplayProfile()

DisplayPrintOptions.DataBind()

end if

Private Function GetPrintDisplayProfile() As DataTable

'Get users Preferred Layout

Dim dt As New DataTable()

dt.Columns.Add(New DataColumn("ColumnDisplayName", GetType(String)))

dt.Columns.Add(New DataColumn("Column", GetType(String)))

dt.Columns.Add(New DataColumn("Display", GetType(Boolean)))

dt.Columns.Add(New DataColumn("Print", GetType(Boolean)))

etc..

<telerik:RadComboBox ID="DisplayPrintOptions" runat="server" HighlightTemplatedItems="true" Width="100px" AutoPostBack="false"

Label="Display & Print Options:"

LabelCssClass="DisplayPrint-label" DropDownWidth="400" EmptyMessage="- Select -">

<HeaderTemplate>

<div style="width:305px;height:15px;">

<div style="display:block;float:right;color: rgb(0, 21, 110) !important;">

Show in

</div>

<div style="width:350px;">

<div style="width:210px;float:left;padding:0 11px 0 11px;color: rgb(0, 21, 110) !important;">

Name of Column

</div>

<div style="width:50px;float:right;margin-right:5px;color: rgb(0, 21, 110) !important;">

Report

</div>

<div style="width:40px;float:right;color: rgb(0, 21, 110) !important;">

Grid

</div>

</HeaderTemplate>

<ItemTemplate>

<ul id="DisplayPrint">

<li> 

<ul>

<li id="col1"><%# Eval("ColumnDisplayName")%></li>

<li id="col3">

<telerik:RadButton ID="ColReports" runat="server" ButtonType="ToggleButton" ToggleType="CheckBox"

Checked='<%# DataBinder.Eval(Container.DataItem, "Display").ToString()%>' AutoPostBack="false"

CommandName='<%# DataBinder.Eval(Container.DataItem, "Column").ToString()%>'>

</telerik:RadButton>

</li>

<li id="col2">

<telerik:RadButton ID="ColGrid" runat="server" ButtonType="ToggleButton" ToggleType="CheckBox"

Checked='<%# DataBinder.Eval(Container.DataItem, "Print").ToString()%>' AutoPostBack="false"

CommandName='<%# DataBinder.Eval(Container.DataItem, "Column").ToString()%>'>

</telerik:RadButton>

</li>

</ul>

</li> 

</ul>

</ItemTemplate>

<FooterTemplate>

<div style="float:right;"><telerik:RadButton ID="SubmitColumns" runat="server" Text="Submit" CausesValidation="false" OnClick="BuildGridColumns" /></div>

</FooterTemplate>

</telerik:RadComboBox>

ComboBox

answered on 28 Jan 2013

3 answers

216 views

$find no longer working after .NET 4.0 upgrade

Hello all

Please forgive if this is the incorrect forum for such a query, but I have an inkling that this problem reflects a change in the way Telerik.Web.UI works with System.Web.Extensions, from the .NET 2.0-3.5 versions compared with the .NET 4.0 versions.

I have a site being upgraded to .NET 4.0, using Telerik.Web.UI Q3 2012 - the issue is that $find no longer works, it always returns null, when it features in my client-side Javascript. This issue did not arise in .NET 2.0 versions, so I believe it is a consequence of the upgrade to .NET 4.0 versions of Telerik.Web.UI.dll and the underlying MicrosoftAjax.js from within System.Web.Extensions.dll.

The code in question runs as a consequence of the $.ready function of jQuery 1.9, but as I need to emphasise, the issue was not previously evident with the.NET 2.0 versions of the dlls in question.

The exact symptom can be traced by debugging in Firefox with Firebug, where the call to $find can be seen to enter the MicrosoftAjax.js script file, but then immediately quit from the file evidently without running the $find function within the file.

I am not sure if this is the expected behaviour, as I have never encountered a problem with $find before. Am I right in understanding that there is a Telerik wrapper for $find in Telerik.Web.UI, that uses the version in MicrosoftAjax.js? In other words, is this likely to be a problem with the way that the MicrosoftAjax.js function is called, and is this call being made from the Telerik.Web.UI script resources? I am using the radScriptManager to control these WebResource.axd script resources.

I am not sure how to troubleshoot this problem, because the general explanations for looking into it are based around the issue of the function being called before the DOM is ready - however, in this case I am not sure this assumption is applicable, as the function used to work before in .NET 2.0, and also the fact that the $find function in MicrosoftAjax.js does not appear to run, and therefore does not get a chance to look for the DOM element in question.

If anybody could give me a pointer about a good way to proceed, I would be really grateful.

Thanks.

Ajax

answered on 28 Jan 2013

1 answer

59 views

Menu Control IE 9 Compatibility View issue

hello,

attach are the two files of radmenu on IE9 with Compatibility View on and off.
please suggest the solution.

thanks.

Menu

answered on 28 Jan 2013

4 answers

222 views

RadGrid filter bug using iframe on IE 8

Hi

I have a really specific problem and have already tried to search for a similar problem online. Any help would be most welcome.

I have setup a simple ASP.NET webpage with a RadGrid, a filter TextBox, a Submit button and a Clear Filter button. The data loads up and I can filter the RadGrid using the TextBox without problems. Now I make another webpage that has an iframe tag that points to the former RadGrid page. Everything works fine except on IE 8 (IE 10 works fine, haven't tried IE 9) browser.

What happens is this:

I load up the webpage, the RadGrid is filled with data.
I input some filter in the TextBox and press Submit.
Instead of filtering the search in the RadGrid, all rows in the RadGrid disappears. Clicking on Clear Filter button doesn't bring up the data again as it should normally do. No visable error.
I refresh the page and now the Filter search and Clear Filter work as expected and as often as needed.
If I close IE 8 and open it up again I'm back at step no 1.

Just to note, if I don't use iframe and open the webpage normally, this behavior in IE 8 doesn't pop up.

I can post the code on how I filter the RadGrid, but i just thought that anybody knew of some Telerik vs IE 8 issue that could explained this behavior.

Regards.
Gunnar

Grid

answered on 28 Jan 2013

2 answers

83 views

Unique ID in Grid Passed in Ajax

I've created my page following this example:
http://demos.telerik.com/aspnet-ajax/grid/examples/dataediting/clienteditbatchupdates/defaultcs.aspx

In this demo the grid row's unique ids are the first column called Product ID which is displayed in the gird. For my application each row's unique id is a GUID which I do NOT want displayed. If I set the visibility of this column to false the ajax does not work because it does not have a unqiue id to pass to the code-behind functions. If I set the visibility to true all works. From this example it appears I must display the unique id column for the code to work.

How can I not display the GUID but still make it available to the ajax functions to pass to the code-behind file functions?

Ajax

answered on 28 Jan 2013

1 answer

133 views

Column Fields in two lines

hi,

i'm using the pirvotgrid to show many fields but i'm trying to show column fields in two lines because i saw all the fields in one line and the part where i look all the information is really small can i show this fields in two lines?

this is my code and image

<telerik:RadPivotGrid Width="100%" AllowPaging="true" OnNeedDataSource="RadPivotGrid1_NeedDataSource"

ID="RadPivotGrid1" runat="server" ColumnHeaderZoneText="ColumnHeaderZone"

EnableToolTips="true"

AllowFiltering="true" ShowFilterHeaderZone="false" ErrorValue="0"

AllowSorting="True" >

<ClientSettings EnableFieldsDragDrop="true">

<Scrolling AllowVerticalScroll="true" />

</ClientSettings>

<Fields>

<telerik:PivotGridRowField DataField="field1" Caption ="field1">

</telerik:PivotGridRowField>

<telerik:PivotGridRowField DataField="field2" Caption ="field2">

</telerik:PivotGridRowField>

<telerik:PivotGridRowField DataField="field3" Caption ="field3">

</telerik:PivotGridRowField>

<telerik:PivotGridRowField DataField="field4" Caption ="field4">

</telerik:PivotGridRowField>

<telerik:PivotGridColumnField DataField="field5" Caption ="field5">

</telerik:PivotGridColumnField>

<telerik:PivotGridColumnField DataField="field6" Caption ="field6">

</telerik:PivotGridColumnField>

<telerik:PivotGridColumnField DataField="field7" Caption ="field7">

</telerik:PivotGridColumnField>

<telerik:PivotGridColumnField DataField="field8" Caption ="field8">

</telerik:PivotGridColumnField>

<telerik:PivotGridAggregateField DataField="field9" Aggregate="Sum" Caption ="field9" >