Questions on UI for ASP.NET AJAX Forum

10 answers

295 views

Rad Confirm Message

how i show the rad confirm messages in server side
please help me

Thanks,
Mohamed.

Grid

answered on 20 May 2011

1 answer

97 views

Prevent Detail table from expanding

I have a grid which uses grouping on the top-level table and also has a detail table. it seems that, when a group is collapsed, and then expanded, then the detail table is expanded for all items in the group. Is there a way to prevent the detail table from being expanded when the user expands a group? The detail table should only be expanded when the user clicks on the expand/collapse column for the item in the master table.

Grid

answered on 20 May 2011

1 answer

70 views

Export to Excel

Hi,

I have rad tool bar and i have a grid which is defined under radajax panel. I want to click button from tool bar and export Grid to excel. II followed instructions on Telerik site but nothing worked. Any idea ?

Regards,

Grid

answered on 20 May 2011

2 answers

514 views

GetDataKeyValue returning first Value in Grid

Hi,

I have a couple Grids on my page which include a "Download" GridButtonColumn that has AJAX disabled via Javascript to enable a File Download. When clicking these download buttons, the Code behind uses GetDataKeyValue to get the ID of the row:

protected void CompleteTickets_ItemCommand(object sender, GridCommandEventArgs e)

{

if (e.CommandName == "Refresh")

{

CompleteTicketsGrid.Rebind();

}

if (e.CommandName == "Download")

{

// Get Ticket ID

GridDataItem item = (GridDataItem)e.Item;

int ticketID = Convert.ToInt32(item.GetDataKeyValue("TicketID"));

// Use Ticket ID to Get File from File Repository

}

However, this code works for all of my other functions (edit), but on the "Download" button it automatically pulls the TicketID from the first Row of the Grid. It doesn't matter if I delete rows or change pages on the Grid, the GetDataKeyValue method always pulls the first item's ID rather than the row I've clicked.

I have DataKeyNames="TicketID" set in the MasterTableView of the Grid, and the Grid is populated with a LINQ/IQueryable Datasource.

I've also attempted to create a work-around for this problem by using this code instead, considering I have a column which displays the TicketID:

int ticketID = Convert.ToInt32(item["TicketID"].Text);

But to no avail, it is still grabbing the first Row's "TicketID". When constructing the GridDataItem item object, it's almost as if it's automatically grabbing the wrong Row from the very beginning. I've included an image of what exactly is happening.

Here is also the block of ASPX code of my Grid.

<telerik:RadGrid

runat="server"

ID="CompleteTicketsGrid"

Enabled="true"

Width="100%"

AutoGenerateColumns="false"

Skin="Default"

GroupingEnabled="false"

PageSize="10"

AllowPaging="true"

OnNeedDataSource="CompleteTickets_OnNeedDataSource"

OnItemCommand="CompleteTickets_ItemCommand">

<MasterTableView

DataKeyNames="TicketID"

CommandItemDisplay="Top"

CommandItemSettings-ShowRefreshButton="true"

CommandItemSettings-ShowAddNewRecordButton="false"

CommandItemStyle-HorizontalAlign="NotSet"

TableLayout="Fixed"

Name="Unpriced"

AllowPaging="true">

<Columns>

<telerik:GridBoundColumn UniqueName="TicketID" DataField="TicketID" HeaderStyle-Width="5%" ItemStyle-Width="5%" HeaderText="#"></telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Customer" DataField="Customer" HeaderStyle-Width="15%" ItemStyle-Width="15%" HeaderText="Customer"></telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Location" DataField="Location" HeaderStyle-Width="18%" ItemStyle-Width="18%" HeaderText="Location"></telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="JobNo" DataField="JobNo" HeaderStyle-Width="9%" ItemStyle-Width="9%" HeaderText="Job #"></telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="CreatedDate" DataField="DateCreated" HeaderStyle-Width="11%" ItemStyle-Width="11%" HeaderText="Date Created" ReadOnly="true" DataFormatString="{0:d/M/yyyy}"></telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="OrderedBy" DataField="OrderedBy" HeaderStyle-Width="11%" ItemStyle-Width="11%" HeaderText="Ordered By" ReadOnly="true"></telerik:GridBoundColumn>

<telerik:GridButtonColumn UniqueName="Download" ButtonType="LinkButton" Text="Download" CommandName="Download" ItemStyle-Width="12%" HeaderStyle-Width="12%"/>

<telerik:GridButtonColumn UniqueName="LoadTicket" ButtonType="LinkButton" Text="Load Ticket" CommandName="LoadTicket" ItemStyle-Width="13%" HeaderStyle-Width="13%"/>

</Columns>

</MasterTableView>

<ItemStyle Height="40" VerticalAlign="Middle"/>

<AlternatingItemStyle Height="40" BackColor="CadetBlue" ForeColor="White" VerticalAlign="Middle" />

<ClientSettings>

<ClientEvents OnCommand="OnGridCommand" />

<Scrolling AllowScroll="False" UseStaticHeaders="True" />

</ClientSettings>

</telerik:RadGrid>

Oh, and here's the JavaScript I'm using to Disable AJAX on the Download Button:

// Disables Ajax on Buttons Clicked in Grid

//

function OnGridCommand(sender, args) {

var itemArgument = args.get_commandArgument();

var itemCommand = args.get_commandName();

if (itemArgument == "DisableAjax" || itemCommand == "Download") {

window["disableAjax"] = true;

}

else {

window["disableAjax"] = false;

}

args.set_cancel(false);

}

Any ideas are greatly appreciated, as I've hit a brick wall with this one... Or maybe I've just got tunnel vision from staring at this for so long.

Best Regards,

Landon

Grid

answered on 20 May 2011

2 answers

205 views

Problem with centralized error handling, Application_Error

Hi,

We have done the following:
In Appliction_Error and in ScriptManager_AsyncPostBackError, we handle and logs the exception.
Then we redirect to an error page.

When not using radcompression, this works for all cases, but when using radcompression, the redirect doesn't happen when an exception occurs in Page_PreInit. The exception must also be in an Async callback, normal postbacks works as expected.

Default.aspx:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="default.aspx.vb" Inherits="WebApplication8._default" %>

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

<div>

<asp:ScriptManager ID="sm" runat="server"></asp:ScriptManager>

<asp:UpdatePanel ID="upError" runat="server" ChildrenAsTriggers="true" UpdateMode="Conditional">

<ContentTemplate>

<asp:Button ID="btnError" runat="server" Text="Error" />

</ContentTemplate>

</asp:UpdatePanel>

<asp:Button ID="btnErrorNoUpdatePanel" runat="server" Text="ErrorNoUpdatePanel" />

</div>

</form>

</body>

</html>

Default.aspx.vb:

Public Class _default

Inherits System.Web.UI.Page

Private Sub _default_PreInit(sender As Object, e As System.EventArgs) Handles Me.PreInit

If Me.IsPostBack Then

Throw New Exception("Test")

End If

End Sub

Private Sub sm_AsyncPostBackError(sender As Object, e As System.Web.UI.AsyncPostBackErrorEventArgs) Handles sm.AsyncPostBackError

Server.ClearError()

Response.Redirect("Error.aspx")

End Sub

End Class

Error.aspx:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Error.aspx.vb" Inherits="WebApplication8._Error" %>

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

<div>

An error occured!

</div>

</form>

</body>

</html>

web.config:

<?xml version="1.0"?>

<configuration>

<system.web>

<customErrors mode="Off"/>

<compilation debug="true" strict="false" explicit="true" targetFramework="4.0" />

<httpModules>

<add name="RadCompression" type="Telerik.Web.UI.RadCompression"/>

</httpModules>

</system.web>

<system.webServer>

<modules runAllManagedModulesForAllRequests="true">

<remove name="RadCompression" />

<add name="RadCompression" preCondition="managedHandler" type="Telerik.Web.UI.RadCompression"/>

</modules>

</system.webServer>

</configuration>

Global.asax.vb:

Imports System.Web.SessionState

Public Class Global_asax

Inherits System.Web.HttpApplication

Sub Application_Error(ByVal sender As Object, ByVal e As EventArgs)

' Fires when an error occurs

Server.ClearError()

Response.Redirect("Error.aspx")

End Sub

End Class

When hitting the Error-button, I don't get to the error page, but when hitting the ErrorNoUpdatePanel I do get to the error page.
If turning off RadCompression both cases works.

Regards
Caesar

Compression

answered on 20 May 2011

1 answer

41 views

Show detailtable next to mastertable row (IE8)

I have a grid which uses nested view templates like this http://demos.telerik.com/aspnet-ajax/grid/examples/hierarchy/nestedviewtemplate/defaultcs.aspx i'm using templates in both the master and detail.

According to my requirements the detail view should appear next to the master. When the grid renders there is 1 tr for the master row and another tr for the detail row. As far as i know there is no way to show tr next to each other in IE8

I've auto expanded the grid by default and hidden the expand columns. Basically the layout of what i'm looking for is like this:
parent1 | parent1_child1
| parent1_child2
parent2 | parent2_child1
| parent2_child2

Any help will be greatly appreciated!

Grid

answered on 20 May 2011

1 answer

30 views

Clicking on a tree node causes child nodes to be created

I am encountering a strange bug? In my Telerik Drag and Drop enabled TreeView, if I click on a leaf (node with no children), a child will be automatically created. This appears to be Telerik specific as I am not catching any events in our js or server side code.
Is there a property/setting I need to change to avoid this behavior?

Thanks.

TreeView

answered on 20 May 2011

6 answers

255 views

DropDownList onChange clientside

Here is what I would like to accomlish and cannot find in help:
Using the Dropdown list seen below, if user selects an option called "Other", a textbox pops up. User can then type an option and on Save of webpage, it will be added to the DropDownList. I need easiest most straightforward way to accomplish this. Have not been able to find a lot of help. Thank you.

Our version is: RadControls for ASPNET AJAX Q2 2008
Please let me know if you need any other information.

Thank you

<

telerik:RadGrid

runat="server"

ID="grdTypes"

Skin="Office2007"

EnableEmbeddedSkins="True"

AllowAutomaticDeletes="True"

AllowAutomaticUpdates="True"

AutoGenerateColumns="False"

AllowMultiRowEdit="True"

EnableAJAX="True"

GridLines="None"

Width="400px"

OnNeedDataSource="grdTypes_NeedDataSource"

OnDeleteCommand="grdTypes_DeleteCommand"

>

<Pdf PageBottomMargin="" PageFooterMargin="" PageHeaderMargin="" PageHeight="11in"

PageLeftMargin="" PageRightMargin="" PageTopMargin="" PageWidth="8.5in" />

</ExportSettings>

<MasterTableView

CommandItemDisplay="Top"

EditMode="EditForms"

DataKeyNames="TypesID"

AutoGenerateColumns="false"

AllowSorting = "true">

<EditColumn CancelImageUrl="/next/RadControls/Grid/Skins/TEST/Cancel.gif" EditImageUrl="/next/RadControls/Grid/Skins/TEST/Edit.gif"

InsertImageUrl="/next/RadControls/Grid/Skins/TEST/Update.gif" UniqueName="EditCommandColumn2"

UpdateImageUrl="/next/RadControls/Grid/Skins/TEST/Update.gif">

</EditColumn>

</EditFormSettings>

<asp:LinkButton ID="InitInsertButton" runat="server" CommandName="InitInsert" >

<img alt="Add Record" src="/next/RadControls/Grid/Skins/TEST/AddRecord.gif" /> Add new record</asp:LinkButton>

</CommandItemTemplate>

<telerik:GridEditCommandColumn ButtonType="ImageButton" HeaderText="Edit">

</telerik:GridEditCommandColumn>

<telerik:GridButtonColumn

CommandName="Delete"

ConfirmText="Are you sure you wish to delete this record?"

Text="Delete"

HeaderText="Delete"

ImageUrl="/next/RadControls/Grid/Skins/Test/Delete.gif"

UniqueName= "DeleteColumn2"

ButtonType="ImageButton"

ShowSortIcon="False"

>

</telerik:GridButtonColumn>

<telerik:GridBoundColumn Visible="false" ReadOnly="true" DataField="TypesID" UniqueName="TypesID">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn Visible="false" ReadOnly="true" DataField="DDID" UniqueName="DDID">

</telerik:GridBoundColumn>

<telerik:GridDropDownColumn

DataField="TypesID"

HeaderText="Types"

UniqueName="TypesID"

DataSourceID="myTypes"

ListValueField="TypesID"

ListTextField="TypeName"

DropDownControlType="DropDownList"

>

</telerik:GridDropDownColumn>

</Columns>

</ExpandCollapseColumn>

</RowIndicatorColumn>

</MasterTableView>

</FilterMenu>

</telerik:RadGrid>

Grid

answered on 20 May 2011

1 answer

48 views

style issue in EditForm

I have a Template EditForm that contains a table with cells that contain an nested table with some text in the top row and a radio button in the bottom row. My problem is that I am unable to get the radio button to center in the nested table. I looked in the rendered html and I think that there are styles that are overriding my settings. Can you recommend how to accomplish centering the radio button?

Thanks,

Anne