Questions on UI for ASP.NET AJAX Forum

5 answers

228 views

Hi,
I have the problems with a Virtual Scrolling :

1) I can not select the last item on the page because it goes immediately to the next page
2)I have a tab with a RadGrid with virtual scrolling.
If I am placed on the first page of the RadGrid and change tab and then I come back I see the page with the correct lines of the RadGrid.
If I am placed on the second page of the RadGrid and change tab and then I come back I see the page without RadGrid rows of data.
Why?

thanks

Grid

answered on 19 Mar 2012

4 answers

168 views

[Solved] Change NoMasterRecordsText

Does anyone know if it is possible to change the NoMasterRecordsText property from No Records to Display to something else PER FOLDER? So in the tree view you would have multiple folders and when the user clicks a folder I want to display Access Denied for ones they have no access to and This Folder is Empty for folders that simply have nothing in them. Has anyone done anything like this?

FileExplorer

answered on 19 Mar 2012

1 answer

201 views

.PageRequestManagerServerErrorException: Object reference not set to an instance of an object - RadGrid Child Grid show

Hi

I have a RadGrid Control which displays a child grid when the Parent Grid Row is clicked.
This works without issues.

In order to make it clearer to the user, I wish to change the background colour of one of the Cells in the row. This is dependant upon the value contained within another column. (Basically some rows will have more than 1 detail row - so I want to indicate this to the user)

When I add this functionality to the ItemDataBound event of the grid, it throws a "PageRequestManagerServerErrorException Object reference not set to an instance of an object." error. when I try to expand the child row. The colour change is is showing correctly.

if (e.Item is GridDataItem)

{

if (e.Item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["DocTypes"].ToString() == "Multiple")

{

// Find Column and change colours

GridDataItem item = (GridDataItem)e.Item;

item["DocReferences"].BackColor = Color.Tomato;

item["DocReferences"].ForeColor = Color.White;

}

I have tried adding this to the ItemCreated event but it still throws the error.
Can someone throw some light as to what is causing the error - I believe it is something to do with the Ajax process but cannot pinpoint it exactly.

I am at a loss as to how to trobleshoot this.

Regards
Roger

Grid

answered on 19 Mar 2012

1 answer

136 views

RadTabStrip, RadMultiPage and UserControl

Hi,
I've a radTabStrip and a radMultiPage.
I need to update with AjaxManager the content of the PageView into my radMultiPage.
Each pageView creates on demand, during the OnPageViewCreated event each UserControl in the pageView.
My problem is the refresh of this control.
If I do an async postback into pageView and this adds a new pageView, on the client I never see the new pageView.
I'm able only to refresh the tabstrip, when i try to refresh the multipage, the first pageView (which called the postback) disappears, and the new pageView appears, if I select the previous pageView I receive ajax error message.
I tried also to add a custom event on my page which returns the PageViewID generated during the process and adds this to the AjaxControl, but it doesn't work, because the AjaxControl can update after the page was rendered and the user click on the button.
Can you help me?

Thanks in advance

General Discussions

answered on 19 Mar 2012

5 answers

128 views

TreeView Javascript Runtime error after install Q1 2012 Version

Hi All,

I am using the RadTreeView in my application....
all is fine..but after installing the Q1 2012 version of the ASP.NET Ajax Controls...and after testing my application...

I have niticed that after several times i click on tree nodes, when clicking on a tree node it gives me the following error:-

'Name' is null or not an object
on the following line

,_buildNode:

function(i,h){var g=this._getEntityByName(i.Name);.....

i don't know the cause of this problem...
and so the application will not run properly untill i run again....

how can i solve this issue???
Please help

Best Regards
Asa'ad...

TreeView

answered on 19 Mar 2012

1 answer

250 views

RadTreeView and Updating AjaxPanels

In my project I have a RadTreeView and a RadToolbar, when a node is selected on the RadTreeView I want to update the Toolbar with buttons that correspond to actions you can perform with the selected node. In order to do this, I placed the RadToolbar in a RadAjaxPanel and call ajaxRequest with the corresponding information needed to determine what buttons to display in the toolbar.

This works fine and dandy until the an attempt to update the toolbar is made at the same time as one of the nodes is expanded in the tree (The nodes are all set to ServerSideCallBack ExpandMode). When this happens (which is quite frequent), the node expansion is cancelled and instead the tree is left in it's current state. As far as I can discern (judging from the captured request body in internet explorer), the tree is piggybacking a client state update onto the ajaxRequest made for the panel which is in turn causing the tree to be "updated" from the server before the actual request for the node data completes, leaving the tree in whatever it's current state is (pre node expansion).

Below is a project I made in which I tried to replicate this behavior, any suggestions to get around this behavior is very much welcome (preferably not doing by weird stuff like timeouts or similar hacks in the javascript).

Here is the asp:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="TestRadTreeView._Default" %>

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

<!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>

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

<script type="text/javascript">

function UpdatePanel() {

var findresult = $find('<%= contextMenuAjaxPanel.ClientID %>');

$find('<%= contextMenuAjaxPanel.ClientID %>').ajaxRequest(arguments);

}

</script>

</telerik:RadCodeBlock>

</head>

<body>

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

<telerik:RadStyleSheetManager ID="rmCSS" runat="server" EnableStyleSheetCombine="true" />

<telerik:RadSkinManager ID="rmSkin" runat="server" />

<telerik:RadScriptManager ID="rmScript" runat="server" EnableScriptCombine="true"

EnableTheming="True">

<Scripts>

<%--Needed for JavaScript IntelliSense in VS2010--%>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

</Scripts>

</telerik:RadScriptManager>

<div>

<telerik:RadAjaxPanel ID="contextMenuAjaxPanel" runat="server">

<telerik:RadToolBar ID="rtbContext" runat="server" Width="100%" OnClientButtonClicking="UpdatePanel">

<Items>

<telerik:RadToolBarButton runat="server" Text="TEST"/>

</Items>

</telerik:RadToolBar>

</telerik:RadAjaxPanel>

<telerik:RadTreeView ID="rtvTree" runat="server" Width="500px" Height="500px" ExpandAnimation-Duration="0"

CollapseAnimation-Duration="0" OnClientNodeExpanding="UpdatePanel"/>

</div>

</form>

</body>

</html>

and here is the codebehind:

Imports Telerik.Web.UI

Public Class _Default

Inherits System.Web.UI.Page

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

rtvTree.Nodes.Add(New RadTreeNode("Test") With { _

.ExpandMode = TreeNodeExpandMode.ServerSideCallBack _

})

End Sub

Private Sub rtvTree_NodeCollapse(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadTreeNodeEventArgs) Handles rtvTree.NodeCollapse

e.Node.Selected = True

End Sub

Private Sub rtvTree_NodeExpand(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadTreeNodeEventArgs) Handles rtvTree.NodeExpand

e.Node.Nodes.Add(New RadTreeNode("Test") With { _

.ExpandMode = TreeNodeExpandMode.ServerSideCallBack _

})

End Sub

End Class

In the aspx file, if you remove the OnClientNodeExpanding = "UpdatePanel" property from the toolbar then the nodes will expand fine (although you wouldn't be getting updates for the toolbar any longer).

TreeView

answered on 19 Mar 2012

3 answers

151 views

Export to excell selected row from hierarchical grid

we are using radGrid and having details table inside master table view and an event onneeddatasource and checkbox column onside of radgrid and i want to export only selected row to excel..but the problem is that it is exporting all record to excell sheet beside selection of rows please help me ????????????????????????????

General Discussions

answered on 19 Mar 2012

3 answers

236 views

[Solved] populate DDL in radgird with database value

Ok, I have a grid with a couple of dropdownlist. I have been able to populate them but what I cannot seem to get is to load the correct value from the database into the DDL on time of grid binding. Right now the ddl's populate with all the first value and I want to populate them with the value from the DB. I tried binding but does not seem to work.

<ItemTemplate>
<asp:DropDownList ID="ddlFUndCode" runat="server" DataValueField='<%# Bind("intFundCodeId") %>'></asp:DropDownList>
</ItemTemplate>

<Columns>

<telerik:GridTemplateColumn HeaderText="PO NUM">

<ItemTemplate>

<asp:TextBox ID="txtPONum" runat="server" Text='<%# Bind("strPoNum") %>'></asp:TextBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridDropDownColumn DataField="intMakeId" UniqueName="Make"></telerik:GridDropDownColumn>

<telerik:GridTemplateColumn HeaderText="MAKE">

<ItemTemplate>

<asp:DropDownList ID="ddlmake" runat="server"></asp:DropDownList>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="COST">

<ItemTemplate>

<asp:TextBox ID="txtCost" runat="server" Text='<%# Bind("fltCost") %>'></asp:TextBox>

<asp:FilteredTextBoxExtender ID="txtCost_FTE" runat="server" Enabled="True" TargetControlID="txtCost" ValidChars="." FilterType="Custom, Numbers" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="FUND CODE">

<ItemTemplate>

<asp:DropDownList ID="ddlFUndCode" runat="server" DataValueField='<%# Bind("intFundCodeId") %>'></asp:DropDownList>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="ASSET TAG">

<ItemTemplate>

<asp:TextBox ID="txtAssetNum" runat="server" Text='<%# Bind("strAssetNum") %>'></asp:TextBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="SN">

<ItemTemplate>

<asp:TextBox ID="txtSN" runat="server" Text='<%# Bind("strSn") %>'></asp:TextBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

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

If Not IsPostBack Then

myRadGrid.DataBind()

End If

End Sub

Protected Sub myRadGrid_ItemDataBound(sender As Object, e As Telerik.Web.UI.GridItemEventArgs) Handles myRadGrid.ItemDataBound

If (TypeOf e.Item Is GridDataItem) Then

Dim make As DropDownList = e.Item.FindControl("ddlmake")

Dim Code As DropDownList = e.Item.FindControl("ddlFUndCode")

sql = "Select intMakeId, strmake from tblmake"

buildDD(sql, make)

sql = "Select intFundCodeId, Cast(intCodeNUm as varchar) + ' \ ' + strDescription from tblFundCodes"

buildDD(sql, Code)

End If

End Sub

Protected Sub myRadGrid_NeedDataSource(sender As Object, e As Telerik.Web.UI.GridNeedDataSourceEventArgs) Handles myRadGrid.NeedDataSource

sql = "Select intRecId, strPoNum, intMakeId, fltCost, intFundCodeId, strAssetNum, strSn From tblReceived"

myRadGrid.DataSource = getData(sql)

End Sub

Grid

answered on 19 Mar 2012

6 answers

227 views

Server Side Row Selection with Object Data Source

Hello. I'm having problems with the rad grid latest demo and server side row selection. My events are properly picked up from the checkbox clicks but they don't stay checked. Even the demo code isn't working. This code has been placed inside a SalesLogix CRM page. All other functions appear to be working properly (sorting, filtering, binding, etc). I've tried this both inside and outisde the UpdatePanel. Am I doing something wrong here? There is already an ASP script manager on the page hence the use of a proxy. Help appreciated!

Managers

<telerik:RadAjaxManagerProxy ID="RadAM" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="LDCAccounts">

<UpdatedControls>

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

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" />

<telerik:AjaxUpdatedControl ControlID="Literal1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

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

Markup

<asp:UpdatePanel ID="ldcAccountPanel" runat="server">

<Triggers>

<asp:AsyncPostBackTrigger ControlID="Accounts" />

<asp:AsyncPostBackTrigger ControlID="RadGrid1" />

</Triggers>

<ContentTemplate>

<telerik:RadGrid ID="Accounts" Width="97%" AllowSorting="true" runat="server" PageSize="20"

AllowMultiRowSelection="true" AllowFilteringByColumn="true" EnableLinqExpressions="true" AllowAutomaticInserts="false"

OnInsertCommand="Accounts_RowAdding" OnNeedDataSource="Accounts_NeedData">

<MasterTableView Width="100%" Summary="Rad!" AutoGenerateColumns="false"

AllowFilteringByColumn="true" CommandItemDisplay="Top" EditMode="InPlace" ClientDataKeyNames="Id,AccountNumber">

<CommandItemSettings ShowAddNewRecordButton="true" AddNewRecordText="Add" />

<Columns>

<telerik:GridButtonColumn Text="Select" CommandName="Select />

<telerik:GridButtonColumn Text="Deselect" CommandName="Deselect" />

<telerik:GridTemplateColumn UniqueName="ChkColumn">

<HeaderTemplate>

<asp:CheckBox ID="ChkAll" runat="server" OnCheckedChanged="Accounts_ToggleAll" AutoPostBack="true" />

</HeaderTemplate>

<ItemTemplate>

<asp:CheckBox ID="ChkOne" runat="server" OnCheckedChanged="Accounts_ToggleRow" AutoPostBack="false" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridEditCommandColumn ButtonType="ImageButton" />

<telerik:GridBoundColumn DataField="Id" Visible="true" HeaderText="PK" ReadOnly="true" />

<telerik:GridBoundColumn DataField="Name" HeaderText="Name" CurrentFilterFunction="EqualTo" AutoPostBackOnFilter="true" />

<telerik:GridBoundColumn Datafield="AccountNumber" HeaderText ="Account #" DataType="System.String" />

<telerik:GridBoundColumn Datafield="Address1" HeaderText = "Address1" />

<telerik:GridBoundColumn Datafield="Address2" HeaderText = "Address2" />

<telerik:GridBoundColumn Datafield="City" HeaderText = "City" DataType="System.String" />

<telerik:GridBoundColumn Datafield="State" headertext = "State" />

<telerik:GridBoundColumn Datafield="Postalcode" headertext = "Zip" />

</Columns>

</MasterTableView>

<ClientSettings EnableRowHoverStyle="true" />

<PagerStyle Mode="NextPrevAndNumeric" />

</telerik:RadGrid>

<asp:CheckBox ID="ChkTest" runat="server" OnCheckedChanged="ChkTest_Click" AutoPostBack="true" />

<asp:Button ID="Test" runat="server" OnClick="Accounts_Test" />

<asp:Literal ID="Literal1" runat="server" />

<telerik:RadGrid id="RadGrid1" OnItemCreated="RadGrid1_ItemCreated" OnPreRender="RadGrid1_PreRender"

ShowStatusBar="true" runat="server" OnNeedDataSource="RadGrid1_NeedData" AllowPaging="True" AllowSorting="True"

AllowMultiRowSelection="True">

<MasterTableView PageSize="10">

<Columns>

<telerik:GridButtonColumn Text="Select" CommandName="Select">

</telerik:GridButtonColumn>

<telerik:GridButtonColumn Text="Deselect" CommandName="Deselect">

</telerik:GridButtonColumn>

<telerik:GridTemplateColumn UniqueName="CheckBoxTemplateColumn">

<HeaderTemplate>

<asp:CheckBox id="headerChkbox" OnCheckedChanged="ToggleSelectedState" AutoPostBack="True" runat="server"></asp:CheckBox>

</HeaderTemplate>

<ItemTemplate>

<asp:CheckBox id="CheckBox1" OnCheckedChanged="ToggleRowSelection" AutoPostBack="True" runat="server"></asp:CheckBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

<ClientSettings EnableRowHoverStyle="true" />

<PagerStyle Mode="NumericPages"></PagerStyle>

</telerik:RadGrid>

</ContentTemplate>

</asp:UpdatePanel>

Codebehind

protected void RadGrid1_NeedData(object sender, GridNeedDataSourceEventArgs e)

{

RadGrid1.DataSource = CurrentOpportunity.SEChannelPartners;

}

protected void ToggleRowSelection(object sender, EventArgs e)

{

((sender as CheckBox).NamingContainer as GridItem).Selected = (sender as CheckBox).Checked;

}

protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)

{

if (e.Item is GridDataItem)

{

e.Item.PreRender += new EventHandler(RadGrid1_ItemPreRender);

}

private void RadGrid1_ItemPreRender(object sender, EventArgs e)

{

((sender as GridDataItem)["CheckBoxTemplateColumn"].FindControl("CheckBox1") as CheckBox).Checked = (sender as GridDataItem).Selected;

}

protected void ToggleSelectedState(object sender, EventArgs e)

{

CheckBox headerCheckBox = (sender as CheckBox);

foreach (GridDataItem dataItem in RadGrid1.MasterTableView.Items)

{

(dataItem.FindControl("CheckBox1") as CheckBox).Checked = headerCheckBox.Checked;

dataItem.Selected = headerCheckBox.Checked;

}

protected void Page_PreRender(object sender, EventArgs e)

{

Literal1.Text = String.Format("<h3 class=\"qsfSubtitle\">Selected rows count is: {0}</h3>", RadGrid1.SelectedItems.Count);

}

protected void RadGrid1_PreRender(object sender, EventArgs e)

{

RadGrid1.DataSource = (ICollection<MyAccountClass>)GetAccounts();

RadGrid1.DataBind();

GridHeaderItem headerItem = RadGrid1.MasterTableView.GetItems(GridItemType.Header)[0] as GridHeaderItem;

(headerItem.FindControl("headerChkbox") as CheckBox).Checked = RadGrid1.SelectedItems.Count == RadGrid1.Items.Count;

}

Grid

answered on 19 Mar 2012

1 answer

189 views

Type text in textbox focus problem

Hi!

I'm new to the Telerik tool and are for the moment evaluating it against Selenium webdriver.
But I have come across a problem where I need some help.

I'm trying to write a test for typeahead but are having problem with focus when I run the test on a testserver.

If I set the text directly I will not be able to validate the typeahead.
textBox.Text = "some text";

(textBox is here an HtmlInputText)

If I use the keyboard, I will be able to validate it, but if I run the test on for example a testserver (or if I minimize the browser) it doesn't work.

textBox.Focus();
textBox.Click();
var desktop = new Desktop();
var keyb = new KeyBoard(desktop);
keyb.TypeText("some text");
keyb.KeyPress(Keys.Tab);

Is there any other way to do this so I don't need to have focus on the browser?

Regards,

General Discussions

answered on 19 Mar 2012