Questions on UI for ASP.NET AJAX Forum

2 answers

145 views

How to access dynamically created UserControls in dynamically created Docks

Hello!

I'm working on a Dock project pretty much based on the My Portal demo. I'm creating different docks containing different UserControls (for example textboxes, radiobuttonlists). The same type of usercontrol docks can be created multiple times, but my problem has to do with accessing the usercontrol docks on a button event in code behind.

Example of how I want it to work
- I create 3 docks all based on a usercontrol containing a simple textbox,
- Put text in the three textboxes (all in different docks)
- Click Save Button
- Get access to the different textboxes in my codebehind file.

The problem right now is that I can't get hold of the values in the dynamically created docks.

Thanks / Fredrik

Dock

answered on 24 May 2011

2 answers

276 views

how to find datakeyvalues while in item command

Hi,

i'm trying to modify the confirmtext value of a gridbuttoncolum. i'm making the change during the first firing of itemcreated event on the page.

on the oninsertcommand, onupdatecommand, etc of the radgrid i've used

string strChannelId = RadGrid1.MasterTableView.DataKeyValues[e.Item.ItemIndex]["ChannelId"].ToString();

to retrieve the datakey value.

i'm not having much luck using it in this event to get the value as datakeyvalues appears to be unavailable. how can i get this value from the itemcreated command?

here's my code in more detail.

protected void RadGrid1_ItemCreated(object source, GridItemEventArgs e)

{

if (e.Item is GridEditFormInsertItem && e.Item.IsInEditMode)

{

this.RadGrid1_ItemCreatedInsert(source, e);

}

else if (e.Item is GridEditFormItem && e.Item.IsInEditMode)

{

this.RadGrid1_ItemCreatedUpdate(source, e);

}

else

{

foreach (GridColumn gridColumn in RadGrid1.MasterTableView.Columns)

{

if (gridColumn.UniqueName == "columnRelease")

{

// retrieve the original values from the database

DataSet dsOriginal = new DataSet();

string strErrorText = string.Empty;

string strChannelId = RadGrid1.MasterTableView.DataKeyValues[e.Item.ItemIndex]["ChannelId"].ToString();

this.GetChannelDetail(out dsOriginal, out strErrorText, strChannelId);

DataTable dtOriginal = dsOriginal.Tables["Channel"];

DataRow drOriginal = dtOriginal.Rows[0];

(gridColumn as GridButtonColumn).ConfirmText = string.Format("Are you sure you want to release channel {0} on FMIS Server {1}?", Convert.ToString(drOriginal.ItemArray[2]), Convert.ToString(drOriginal.ItemArray[1]));

}

Grid

answered on 24 May 2011

9 answers

173 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

86 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

100 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

75 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

78 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

187 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

77 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

57 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