Questions on UI for ASP.NET AJAX Forum

9 answers

183 views

Modal pop up does not appear for a control event when kept this control in in RadAjaxManager

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1">
<ajaxsettings>
<telerik:AjaxSetting AjaxControlID="grdInProcess">
   <UpdatedControls>
        <telerik:AjaxUpdatedControl ControlID="grdInProcess" LoadingPanelID="RadAjaxLoadingPanel1"/>
   </UpdatedControls>
</telerik:AjaxSetting>
</ajaxsettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default"/>
.................
<cc1:SJRadGrid ID="grdInProcess" runat="server" gridwidth="100%" Height="100%" OnNeedDataSource="GetPersonnelBudget"
AutoGenerateColumns="false" AllowSorting="true" Skin="Grants" EnableEmbeddedSkins="false" PageSize="10" Width="100%">
<MasterTableView AllowSorting="true" AllowMultiColumnSorting="false" DataKeyNames="EmployeeId"
AllowPaging="true" PageSize="10" Width="100%" BorderWidth="1" >
<Columns>
<cc1:CustomFilteringTemplateColumn HeaderText="Funding Source" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Wrap="false"
HeaderStyle-Width="30%" AllowFiltering="false" UniqueName="FundingSource">
<ItemTemplate>
<asp:LinkButton ID="lblFundingSource" runat="server" Width="100" Text='<%# DataBinder.Eval(Container.DataItem,"FundingSource")%>' Onclick="show()"></asp:Label>
</ItemTemplate>
</cc1:CustomFilteringTemplateColumn>
</Columns>
</MasterTableView>
</cc1:SJRadGrid>
..........
show() :
In show method i am invoking a modal popup to display.
As this grid kept in RadAjaxManager, modal pop up is not displaying. Please help me out to get display of showing the Modal pop up even when kept in RadAjaxManager.

Grid

answered on 24 May 2011

1 answer

91 views

how to set value to radchart properties and draw chart on client with javascript?

hi people!

i would like to set XLabel in radchart to invisible and opposite and change type of chart series, draw chart to 3D, i can handle this issues in the code behind but i wanna make it on client via javascript so that my radchart runs faster, anyone can handle this please help me.

kind regards.

Chart (Obsolete)

answered on 24 May 2011

1 answer

103 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

82 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

84 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

200 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

80 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

63 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

124 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

80 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