Questions on UI for ASP.NET AJAX Forum

0 answers

128 views

Hello all,

I am trying to develop an application that allows user to search and filter through the whole list of reports and grabs the rows and data the user wants and then allowing the user to export to CSV for documentation, but it appears that when I use the function radGrid2.MasterTableView.ExportToCSV(); it doesnt seem to export, but instead it appears on the page itself. I have tried to bind another static radgrid, a pop up appears allowing user to save or open, subsequently i suspected that it could be due to the grid image or null cells that could cause the issue but it did not as i stripped them all off. It did not help at all still.

i have attached a screenshot of the output of the button click, instead a pop up that allows user to save or open file, it appears on the web application itself.
output csv

my code is as below:
<telerik:RadGrid ID="RadGrid1" Width="100%" Height="100%" EnableEmbeddedSkins="false"
Skin="PQWS" AllowPaging="True" runat="server" GridLines="None" CellSpacing="0"
AutoGenerateColumns="False" OnNeedDataSource="RadGrid1_NeedDataSource" OnItemCommand="RadGrid1_ItemCommand"
AllowSorting="true" OnSortCommand="RadGrid1_SortCommand" OnPageIndexChanged="RadGrid1_PageIndexChanged">
<PagerStyle Mode="NextPrevAndNumeric" />
<ClientSettings EnableRowHoverStyle="true" EnablePostBackOnRowClick="true">
<Selecting AllowRowSelect="True" />
</ClientSettings>
<ExportSettings>
<Csv ColumnDelimiter="Comma" RowDelimiter="NewLine" FileExtension="TXT" EncloseDataWithQuotes="false" />
</ExportSettings>
<MasterTableView Width="100%" AutoGenerateColumns="False" DataKeyNames="CRN" AllowMultiColumnSorting="true">
<CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>
<RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column">
</RowIndicatorColumn>
<ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column">
</ExpandCollapseColumn>
<Columns>
<telerik:GridTemplateColumn HeaderStyle-HorizontalAlign="Center"
HeaderText="1" UniqueName="New" AllowFiltering="false">
<ItemTemplate>
<asp:Image ID="HighLight_Image" runat="server" ImageUrl="~/_layouts/PQWS/images/Highlight.gif" AlternateText="AltText" />
</ItemTemplate>
<HeaderStyle HorizontalAlign="Center" Width="5%" />
<ItemStyle HorizontalAlign="Center" />
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderStyle-HorizontalAlign="Center"
HeaderText="2" AllowFiltering="false" UniqueName="TrafficLight">
<ItemTemplate>
<asp:Image ID="TrafficLight_Image" runat="server" Visible="false" AlternateText="AltText"/>
</ItemTemplate>
<HeaderStyle HorizontalAlign="Center" Width="5%" />
<ItemStyle HorizontalAlign="Center" />
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn DataField="ReadFlag" UniqueName="ReadFlag" Visible="FALSE" />
<telerik:GridBoundColumn HeaderText="" DataField="HoldingReplySent" UniqueName="HoldingReplySent"
Visible="FALSE" />
<telerik:GridBoundColumn DataField="CRN" HeaderText="CRN" UniqueName="CRN" HeaderStyle-Width="12%" ShowSortIcon="true" SortAscImageUrl="~/_layouts/PQWS/images/arr_up.gif" SortDescImageUrl="~/_layouts/PQWS/images/arr_dn.gif" />
<telerik:GridBoundColumn HeaderText="Name" DataField="Name" UniqueName="Name" ShowSortIcon="true" SortAscImageUrl="~/_layouts/PQWS/images/arr_up.gif" SortDescImageUrl="~/_layouts/PQWS/images/arr_dn.gif">
<HeaderStyle Width="15%" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn HeaderText="Description" DataField="Description" UniqueName="CaseType"
ShowSortIcon="true" SortAscImageUrl="~/_layouts/PQWS/images/arr_up.gif" SortDescImageUrl="~/_layouts/PQWS/images/arr_dn.gif"/>
<telerik:GridBoundColumn HeaderText="Start Date" DataField="StartDate" DataFormatString="{0:dd-MMM-yyyy}" UniqueName="StartDate"
ShowSortIcon="true" SortAscImageUrl="~/_layouts/PQWS/images/arr_up.gif" SortDescImageUrl="~/_layouts/PQWS/images/arr_dn.gif">
<HeaderStyle HorizontalAlign="Center" Width="10%" />
<ItemStyle HorizontalAlign="Center" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn HeaderText="Closed Date" DataField="ClosedDate" DataFormatString="{0:dd-MMM-yyyy}" UniqueName="ClosedDate" SortAscImageUrl="~/_layouts/PQWS/images/arr_up.gif" SortDescImageUrl="~/_layouts/PQWS/images/arr_dn.gif">
<HeaderStyle HorizontalAlign="Center" Width="10%" />
<ItemStyle HorizontalAlign="Center" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn HeaderText="Elapsed Day(s)/Case Turnaround Time" DataField="DaysPending"
UniqueName="DaysPending" SortAscImageUrl="~/_layouts/PQWS/images/arr_up.gif" SortDescImageUrl="~/_layouts/PQWS/images/arr_dn.gif">
<HeaderStyle HorizontalAlign="Center" Width="5%" />
<ItemStyle HorizontalAlign="Center" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn HeaderText="Department(s) Assigned" DataField="DepartmentsAssigned"
UniqueName="DepartmentAssigned" SortAscImageUrl="~/_layouts/PQWS/images/arr_up.gif" SortDescImageUrl="~/_layouts/PQWS/images/arr_dn.gif"/>
<telerik:GridBoundColumn HeaderText="Status" DataField="Status" UniqueName="Status" SortAscImageUrl="~/_layouts/PQWS/images/arr_up.gif" SortDescImageUrl="~/_layouts/PQWS/images/arr_dn.gif">
<HeaderStyle Width="15%" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="UploadedToPQL" UniqueName="UploadedToPQL" Visible="false" SortAscImageUrl="~/_layouts/PQWS/images/arr_up.gif" SortDescImageUrl="~/_layouts/PQWS/images/arr_dn.gif"/>
<telerik:GridTemplateColumn HeaderStyle-HorizontalAlign="Center" HeaderStyle-Width="100px"
HeaderText="Action" AllowFiltering="false" SortAscImageUrl="~/_layouts/PQWS/images/arr_up.gif" SortDescImageUrl="~/_layouts/PQWS/images/arr_dn.gif" UniqueName="Action">
<ItemTemplate>
<asp:ImageButton ID="ImageUpload" Width="20" runat="server" ImageUrl="~/_layouts/PQWS/images/Upload.png"
CommandName="Upload" AlternateText="AltText" /> <asp:ImageButton ID="ImageClose" Width="20" runat="server" ImageUrl="~/_layouts/PQWS/images/Close.PNG"
CommandName="Close" AlternateText="AltText"/>
</ItemTemplate>
<HeaderStyle HorizontalAlign="Center" Width="8%" />
<ItemStyle HorizontalAlign="Center" />
<%-- <ItemStyle HorizontalAlign="Center" />--%>
</telerik:GridTemplateColumn>
</Columns>
</MasterTableView>
</telerik:RadGrid>

Grid

asked on 02 Jul 2012

2 answers

125 views

RadProgressArea not updating values

Hi,

I am using Telerik RadControls for ASP.NET AJAX Q2 2011 components in my .NET 4 web application and am trying to show a simple progress bar while executing a long lasting procedure.
I followed instructions in you "Upload / Monitoring Custom Progress" demo, but can't seem to make it work. Progress bar shows normaly, but the updated values don't show on screen (the original values remain till the end of execution).
I searched on forums but was unable to find a suitable solution. I suspect that there is something wrong with my web.config, but can't figure out what.

Here is a part of my web.config:

<

httpModules>

<

add name="RadUploadModule" type="Telerik.Web.UI.RadUploadHttpModule, Telerik.Web.UI, Version=2011.2.712.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4"/>

</

httpModules>

<

httpHandlers>

<

add path="Telerik.Web.UI.DialogHandler.aspx" verb="*" type="Telerik.Web.UI.DialogHandler, Telerik.Web.UI, Version=2011.2.712.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4" validate="false"/>

<

add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource, Telerik.Web.UI, Version=2011.2.712.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4" verb="*" validate="false"/>

<

add path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler, Telerik.Web.UI, Version=2011.2.712.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4" verb="*" validate="false"/>

<

add verb="*" path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler, Telerik.Web.UI, Version=2011.2.712.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4" validate="false"/>

</

httpHandlers>

<

modules>

<

add name="RadUploadModule" preCondition="integratedMode" type="Telerik.Web.UI.RadUploadHttpModule, Telerik.Web.UI, Version=2011.2.712.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4"/>

</

modules>

<

handlers>

<

add name="Telerik_Web_UI_WebResource_axd" preCondition="integratedMode" path="Telerik.Web.UI.WebResource.axd" verb="*" type="Telerik.Web.UI.WebResource, Telerik.Web.UI, Version=2011.2.712.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4" />

<

add name="Telerik_Web_UI_DialogHandler_aspx" preCondition="integratedMode" path="Telerik.Web.UI.DialogHandler.aspx" verb="*" type="Telerik.Web.UI.DialogHandler, Telerik.Web.UI, Version=2011.2.712.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4" />

<

add name="ChartImage_axd" preCondition="integratedMode" path="ChartImage.axd" verb="*" type="Telerik.Web.UI.ChartHttpHandler, Telerik.Web.UI, Version=2011.2.712.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4" />

<

add name="Telerik_RadUploadProgressHandler_ashx" verb="*" preCondition="integratedMode" path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler, Telerik.Web.UI, Version=2011.2.712.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4"/>

</

handlers>

Thanks for your help,
Marko

Upload (Obsolete)

answered on 02 Jul 2012

1 answer

94 views

GridDateTimeColumn with EqualTo return right result but does not show on grid

Hi team,

When I filter the grid by GridDateTime column with "EqualTo" operator and issue only happened with it, the result is right but they are not showed on grid. The total-item on grid is right. Please view my attachment.

In aspx page:

<telerik:RadGrid ID="grid" runat="server" Width="100%" AllowPaging="true" AllowCustomPaging="true"

ShowGroupPanel="true" AllowFilteringByColumn="true" AllowSorting="true" OnNeedDataSource="grid_NeedDataSource"

OnItemCommand="grid_ItemCommand" EnableLinqExpressions="false">

<ClientSettings AllowDragToGroup="true" AllowColumnsReorder="true" ReorderColumnsOnClient="true"

ColumnsReorderMethod="Reorder">

<Animation AllowColumnReorderAnimation="true" AllowColumnRevertAnimation="true" />

<ClientEvents OnFilterMenuShowing="FilterMenuShowing" />

</ClientSettings>

<GroupingSettings CaseSensitive="false" ShowUnGroupButton="true" />

<MasterTableView CommandItemDisplay="Top" AutoGenerateColumns="false" EnableHeaderContextMenu="true" DataKeyNames="InstructorProfileID">

<PagerStyle AlwaysVisible="true" />

<CommandItemSettings ShowAddNewRecordButton="false" ShowRefreshButton="false" ShowExportToExcelButton="true" />

<Columns>

<telerik:GridDateTimeColumn UniqueName="DateLastLogin" HeaderText="Date of Last Login" SortExpression="DateLastLogin" GroupByExpression="DateLastLogin Group By DateLastLogin"

DataField="DateLastLogin" FilterControlWidth="80%" DataType="System.DateTime" PickerType="DatePicker"/>

<telerik:GridTemplateColumn UniqueName="ReviewStatus" HeaderText="Review Status" SortExpression="ReviewStatus" GroupByExpression="ReviewStatus Group By ReviewStatus"

FilterControlWidth="80%" HeaderStyle-Width="190px" DataField="ReviewStatus" DataType="System.String">

<ItemTemplate>

<asp:Label ID="lblReviewStatus" runat="server" Text='<%# Eval("ReviewStatus")%>'/>

</ItemTemplate>

<FilterTemplate>

<telerik:RadComboBox ID="rcboFilterOptions" runat="server" AutoPostBack="true" OnSelectedIndexChanged="rcboFilterOptions_SelectedIndexChanged">

<Items>

<telerik:RadComboBoxItem Value="ViewAll" Text="View All" />

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

<telerik:RadComboBoxItem Value="InProgress" Text="In Progress" />

<telerik:RadComboBoxItem Value="NotProcessed" Text="Not Processed" />

<telerik:RadComboBoxItem Value="MissCert" Text="Missing Presentation Skills Certificate" />

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

<telerik:RadComboBoxItem Value="Denied-HPCP" Text="Denied-HPCP" />

<telerik:RadComboBoxItem Value="Denied-PSC" Text="Denied-PSC" />

<telerik:RadComboBoxItem Value="Denied-No Sponsor" Text="Denied-No Sponsor" />

<telerik:RadComboBoxItem Value="Denied-PSC AND HPCP" Text="Denied-PSC AND HPCP" />

</Items>

</telerik:RadComboBox>

</FilterTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

In Code Behind:

protected void grid_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

var totalItem = 0;

var dataSource = this.InstructorProfileStatusInfoService

                             .GetInstructorProfileStatusInfoCollection(grid.CurrentPageIndex

                                                                        , grid.PageSize

, this.CurrentCriteria

                                                                        , this.UserId, out totalItem);

grid.DataSource = dataSource ;

grid.VirtualItemCount = totalItem;

}

protected void rcboFilterOptions_SelectedIndexChanged(object sender, RadComboBoxSelectedIndexChangedEventArgs e)

{

this.grid.CurrentPageIndex = 0;

var combo = sender as RadComboBox;

GridFilteringItem filterItem = combo.NamingContainer as GridFilteringItem;

filterItem.FireCommandEvent(RadGrid.FilterCommandName, new Pair { First = GridKnownFunction.EqualTo.ToString(), Second = "ReviewStatus" });

}

protected void grid_ItemCommand(object sender, Telerik.Web.UI.GridCommandEventArgs e)

{

            if (e.CommandName == RadGrid.FilterCommandName)

            {

                    this.grid.Rebind();

            }

 }

Please help me to solve.
Thanks.

Filter

answered on 02 Jul 2012

4 answers

144 views

Filtering Dropdown list in RadGrid

Hi,

I have a RadGrid with three levels. There is one DropDownList in the second level and another one in the third level. The combo in the third level has to be filtered based on the selection in the combo of second level. I tried a few methods but didn't help. I am using SQlDataSource to fill both these combos and having trouble setting the select parameter of the third level combo dynamically

Could you please help?

Thanks
Meera

Grid

answered on 02 Jul 2012

1 answer

103 views

Overlapping of Rotator Control

Hi there,
I have a master page with a rotator of type CarouselButtons on it who controls the site navigation.
Master page contains an IFrame where main contents are loaded. Here I have a RadGrid control to populate data, based on selected item in RadRotator.
At the moment, I have wraped the rotator with asp:CollapsiblePanelExtender so that user can collapse and expand the Rotator.
When Rotator is collapsed, Datagrid moves up to take the empty space and when it expands, datagrid moves down. This works fine.
I would like to achieve the following,

When Rotator expands, instead of taking its own space and moving the grid down, it comes on top of the Grid.
Is such control overlapping possible in situtation where Rotator and Grid resides in different pages i.e. Grid in IFrame & rotator in master page.

I would apperciate, if you could provide me a sample code, where I could see it running.

Best regards,

Rotator

answered on 02 Jul 2012

2 answers

113 views

Why on first click my radwindow is not getting closed

I have written a code to close radwindow on button click this is my design

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="radwndAjax.aspx.cs" Inherits="radwndAjax" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!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="form1" runat="server">

<telerik:RadScriptManager ID="Script1" runat="server">

</telerik:RadScriptManager>

<div>

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

<script type="text/javascript">

function OpenSuperSeeding() {

var wnd = $find("<%= RadWindow1.ClientID%>");

wnd.Close();

}

</script>

</telerik:RadCodeBlock>

<telerik:RadButton ID="btn" runat="server" OnClick="btn_Click" Text="Open">

</telerik:RadButton>

<telerik:RadWindow runat="server" ID="RadWindow1">

<ContentTemplate>

<asp:UpdatePanel ID="Updatepanel1" runat="server" UpdateMode="Conditional">

<ContentTemplate>

<asp:Button ID="Button1" Text="Click for AJAX" runat="server" OnClick="Button1_Click" />

<br />

<asp:Label ID="Label1" Text="I will be updated" runat="server" />

</ContentTemplate>

</asp:UpdatePanel>

</ContentTemplate>

</telerik:RadWindow>

<asp:Label ID="Label2" Text="I will not be updated" runat="server" />

</div>

</form>

</body>

</html>

My code is as follows

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

public partial class radwndAjax : System.Web.UI.Page

{

bool m_flag = true;

protected void Page_Load(object sender, EventArgs e)

{

}

protected void btn_Click(object sender, EventArgs e)

{

RadWindow1.VisibleOnPageLoad = true;

}

protected void Button1_Click(object sender, EventArgs e)

{

if (m_flag)

{

RadWindow1.VisibleOnPageLoad = false;

Button1.OnClientClick = "OpenSuperSeeding(); return false;";

}

else

{

Label1.Text = DateTime.Now.ToString();

Label2.Text = DateTime.Now.ToString();

}

But on first click radwindow is not getting closed, on the second click it is getting closed can some one help me..

Window

answered on 02 Jul 2012

3 answers

108 views

ItemCommand in RadListView with RadDataPager and SEOPaging

I have a RadListView with RadDataPager and SeoPaging set to true. I also have a RadTooltip on every row and as you know it wont work properly in IE if Tooltip target controls are not cleared when user change page or sort columns. IE do not change the tooltip data between pages if tooltip target controls arent cleared between page changes. The problem is RadListView itemcommand event is not firing when SeoPaging is set to true. So I cant clear Tooltip target controls in that event. Is this a bug and is there another event where I can clear the target controls so Tooltip would work properly in IE?

DataPager

answered on 02 Jul 2012

8 answers

567 views

RadDatePicker DatePopupButton displays default text "Open the calendar popup" whenever I assign any value to the cssClass property.

<telerik:RadDatePicker runat="server" ID="rdpSomeName" Width="125px" CssClass="SomeCssClass">

<DateInput ID="rdpSomeName_DateInput" InvalidStyleDuration="100" runat="server" CssClass="SomeCssClass">

</DateInput>

<DatePopupButton CssClass="SomeCssClass"/>

</telerik:RadDatePicker>

Whenever I assign any value to the DatePopupButton's CssClass property, the UI renders the default text for the button as a link instead of rendering the button image.

My goal is to access each element on the page with a given class name via jQuery and set the 'disabled' attribute accordingly:

function Set_CssClass_UI_Enabled(bool_Enable) {

//If we are told to ENABLE the UI set:

if (bool_Enable) {

$('.SomeCssClass').removeAttr('disabled');

}

else //Otherwise, DISABLE the UI set:

{

$('.SomeCssClass').attr('disabled', 'disabled');

}

This works for all the UI so far... except the date picker popup button. I really don't want to hard code any control names in this method because at some point I plan on even passing the name of the cssClass which we want to toggle. Thus I want to keep this as a generic helper method that I can reuse as needed.

Calendar

answered on 02 Jul 2012

0 answers

69 views

Ajax wheel reposiotioning

Telerik team,

I am using telerik tree in a radpane which has around 1000 nodes in it . Whenever the tree is expanded and any action is performed on it,

the ajax loading panel is showing up but in the middle of the tree(vertically i.e.The ajax wheel will be seen somewhere when I scroll down the browser window) due to which the User do not get prompt if any action is performed on tree.

I am using other controls also on the same page which are using same ajax manager,I do not want to disturb their ajax wheel position

I have tried the code given on following link but I could not achieve the result as expected.

http://www.telerik.com/help/aspnet-ajax/ajax-center-loadingpanel.html

Is there any way in which only for the tree control I can explicitly define the position of the ajax wheel so that it does not affect other controls?

Kindly let me know an appropriate solution for this as soon as possible.

A demo project would be of great help.

Thanking you in advance.

Ajax

asked on 02 Jul 2012

3 answers

177 views

client side add row to Grid

Hi!

I'm having a pretty specific question, and I wonder if it's possible what I want. In my codebehind I have a collection of objects that I bind to my gridview. In my gridview it is possible to check/uncheck some checkboxes. On a postback I read the values from the grid back into my collection of objects. When the user clicks the save button, I save the collection of objects to the database. I know this sounds a little bit clumsy, but I can't bind my database directly to my grid.

This all works fine. However, I also want to add a row to the grid and I want to do this client side. I have my own input form and if the user clicks 'Add', I want this row to be added to the grid, with the values that the user enered in the form. I don't want my Grid to rebind or something like that. I only want the row to be there.

Is this possible? And how can I achieve this?

Grid

answered on 02 Jul 2012