Questions on UI for ASP.NET AJAX Forum

1 answer

95 views

Hello Telerik,

I experienced some strange look and feel issues when enabling scrolling in a gridview. It concerns the header + footer background not using the full width. This behaviour also appears in your online example:

http://demos.telerik.com/aspnet-ajax/grid/examples/client/scrolling/defaultcs.aspx

When you take a look at this in IE compatability mode, if looks perfect!
However when you use IE8 or Firefox, the background of the header and footer are not using the entire width.

Is there any solution to make this also compatable for IE8/Firefox?

Thank you,

John

Grid

answered on 12 Aug 2010

3 answers

438 views

How to remove the autocomplete in the RadDatePicker and the RadDateTimePicker?

Hi,

I noticed that there's an autocomplete in the RadDatePicker and RadDateTimePicker controls. It is really easy to reproduce, just delete the year in the date and get out of focus, the control will automatically fill it up with some kind of algorithm.

Is it possible to turn off this feature?

Thanks,

Paul

Calendar

answered on 12 Aug 2010

1 answer

89 views

RadControls For ASP.NET AJAX Installation Not Supported On AMD Processor

Hi,

I tried to install the package RadControls for ASP.NET AJAX and SharePoint however, I received an error dialog stating that the installation package is not supported by this processor type (Quad-core AMD Opteron). Are there any other installation packages available that work with this processor type, or alternatively an older version of the RadControls that will? Changing processors in not an option as both dev and prod are AMD's.

Any assistance is greatly appreciated. Thanks,

Michael

Installer and VS Extensions

answered on 12 Aug 2010

1 answer

48 views

[Solved] Add Animation for TreeNodeExpandMode.ServerSide mode

is there any way I can add some animation at client side when TreeNodeExpandMode.ServerSide while page is loaded?

Thanks
Kiran

TreeView

answered on 12 Aug 2010

1 answer

66 views

RAD rotator and modification suggestions

I am using a RAD rotator to display some news in the site.How can I modify the rotator to do like (Basically something to do with Databinding?)

Date:<Date1>
News Item 1
News Item 2
Date:<Date2>
News Item 1
News Item 2

How can I achieve this using Telerik RAD Rotator?Any demos available?

One more thing is like,with the current demo provided in this site;if the text is large;its clipped in the div;based on the itemWidth property.How can I display the news which is having more characters than the specified width.

Is it mandatory to have the height and width specified to solve crossbrowser display issues

Rotator

answered on 12 Aug 2010

1 answer

149 views

RadGrid in RadMultiPage.RadPageView blocks the Pager function

I put a radgrid in a RadMultiPage, seems the Pager is not working well, anyone know how could it get it work, really thanks!
when i click to page 2, it seems refresh the radgrid, i know this because i saw that after i grouping the list with dragging a colum on top of the grid, when i click page 2, the group disappeared, and the grid list refresh to Page 1, but not Page2.
So i guess, it must refresh to page1,
The same code(both html and C# code behind) works well if the radgrid were not in a radMultiPage control.
Following is my code

<telerik:RadPageView ID="RadPageView11" runat="server">

<div id="RadPageViewDiv11" class="div_details_container">

<telerik:RadGrid ID="dtg_search" runat="server" GridLines="None" AllowSorting="True"

ShowGroupPanel="True" AutoGenerateColumns="False" OnItemDataBound="dtg_search_ItemDataBound"

OnNeedDataSource="dtg_search_NeedDataSource" AllowPaging="True" PageSize="<%$ AppSettings:DefaultPageSize %>"

AllowCustomPaging="True">

<GroupPanel Text="拖动任何一列的标题栏到这里，可以按照该列分组显示数据">

</GroupPanel>

<PagerStyle Mode="<%$ AppSettings:DefaultPagerStyle %>" AlwaysVisible="True" />

<MasterTableView CellSpacing="-1" Width="100%" ClientDataKeyNames="id,show_id" DataKeyNames="id,show_id"

CommandItemDisplay="<%$ AppSettings:DefaultCommandItemDisplay %>">

<Columns>

<telerik:GridTemplateColumn HeaderStyle-Width="10px">

<HeaderTemplate>

<input id="chk_selectAll" onclick="selectAll(this);" type="checkbox" value="" />

</HeaderTemplate>

<ItemTemplate>

<input id="chk_ok" type="checkbox" value='<%#DataBinder.Eval(Container.DataItem,"id")%>' />

</ItemTemplate>

<HeaderStyle Width="28px"></HeaderStyle>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderStyle-Wrap="false" HeaderText="票座名称" UniqueName="ticketSeatColumn"

SortExpression="ticket_seat" Groupable="false">

<ItemTemplate>

<asp:LinkButton ID="lnk_detail" runat="server" ToolTip='<%#DataBinder.Eval(Container.DataItem,"ticket_seat")%>'

CommandName="CMD_DETAIL"><%# CutLeftString(DataBinder.Eval(Container.DataItem, "ticket_seat").ToString())%></asp:LinkButton>

</ItemTemplate>

<ItemStyle HorizontalAlign="Left"></ItemStyle>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn HeaderStyle-Wrap="false" UniqueName="ticketQuantityColumn"

HeaderText="单位数量" HeaderStyle-Width="100px" ItemStyle-HorizontalAlign="Right"

DataField="ticket_quantity">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderStyle-Wrap="false" UniqueName="ticketPriceColumn"

HeaderText="单价" HeaderStyle-Width="100px" ItemStyle-HorizontalAlign="Left" DataField="ticket_price">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderStyle-Wrap="false" UniqueName="ticketZoneColumn" HeaderText="对应座位区域"

HeaderStyle-Width="100px" ItemStyle-HorizontalAlign="Left" DataField="ticket_zone">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderStyle-Wrap="false" UniqueName="priceMemoColumn" HeaderText="备注"

HeaderStyle-Width="100px" ItemStyle-HorizontalAlign="Left" DataField="price_memo">

</telerik:GridBoundColumn>

</Columns>

<CommandItemTemplate>

<asp:LinkButton ID="btn_newRecord" runat="server" OnClientClick="return ShowInsertForm(false);"

Text="添加记录" />

|

<asp:LinkButton ID="btn_DeleteRows" runat="server" OnClientClick="if(!onDelete()) return false;"

OnClick="btn_DeleteRows_Click" Text="删除记录" />

<asp:LinkButton ID="btn_showErrorLog" runat="server" OnClientClick="return false;"

CssClass="errorLogbutton" Text="<%$ AppSettings:ProductErrorLogSign %>" Visible="false" />

</CommandItemTemplate>

</MasterTableView>

<ClientSettings AllowDragToGroup="True" EnableRowHoverStyle="True" AllowColumnsReorder="True">

<Scrolling UseStaticHeaders="True" />

<Selecting AllowRowSelect="true" />

<ClientEvents OnRowDblClick="RowDblClick" />

<Resizing AllowColumnResize="True" />

</ClientSettings>

</telerik:RadGrid>

</div>

<asp:HiddenField ID="hdn_selectedIDs" runat="server" />

<asp:HiddenField ID="hdn_errorLog" runat="server" />

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

<script type="text/javascript">

function ShowEditForm(id, show_id, rowIndex) {

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

var rowControl = grid.get_masterTableView().get_dataItems()[rowIndex].get_element();

grid.get_masterTableView().selectItem(rowControl, true);

window.radopen("ShowTicketPriceManagerForm.aspx?" + "<%=this.GetEditPageCommand() %>" + "&t0=" + id + "&t1=" + show_id, "PriceManagerFormWindow");

return false;

}

function ShowInsertForm(arg) {

if (arg == true) {

window.radopen("ShowTicketPriceManagerForm.aspx?" + "<%=this.GetInsertPageCommand() %>" + "&t1=" + '<%=Request.Params["t0"]%>', "PriceManagerFormWindow");

}

else {

alert("新增记录权限尚未对当前用户开放");

}

return false;

}

function refreshGrid(arg) {

if (arg) {

$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("Rebind");

}

else {

$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("RebindAndNavigate");

}

function RowDblClick(sender, eventArgs) {

window.radopen("ShowTicketPriceManagerForm.aspx?" + "<%=this.GetEditPageCommand() %>" + "&t0=" + eventArgs.getDataKeyValue("id") + "&t1=" + eventArgs.getDataKeyValue("show_id"), "PriceManagerFormWindow");

}

</script>

</telerik:RadCodeBlock>

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnablePageMethods="True">

</telerik:RadScriptManager>

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" Modal="true">

<Windows>

<telerik:RadWindow ID="PriceManagerFormWindow" runat="server" ShowContentDuringLoad="false"

VisibleStatusbar="false" VisibleOnPageLoad="false" Height="320" Width="700" Title="Telerik RadWindow"

Behaviors="Default">

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">

</telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="dtg_search" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="dtg_search">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="dtg_search" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadWindowManager1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="dtg_search" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

</telerik:RadPageView>

protected void RadAjaxManager1_AjaxRequest(object sender, Telerik.Web.UI.AjaxRequestEventArgs e)

{

if (e.Argument == "Rebind")

{

dtg_search.MasterTableView.SortExpressions.Clear();

dtg_search.MasterTableView.GroupByExpressions.Clear();

dtg_search.Rebind();

}

else if (e.Argument == "RebindAndNavigate")

{

dtg_search.MasterTableView.SortExpressions.Clear();

dtg_search.MasterTableView.GroupByExpressions.Clear();

dtg_search.MasterTableView.CurrentPageIndex = dtg_search.MasterTableView.PageCount - 1;

dtg_search.Rebind();

}

Grid

answered on 12 Aug 2010

7 answers

128 views

Bar series is not supported with client-side scrolling and zooming enabled. Series: Series1

I was attempting to use scrolling on a bar graph for a chart I was making and had been unable to make it work (Using 2009 Q3). I always received an error: Bar series is not supported with client-side scrolling and zooming enabled. Series: Series1. I was binding to my data in my code-behind.

I did discover a workaround however to make this work. In my ASPX page I set my series type to "Area" although "Line" also worked. I haven't really tried any of the other types other than "Bar" which didn't work. Doing this got around the error I mentioned above and rendered the chart as a bar graph with the scrolling I wanted working. Zooming also worked although I disabled it for the chart I was creating. After my data was bound in the code-behind, the chart defaulted back to the "Bar" type (appearing to totally ignore the setting I set for "area" in the aspx page) and I was able to scroll through the data as I wanted.

I'm not sure if the bar chart supports Zooming & Scrolling out of the box as it doesn't mention it anywhere on the demo page that it explicitly does not. However it didn't appear to work for me initially until I worked around the problem.

I hope this helps someone get it working if they get this error too. And if the bar chart is supposed to work, I'm not quite sure why it failed for me.

Regards,

Paul

Chart (Obsolete)

answered on 12 Aug 2010

3 answers

224 views

Odd paging behaviour using EntitySpaces and grouping

I'm having problems getting my paging working under certain conditions. I'm using EntitySpaces 2009 to access my data and RadControls v 2010.1.309.35 for my front end. My front end features a number of filtering options that require table joins to implement, which results in duplication of records in the resulting data set. My aim was to use grouping to eliminate the duplicate records. For clarification, before adding a group by expression to my query (resulting in duplicate rows), the RadGrid's pager works correctly.

In order to work around SQL Server's design that renders the distinct command useless when used in conjunction with ROW_NUMBER(), I've been forced to add a group by command to my query to remove duplicate records from my result set. At a query level, I am simply grouping by the ID of the records in the result set so as to essentially only return one row per set of duplicates. Doing this breaks the paging in the RadGrid though.

I can see using SQL Server Profiler that EntitySpaces is sending through the right query and is returning the right results, and the count query is returning the expected number to tell the RadGrid about the number of items to expect, however the RadGrid (from a paging perspective) is acting as though there is only one record and not showing the paging controls. I tried setting the PagerStyle's AlwaysVisible to true, and it shows 1 page and says '1 items in 1 pages' in the lower right, despite the fact that it's actually showing the correct number of records for that page. I am able to alter the CurrentPageIndex in the code and it functions as expected (other than not showing any pages in the pager).

Up until this point, I'd assumed it might be a problem with the data source/EntitySpaces, however if I add a GroupByExpression to the RadGrid using the ID of the records, the pager is visible and functions correctly. This means that the RadGrid is receiving the right data, given that the query never changed, but for some reason is not calculating correct paging information.

Just for clarification, from a user interface perspective I do not want grouping functionality. It is only implemented in the back end query in order to filter out duplicate results before those results are passed to the interface for rendering. I have attached screenshots showing the results of my standard grid with the filtered duplicates (behind the scenes group-by), then again with AlwaysVisible set to true, then another showing the RadGrid after adding a GroupByExpression to it. Note that in all of the above, every single piece of code, all of the related queries, and the count query that dictates the total row count for the RadGrid are all exactly the same. All that changes is markup declaring a GroupByExpression.

I don't understand why when presented with the exact same data, the paging is breaking unless I add a GroupByExpression.

Anybody have any ideas?

Grid

answered on 12 Aug 2010

1 answer

181 views

Is there no DataItem object?

My Listview is bound using an OpenAccess object, is there no way (Like the RadGrid) to get the DataItem back in the ItemCommand event?

I cant seem to locate it...the only thing I can think of is to pass in the data in some sort of csv on the CommandArgument...

Or do I have it wrong and it's not available in that event in either ListView or Grid?

Thanks,
Steve

ListView

answered on 12 Aug 2010

1 answer

90 views

Consume an Anon DataType in ItemDataBound

I bind the Grid with an Anon DataType...

So how do I consume those columns in itemDataBound? I SEE the columns in debug...just cant get at the properties

GridDataItem item = e.Item as GridDataItem;

var data = item.DataItem;

Grid

answered on 12 Aug 2010