Questions on UI for ASP.NET AJAX Forum

1 answer

109 views

RadConfirm is not closed after postback

function rbReturnToData_Confim(arg) {

var button = document.getElementById("<%= RadBtn1.ClientID %>");

if (arg) {

button.set_commandName('Apply')

button.set_autoPostBack(true);

}

else {

button.set_commandName('Cancel')

button.set_autoPostBack(true);

}

//This method is fired on the ClientClicked event of the Rad Button object. after that server side code is fired

function rbReturnToData_Clicked(button, args) {

debugger;

var pending = document.getElementById("<%= lblChangesPending.ClientID %>");

var lblTitleFilter = document.getElementById("<%= lblTitleFilter.ClientID %>");

var rfGridFilter = document.getElementById("<%= rfGridFilter.ClientID %>");

if (pending != null && pending.innerHTML != "") {

radconfirm("You have pending filter changes. Apply them?", rbReturnToData_Confim);

}

else {

CollapseToolsPane();

}

}



Protected void Click(Object Sender,EventArgs e)

{

//Server side code is fired successfully

}

Problem is that code is fired successfully when OK and cancel button is clicked

on the rad confirm window.

Note-  My page is ajexified , full post back is not done because radajaxmanager, radloadingpanel are on the page.

problem is that after serverside code radconfirm box is not closed.

General Discussions

answered on 24 May 2011

2 answers

86 views

RarGrid sorting while javascript disabled

HI,

I am currently evaluating the Telerik ASP.NET AJAX suite. I am currently trying to test the grid while javascript is disabled, as per the company's accessibility policy. It seems that sorting is not working while javascript is disabled even when I follow this post
http://www.telerik.com/help/aspnet-ajax/grid-accessibility-compliance.html

I still get the hyperlink column headers with the javascript:_doPostback href

Here is what I am doing different from the link above.
The grid is part of ascx user control
The columns are not auto generated
some columns are sortable
We are binding the grid in the code behind using collections

Your help is appreciated.

Private Sub RadGrid1_ColumnCreated(sender As Object, e As GridColumnCreatedEventArgs)



Handles

RadGrid1.ColumnCreated

e.Column.HeaderButtonType = GridHeaderButtonType.PushButton

End Sub

<cc2:AccessibleRadGrid ID="RadGrid1" runat="server" AllowPaging="True" AlternatingItemStyle-CssClass="alt"

CssClass="grid1" AutoGenerateColumns="False"

AllowSorting="True" CellSpacing="0"

GridLines="None" ShowGroupPanel="True" IsJavascriptEnabled="False"

AllowFilteringByColumn="True" Skin="Outlook">

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

<Scrolling AllowScroll="True" UseStaticHeaders="True" ScrollHeight="100px" />

<Scrolling AllowScroll="True" ScrollHeight="100px" UseStaticHeaders="True"></Scrolling>

</ClientSettings>

<AlternatingItemStyle CssClass="alt" />

<MasterTableView DataKeyNames="ID,RDIMSRefNbr">

<CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

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

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

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

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn FilterControlAltText="Type Column" HeaderText="Type" UniqueName="TypeColumn"

DataField="CommType" HeaderStyle-CssClass="alignCenter">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn FilterControlAltText="RDIMS Column" HeaderText="RDIMS" UniqueName="RDIMSColumn"

DataField="RDIMSRefNbr" HeaderStyle-CssClass="alignCenter" ItemStyle-CssClass="alignCenter">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn FilterControlAltText="Title Column" HeaderText="Title" UniqueName="TitleColumn"

DataField="RDIMSTitle" HeaderStyle-CssClass="alignCenter" ItemStyle-CssClass="alignCenter">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn FilterControlAltText="Details Column" HeaderText="Details"

UniqueName="DetailsColumn" AllowFiltering="False">

<ItemStyle CssClass="alignCenter"></ItemStyle>

<HeaderStyle Width="12%" CssClass="alignCenter"></HeaderStyle>

<ItemTemplate>

<asp:Button ID="btnDisplay" runat="server" CommandName="Display" CausesValidation="false">

</asp:Button>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn FilterControlAltText="Document Column" HeaderText="Document"

UniqueName="DocumentColumn" AllowFiltering="False">

<ItemStyle CssClass="alignCenter"></ItemStyle>

<HeaderStyle Width="15%" CssClass="alignCenter"></HeaderStyle>

<ItemTemplate>

<asp:Button CssClass="FakeLinkButton" ID="btnView" runat="server" CommandName="View">

</asp:Button>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn FilterControlAltText="Action Column" HeaderText="Action"

UniqueName="ActionColumn" AllowFiltering="False">

<ItemStyle CssClass="alignCenter"></ItemStyle>

<HeaderStyle Width="12%" CssClass="alignCenter"></HeaderStyle>

<ItemTemplate>

<asp:Button ID="btnDelete" runat="server" CommandName="Delete1" CausesValidation="false">

</asp:Button>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

</EditColumn>

</EditFormSettings>

</MasterTableView>

<PagerStyle Mode="NextPrev" />

<FilterMenu EnableImageSprites="False">

</FilterMenu>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">

</HeaderContextMenu>

</cc2:AccessibleRadGrid

Grid

answered on 24 May 2011

2 answers

94 views

Sort a column which contains date but its data type is string?

Hi,

I have a rad gird which is populated using a data set which inturn reads from an XML file. The grid needs to have 'AutoGenerateColumns' as 'true' since the no: of columns cannot be predicted.

One of the columns is 'TIMESTAMP' which contains the date. How do I make the grid understand that the value in the 'TIMESTAMP' is a datetime and not a string?

Currently, the grid understands the 'TIMESTAMP' as a string and hence the sorting/filtering is in-correct. If its a 'datetime' type then I believe, the sorting will appear correctly.

Thanks,
Saravanan

Grid

answered on 24 May 2011

0 answers

205 views

Transparent Background on Popup

Hi,

When I click on 'Image Manager' or 'Document Manager', a popup window appears. However, my editor shows this popup with transparent background. Please see attached screen shot. Is there an easy way to make the background white?

Never mind. It was my CSS file overriding radEditor's background css. The issue has been resolved.

Editor

asked on 23 May 2011

1 answer

83 views

No post back when we click on the +

Hi team,

I am using the RadTreeList control.
When I try to expand or collapse the tree by clicking on the '+' or '-' of the tree, it dose a post back.
How can I avoid this and have this happen only on the client side.

Also a second question, I want to to be able to select/deselect all the child nodes by clicking any where on a parent node, again by using client side events.

Thanks in advance.

Tejas

TreeList

answered on 23 May 2011

4 answers

69 views

Problem with Telerik.2011

Hello everyone! I faced such problem, i played with Telerik.2011 and my local side all work well, but after i moved test page to server, and go to web adress page loading very very slow, and after i see something like that(in attachment)... and question where is mistake?

here simple test code...

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="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>

<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />

</head>

<body>

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

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

<Scripts>

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

<%--For VS2008 replace RadScriptManager with ScriptManager--%>

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

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

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

</Scripts>

</telerik:RadScriptManager>

<script type="text/javascript">

//Put your JavaScript code here.

</script>

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

</telerik:RadAjaxManager>

<telerik:RadSkinManager ID="RadSkinManager1" Runat="server" Skin="Default">

</telerik:RadSkinManager>

<div>

<telerik:RadDock ID="RadDock1" runat="server" Width="300px">

<ContentTemplate>

TEST

</ContentTemplate>

</telerik:RadDock>

</div>

</form>

</body>

</html>

General Discussions

answered on 23 May 2011

1 answer

133 views

Setting height/width of scheduler using javascript

Hi,

Is there a way to set the height/width of the scheduler using javascript on page load / resize the scheduler when the window is resized?

Thanks

Scheduler

answered on 23 May 2011

2 answers

86 views

Access edit items

I have the following grid:

<telerik:RadGrid ID="RadGrid1" runat="server" AllowSorting="true" Width="100%" GridLines="None"

PageSize="25" AllowPaging="True" AutoGenerateColumns="False" AllowAutomaticDeletes="True"

OnNeedDataSource="RadGrid1_NeedDataSource" OnUpdateCommand="RadGrid1_UpdateCommand"

OnDeleteCommand="RadGrid1_DeleteCommand">

<PagerStyle Mode="NextPrevAndNumeric" />

<MasterTableView Width="100%" CommandItemDisplay="Top"

HorizontalAlign="NotSet" AutoGenerateColumns="False">

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" />

<telerik:GridBoundColumn DataField="Id" UniqueName="Id" SortExpression="Id"

HeaderText="Id" ReadOnly="true" />

<telerik:GridBoundColumn DataField="FirstName" UniqueName="FirstName"

SortExpression="FirstName" HeaderText="First Name" MaxLength="128" />

<telerik:GridBoundColumn DataField="LastName" UniqueName="LastName"

SortExpression="LastName" HeaderText="Last Name" MaxLength="128" />

<telerik:GridBoundColumn DataField="Email" UniqueName="Email"

SortExpression="Email" HeaderText="Email" MaxLength="128" />

<telerik:GridBoundColumn DataField="CreateDate" UniqueName="CreateDate"

SortExpression="CreateDate" HeaderText="Create Date"

DataFormatString="{0:d}" ReadOnly="true" />

<telerik:GridCheckBoxColumn DataField="IsApproved" UniqueName="IsApproved"

SortExpression="IsApproved" HeaderText="Is Approved" />

<telerik:GridCheckBoxColumn DataField="IsComplete" UniqueName="IsComplete"

SortExpression="IsComplete" HeaderText="Is Complete" />

<telerik:GridCheckBoxColumn DataField="IsProcessed" UniqueName="IsProcessed"

SortExpression="IsProcessed" HeaderText="Is Processed" />

<telerik:GridButtonColumn Text="Delete" CommandName="Delete" ConfirmText="Are you sure you want to delete this application?" ItemStyle-CssClass="cursor" ButtonType="ImageButton" />

</Columns>

</MasterTableView>

<ClientSettings>

<Selecting AllowRowSelect="true" />

</ClientSettings>

</telerik:RadGrid>

and I am trying to access the values to perform an update after the user selects update. What gets created in edit mode for the columns above, and how do I access them?

I tried the following, but the items are null:

protected void RadGrid1_UpdateCommand(object source, GridCommandEventArgs e)

{

var item = (GridEditFormItem)e.Item;

var firstName = e.Item.FindControl("TextBox1") as TextBox;

var lastName = e.Item.FindControl("TextBox2") as TextBox;

var email = e.Item.FindControl("TextBox3") as TextBox;

var isApproved = e.Item.FindControl("CheckBox1") as CheckBox;

var IsComplete = e.Item.FindControl("CheckBox2") as CheckBox;

var IsProcessed = e.Item.FindControl("CheckBox3") as CheckBox;

Grid

answered on 23 May 2011

1 answer

79 views

no default value

Now listbox must exist some value,so if we want it is null,we can't reach it. Does someone can tell me how to keep the default value blank? the listbox is link with some data table and data table have no blank value.

ListBox

answered on 23 May 2011

2 answers

89 views

Expand on clicking of node text

As far as I can tell, the default behavior is to require clicking on the expand/contract area, the one with the plus or triangle icon. I think this is called the "node image".

I see in the online documentation for RAD Ajax that the topics will expand even if you click on the node text. (actual behavior, not covered in the Help topic itself)

Is there a property of the control that enables this behavior? The reason I ask is that many users instinctively click on the text, and of course the icons are quite small as a mouse target.

I have played with Ajax code behind expansion on clicking of the node, but this seems like overkill.

And I don't know enough about client-side code to script that behavior.

TreeView

answered on 23 May 2011