Questions on UI for ASP.NET AJAX Forum

6 answers

351 views

Hello,

I have rad grid of 50000 records with paging (page size 10).
Now I am selecting row from client side but it not get selected .
Page is remained on first page only

Suppose, I have selected row no. 49999 from client side then page index should be 5000, but page index remains 0.

Please give me solution it is urgent.

following somthing I have tried

var pageindex = 0;

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

var masterTable = grid.get_masterTableView();

var p = masterTable._data.PageSize * masterTable._data.PageCount;

// for (var i = 0; i < p; i++) {

// if (i == id) {

// pageindex = i / masterTable.get_pageSize()

// break;

// }

/ /}

masterTable.selectItem(id);

masterTable.set_currentPageIndex(3)

Grid

answered on 13 Dec 2012

4 answers

641 views

RadGrid filtering and paging not working properly together

Hi, i got this problem. In my grid I can filter on some columns. This is working fine, however when I filter footer of the grid keeps showing the paging despite the fact that the filtering results in less items than configured in the RadGrid (15 items).

For binding the data to the grid I use the Needdatasource-event. In this event I also have some filtering based on previous set session-value.

So filtering does working. But it should not show the paging when I have less than 15 items. Also when paging is shown, it looks like it is still based on the whole dataset. Not the filterd dataset.

When I don't use filtering, paging is working fine.

The filtering set in the needdatasource event is independent from the filtering in the radgrid -filteritems itself.

What am I missing.

Protected Sub RadGrid1_NeedDataSource(ByVal source As Object, ByVal e As Telerik.Web.UI.GridNeedDataSourceEventArgs) Handles RadGrid1.NeedDataSource

Dim dtTaxatie As DataTable = (New RisicoTaxatieManager()).GetTaxatieOverzicht()

Dim filterExpression As String = String.Empty

Dim columnIdent As String = String.Empty

Dim row As RisicoTaxatie.libPatientRow = Nothing

If (Not Page.IsPostBack) Then

If Not Session("PatientRow") Is Nothing Then

row = DirectCast(Session("PatientRow"), RisicoTaxatie.libPatientRow)

If Not String.IsNullOrEmpty(AppConfig.FilterColumn) Then

Select Case AppConfig.FilterColumn

Case "MITS"

filterExpression = IIf(Not row.IsMitsnummerNull(), "(Mitsnummer='" + row.Mitsnummer.ToString().Trim() + "')", String.Empty)

Case "BSN"

filterExpression = IIf(Not row.IsBSNnummerNull(), "(BSNnummer='" + row.BSNnummer.ToString().Trim() + "')", String.Empty)

Case "VIP"

filterExpression = IIf(Not row.IsVIPnummerNull(), "(VIPnummer='" + row.VIPnummer.ToString().Trim() + "')", String.Empty)

End Select

End If

If AppConfig.FilterPatienten And String.IsNullOrEmpty(filterExpression) Then

Dim dtPatienten As DataView = (New RisicoTaxatieManager()).GetMedewerkerPatienten(MedewerkerId)

dtPatienten.RowFilter = "Gekoppeld=1"

Dim filterPatientId As String = String.Empty

For Each PatientRow As DataRowView In dtPatienten

filterPatientId += PatientRow("Id").ToString() + ","

Next

If Not String.IsNullOrEmpty(filterPatientId) Then

filterExpression = String.Format("PatientId IN ({0})", filterPatientId.Remove(filterPatientId.Length - 1, 1))

Else

filterExpression = "PatientId IS NULL"

End If

RadGrid1.DataSource = dtTaxatie.Select(filterExpression)

Else

If String.IsNullOrEmpty(filterExpression) Then

RadGrid1.DataSource = dtTaxatie.DefaultView

Else

RadGrid1.DataSource = dtTaxatie.Select(filterExpression)

End If

If Not String.IsNullOrEmpty(filterExpression) And Not row Is Nothing Then

If Not String.IsNullOrEmpty(AppConfig.FilterColumn) Then

Select Case AppConfig.FilterColumn

Case "MITS"

columnIdent = "Mits"

Case "BSN"

columnIdent = "BSN"

Case "VIP"

columnIdent = "VIP"

End Select

Else

columnIdent = "Mits"

End If

Dim column As GridColumn = RadGrid1.MasterTableView.GetColumnSafe(columnIdent)

If Not column Is Nothing Then

column.CurrentFilterFunction = GridKnownFunction.EqualTo

Select Case AppConfig.FilterColumn

Case "MITS"

column.CurrentFilterValue = row.Mitsnummer.ToString()

Case "BSN"

column.CurrentFilterValue = row.BSNnummer.ToString()

Case "VIP"

column.CurrentFilterValue = row.VIPnummer.ToString()

End Select

End If

End Sub

Page (aspx)

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="TaxatieOverzicht.aspx.vb"

Inherits="EFPRisicoTaxatie.TaxatieOverzicht" %>

<%@ 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>Overzicht taxaties</title>

<meta http-equiv="x-ua-compatible" content="IE=8" />

<link rel="stylesheet" href="Css/RisicoTaxatie.css" type="text/css" />

<script language="javascript" type="text/javascript">

// <!CDATA[

function RowSelected(sender, args) {

try {

var oWnd = GetRadWindow();

if (oWnd && (args.getDataKeyValue("ID") != '')) {

oWnd.close(args.getDataKeyValue("ID"))

}

} catch (err) { }

}

// ]]>

</script>

</head>

<body style="background-color: #f0f0f0;">

<form id="form1" runat="server">

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

<Scripts>

<asp:ScriptReference Path="~/js/RisicoTaxatie.js"></asp:ScriptReference>

</Scripts>

</telerik:RadScriptManager>

<div style="background-color: #f0f0f0; padding: 0px; margin: 0px;">

<telerik:RadGrid ID="RadGrid1" runat="server" AllowFilteringByColumn="True" AllowPaging="True"

AutoGenerateColumns="False" AllowSorting="True" GridLines="None" Style="z-index: 100;

left: 0px; position: absolute; top: 0px;" PageSize="15" Width="850px" Height="454px"

EnableLinqExpressions="False">

<GroupingSettings CaseSensitive="false" />

<MasterTableView DataKeyNames="ID" ClientDataKeyNames="ID">

<Columns>

<telerik:GridBoundColumn DataField="Mitsnummer" HeaderText="Nummer" UniqueName="Mits"

AutoPostBackOnFilter="true" Visible="false">

<ItemStyle Width="75px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="BSNNummer" HeaderText="Nummer" UniqueName="BSN"

AutoPostBackOnFilter="true" Visible="false">

<ItemStyle Width="75px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="VIPNummer" HeaderText="Nummer" UniqueName="VIP"

AutoPostBackOnFilter="true" Visible="false">

<ItemStyle Width="75px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Referentie" HeaderText="Naam" UniqueName="Referentie"

AutoPostBackOnFilter="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="TaxatieIdent" HeaderText="Taxatie" UniqueName="Taxatie"

AutoPostBackOnFilter="true">

<ItemStyle Width="90px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Datum" HeaderText="Tax.datum" DataFormatString="{0:dd-MM-yyyy}"

AllowFiltering="False" UniqueName="TaxatieDatum">

<ItemStyle Width="85px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="TypeIdent" HeaderText="Type" AllowFiltering="True"

UniqueName="Type">

<ItemStyle Width="60px" />

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Kader" AllowFiltering="False" UniqueName="Kader">

<ItemTemplate>

<asp:Label ID="lblKader" runat="server"></asp:Label>

</ItemTemplate>

<ItemStyle Width="120px" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="situatie" AllowFiltering="False" UniqueName="Situatie">

<ItemTemplate>

<asp:Label ID="lblsituatie" runat="server"></asp:Label>

</ItemTemplate>

<ItemStyle Width="120px" />

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

<PagerStyle Wrap="False" Mode="NumericPages" PagerTextFormat="{4} Pagina {0} van {1}, rij {2} tot {3} van {5}" />

<ClientSettings EnablePostBackOnRowClick="False">

<Selecting AllowRowSelect="True" />

<ClientEvents OnRowDblClick="RowSelected" />

</ClientSettings>

</telerik:RadGrid>

</div>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" EnableAJAX="true">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

</form>

</body>

</html>

Grid

answered on 13 Dec 2012

8 answers

207 views

Modifying default resource appearance

I have a DbProvider that allows me to assign users to appointments, but what I really want to do is change how the control auto-generates the checkbox list. I have a lot of users and it is a bit cumbersome when the user list extends down several pages.. is there a way to hide it, or group it (an exotic example would be to structure it like a TreeView)?

Scheduler

answered on 12 Dec 2012

1 answer

90 views

Fixed edit/create/delete buttons

Hi,

I am looking for a way to keep the edit buttons fixed somewhere in the RadTreeList. The treelist will be scrolling horizontally, but I'd like to find a home for the buttons where they will always be visible to the user, or at least be consistent across rows. Is there a way to achieve this?

I was thinking something like "fixed" columns? Failing that, if they could be the first two columns, but without the indentation, similar to the WPF control's Hierarchy Column (http://www.telerik.com/help/wpf/radtreelistview-features-hierarchy-column.html)?

Appreciate your help.

TreeList

answered on 12 Dec 2012

4 answers

162 views

Multicolumn Headers

I am trying out the new multicolumn headers feature in version 2012.2.607.35 and have a couple of issues:

Using the ColumnGroups Collection editor on the property page for the grid and as soon as I click on the Add button I get the error message:

Group name cannot be null or empty string.
Parameter name: Name

Which is empty because I just clicked on the Add button!

Then I enter the Name for the GridColumnGroup which I am using "ContactDetails" and then click on the OK button and in design mode the display of the grid crashes and displays:

RadGrid - RadGrid1System.ArgumentOutOfRangeException: Specified argument was out of the range of valid values. Parameter name: index at System.Web.UI.ControlCollection.get_Item(Int32 index) at System.Web.UI.WebControls.TableCellCollection.get_Item(Int32 index) at Telerik.Web.UI.GridHeaderItem.get_Item(String columnUniqueName) at Telerik.Web.Design.RadGridDesigner.Grid_ItemDataBound(Object sender, GridItemEventArgs e) at Telerik.Web.UI.RadGrid.OnItemDataBound(GridItemEventArgs e) at Telerik.Web.UI.GridItem.SetupItem(Boolean dataBind, Object dataItem, GridColumn[] columns, ControlCollection rows) at Telerik.Web.UI.GridTableView.CreateMultiColumnHeaders(Boolean useDataSource, GridColumn[] copiedColumnSet, GridTHead thead) at Telerik.Web.UI.GridTableView.CreateControlHierarchy(Boolean useDataSource) at Telerik.Web.UI.GridTableView.CreateChildControls(IEnumerable dataSource, Boolean useDataSource) at System.Web.UI.WebControls.CompositeDataBoundControl.PerformDataBinding(IEnumerable data) at System.Web.UI.WebControls.DataBoundControl.OnDataSourceViewSelectCallback(IEnumerable data) at System.Web.UI.DataSourceView.Select(DataSourceSelectArguments arguments, DataSourceViewSelectCallback callback) at System.Web.UI.WebControls.DataBoundControl.PerformSelect() at Telerik.Web.UI.GridTableView.PerformSelect() at Telerik.Web.UI.GridTableView.DataBind() at Telerik.Web.UI.RadGrid.DataBind() at System.Web.UI.Design.WebControls.DataBoundControlDesigner.DataBind(BaseDataBoundControl dataBoundControl) at Telerik.Web.Design.RadGridDesigner.DataBind(BaseDataBoundControl dataBoundControl) at System.Web.UI.Design.WebControls.BaseDataBoundControlDesigner.GetDesignTimeHtml()

Grid

answered on 12 Dec 2012

3 answers

239 views

RadAsyncUpload

I have a question about functionality of this control.

Here is my scenario: I have an ASPX page with a RadWindow that has a ContentTemplate that appears from clicking a button. Nothing complicated, the button just does this

OnClientClick="openUploadWindow1(); return false;

Inside of the RadWindow that opens I have (among other controls) a RadAsyncUpload control that automatically uploads a file to the default temporary directoy and a DIV that contains the image of a file that is saved to a database. What I'm trying to do is the following:

Someone uploads a TIFF image through the RadAsyncUpload tool. I would like to display this image in the aforementioned DIV as soon as the image is finished uploading to the temporary directory. However, TIFFs can't be viewed normally in a browser, so I would need to post-back to the server to convert it to a JPG, PNG, or BMP and then display that image. However, I don't see a method that handles this scenario.

In brief I want to:

Open a RadWindow
Select a file that is immediately uploaded via RadAsyncUpload in that RadWindow
As soon as it's finished, call some server-side function or at least post-back to the server
Convert the image to a JPG
Re-open the dialog box with the controls on my RadWindow with the same information

This since it's posting back it sounds like more a job for RadUpload, but there's most likely functionality in RadAsyncUpload that I don't know about.

Thank you for your time.

AsyncUpload

answered on 12 Dec 2012

0 answers

101 views

ASP.NET MVC Grid can't programmatically change grouping

I have been trying to get grouping int the grid to rebind through many, many different routes. I have used hidden fields, ViewData, postback, grid actions and though the data will reapply there doesn't appear to be any way to get the grid to reevaluate the grouping.

Why must we use the drag/drop to get groups to update? Is there any way to do it programmatically? How do I assign the group by variable? It seems to send a string similar to filter (e.g. "Filter1-asc~Filter2-asc") but there is no way to force the grid to use the grouping you wish to assign?

I look at this example (http://demos.telerik.com/aspnet-mvc/Grid/Grouping) and it is no help. I did exactly what is in there (minus the
"Configurator").

I am starting to the think the "Configurator" rewrites the HTML so that the entire page is recompiled and therefore the grouping is reevaluated. I've seen that it is supposedly irrelevant but I have done everything but that and the grouping does not take.

Has anyone had success that can help me?

******* UPDATE - Just as I had given up I came across the answer. I had a case of making it more complicated than it needed to be. I set the grid "groupBy" variable and it worked.

Grid

asked on 12 Dec 2012

1 answer

241 views

TreeView with percentage width

Hello!

I've implemented the RadTreeView successfully in a RadPane, within a RadSplitter.
But now the formatting of the TreeView is very malformed, it looks like each TreeNodeItem is beeing centered. Does anybody know a reason where this can come from?

Here is a sample code and attached the sample outputs:

<div style="width:700px; height:300px;">

<rad:RadTreeView ID="TestTree" runat="server" Height="200px" Skin="Windows7" BorderWidth="3" style="float: left">

<Nodes>

<rad:RadTreeNode Text="Test1" Expanded="true" runat="server">

<Nodes>

<rad:RadTreeNode Text="Test2" runat="server">

<Nodes>

<rad:RadTreeNode Text="Testasdfjklö2" runat="server" >

</rad:RadTreeNode>

</Nodes>

</rad:RadTreeNode>

<rad:RadTreeNode Text="Test3" runat="server" >

<Nodes>

<rad:RadTreeNode Text="Testasfwqeradfawererdfgrthrtzh3" runat="server" style="float: left">

</rad:RadTreeNode>

</Nodes>

</rad:RadTreeNode>

</Nodes>

</rad:RadTreeNode>

</Nodes>

</rad:RadTreeView>

</div>

Thank you very much for every help!

Kind regards
Juergen

TreeView

answered on 12 Dec 2012

1 answer

111 views

Drag and Drop Download

While it would be really nice to be able to have a built in multi file download, what about downloading a single file with drag and drop to the desktop as shown here:
http://www.html5rocks.com/en/tutorials/casestudies/box_dnd_download/

If we could do something like this in most cases it would not be a problem for the user to need a multi file download. Is the drag and drop download possible with this control? Do you have any information on how to accomplish it?

Thanks,
Ryan

FileExplorer

answered on 12 Dec 2012

17 answers

294 views

RadMenu & IE10 IFrame Issue

Just recently updated our application with the latest Telerik release for IE10 support. Majority of the bugs we saw are now resolved. However, we are noticing an issue with the RadMenu. On the expand of drop down menu, an iframe is rendered behind the menu item and can be seen with an "Windows Internet Explorer cannot load this page" or something along those lines. Basically you can see the IE "World" image loaded behind the menu and once the menu is expanded it is covered up. It is brief but noticeable.

Do you have any suggestions or workarounds? I do see the iframe markup so was considering adding a .rmSlide iframe CSS styling to perhaps hide it.

I tried to grab a screenshot but its near impossible to time it right.

Menu

answered on 12 Dec 2012