Questions on UI for ASP.NET AJAX Forum

0 answers

104 views

Hi,

i want to export dropdown list from grid to Excel. Data is exporting in excel sheet but in place of dropdown list its showing the value of selected dropdownlist value but i need whole dropdownlist.

Please help

Regards,

Faisal

Grid

asked on 08 Aug 2011

1 answer

46 views

Focus Lost

Hi,

i have one problem, i created a page which appear as child window in browser in that page i use RadUpload control and some other controls, i set tabindex property of all controls, when child window appears in browser i start hitting tab button from keyboard, till the focus not reaches at end control, after focus reaches end control i hit tab button again focus gets lose it not appear in browser window or any other place in child window i continue hit tab button focus not come back in child window.

same thing i done without using rad control in our page focus on tab press normally behave it first go through all controls of child window page then go to browser window menu address bar and so on come back to child window

i want focus come back to child window with radupload control how can i do this please help.

thanks in advance

Upload (Obsolete)

answered on 08 Aug 2011

1 answer

81 views

Master pages

Hello all -

I have the following scenario:

A main page using MasterPage.master.
In the main page a tab strip using multipageview. The multipageview content is using subMaster.master.

I would like to call a RadWindow from the control in the multipageview that covers the entire browser window. I can call one in the control page no problem, but it is only modal to the page calling it, not the main page.

Any clues to get me going in the right direction would be much appreciated.

Thanks.

Window

answered on 08 Aug 2011

2 answers

141 views

RadGrid CSS

I am trying to override the default CSS for RadGrid but still it is taking the Original RadGrid_Default style effects.Please let me know where to modify.
Waiting for response.

Grid

answered on 08 Aug 2011

7 answers

213 views

EditForm - how to set column to read-only

Hi,

during the edit of a row within the grid, I would like to set a column to read-only based on the drop-down selection of a previous column.
for example:

column A - drop down selection is Read ----------->set column B to read-only (or grey it out)
column A - drop down selection is Write ----------->set column B to allow input

I'm using the built-in grid editform

I'm using ASP.NET version 4 with the 2011.1 519 (May 19, 2011) radcontrol
programming language is c#
Internet explorer

also...any information on extending the grid built-in editform features, api, coding would be helpful.

thanks,
Minh

Grid

answered on 08 Aug 2011

2 answers

118 views

Loading contentURL Page

I have a main web page that contains a tabstrip with two tabs and two corresponding pageViews. The contents of each pageView has a contentURL value e.g. Tab1.aspx and Tab2.aspx. When the main web page loads the the contents of the Tab1.aspx is displayed. So far, so good. The main page also contains some script which interacts with the contents of Tab2.aspx. When I run this when the main page is first loaded, it fails to find the document in Tab2.apx. I then click on Tab2 and the contents of Tab2.aspx is shown. If I re-run the test then the script works fine.

I suspect that the pageView associated with Tab2 is not created until the tab is clicked. Is there a method of creating the pageView associated with a tab when its containg page is first loaded?

Many thanks for this and all the previous problems I have submitted.

Len Jones

TabStrip

answered on 08 Aug 2011

5 answers

126 views

Simple Grid DataBind

Hello people!

I'm trying to follow your simple databind example from : http://www.telerik.com/help/aspnet-ajax/grid-simple-data-binding.html but i have a problem, when the page loads for the first my grind has data, but when i sort, filter or paging, the data disappears and my grind comes at blank.....I'm passing a IList as Datasource My code is :

namespace iConnect.InvoicesScaling.Views

{

public partial class InvoicesScalingDefault : Microsoft.Practices.CompositeWeb.Web.UI.Page, IInvoicesScale

{

private InvoicesScalePresenter _presenter;

public System.Collections.Generic.IList<Data.SapDocuments> SapDocuments

{

get;

set;

}

protected void Page_Load(object sender, EventArgs e)

{

if (!this.IsPostBack)

{

this._presenter.OnViewInitialized();

LoadData();

RadGrid1.DataBind();

}

this._presenter.OnViewLoaded();

//A cada acesso à pagina verifica quem é o user

//criar instancia da Info para aceder ao metodo que me vai buscar a lista de users ao AD

Info x = new Info("xxx", "xxx", "xxxxx,DC=xx,DC=xx");

//get da lista dos direct report em user,key=manager(xx)

Dictionary<string, string> networkUser = new Dictionary<string, string>();

networkUser = x.GetHierarchyTree("axxva3");

//MessageBox.Show(Page.User.Identity.Name);

////Popular dados na Radlist

//RadGrid1.DataSource = this.SapDocuments;

//RadGrid1.DataBind();

}

[CreateNew]

public InvoicesScalePresenter Presenter

{

set

{

this._presenter = value;

this._presenter.View = this;

}

private void LoadData()

{

////Popular dados na Radlist

RadGrid1.DataSource = this.SapDocuments;

}

protected void RadGrid1_PageIndexChanged(object source, Telerik.Web.UI.GridPageChangedEventArgs e)

{

RadGrid1.CurrentPageIndex = e.NewPageIndex;

LoadData();

RadGrid1.DataBind();

}

protected void RadGrid1_ItemCommand(object sender, Telerik.Web.UI.GridCommandEventArgs e)

{

if (e.CommandName == Telerik.Web.UI.RadGrid.ExportToCsvCommandName)

{

RadGrid1.MasterTableView.Columns.FindByUniqueName("SequencialNumber").Visible = false; // hide column before export

RadGrid1.ExportSettings.IgnorePaging = true;

RadGrid1.DataSource = this.SapDocuments; // please set data source again.

RadGrid1.DataBind();

}

protected void RadGrid1_NeedDataSource(object sender, Telerik.Web.UI.GridNeedDataSourceEventArgs e)

{

LoadData();

}

and my aspx file is:

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

<asp:Content ID="content" ContentPlaceHolderID="DefaultContent" runat="Server">

<script src="../Shared/js/jquery-1.6.2.min.js" type="text/javascript"></script>

<script src="../Shared/js/jquery.tooltip.js" type="text/javascript"></script>

<script type="text/javascript" src="../Silverlight.js"></script>

<style type="text/css">

.RadGrid_Black .rgFilterBox

{

background-color: #454545 !important;

}

</style>

<h1 style="text-align: center;">

Invoices Scale</h1>

<br />

<div>

<telerik:RadGrid ID="RadGrid1" runat="server"

GridLines="None" AllowPaging="True" ViewStateMode= "Enabled"

AllowSorting="True" AutoGenerateColumns="False" Width="97%" enableajax="True"

CssClass="productsGrid" CellSpacing="0" AllowFilteringByColumn="True"

ShowFooter="True" Skin="Black" AllowMultiRowSelection="True"

onitemcommand="RadGrid1_ItemCommand"

onpageindexchanged="RadGrid1_PageIndexChanged" onneeddatasource="RadGrid1_NeedDataSource"

>

<PagerStyle Mode="NextPrevAndNumeric"></PagerStyle>

<ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True">

<Selecting AllowRowSelect="True" />

</ClientSettings>

<MasterTableView GridLines="None" ViewStateMode="Enabled" Width="100%" EnableColumnsViewState="true" CommandItemSettings-ShowExportToCsvButton="True"

CommandItemSettings-ShowAddNewRecordButton="false"

CommandItemDisplay="Top" >

<Columns>

<telerik:GridBoundColumn DataField="SequencialNumber" HeaderText="SequencialNumber"

UniqueName="SequencialNumber" SortExpression="SequencialNumber">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Priority" HeaderText="Priority" UniqueName="Priority"

FilterControlAltText="Filter Priority column" SortExpression="Priority" DataType="System.Int32">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Process" HeaderText="Staging" UniqueName="Process"

SortExpression="Process" FilterControlAltText="Filter Process column">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="SupplierCode" HeaderText="SupplierCode" UniqueName="SupplierCode"

SortExpression="SupplierCode" FilterControlAltText="Filter SupplierCode column">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="MessageStatus" HeaderText="MessageStatus" UniqueName="MessageStatus"

SortExpression="MessageStatus" FilterControlAltText="Filter MessageStatus column">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="DocumentType" HeaderText="DocumentType" UniqueName="DocumentType"

FilterControlAltText="Filter DocumentType column" SortExpression="DocumentType">

</telerik:GridBoundColumn>

<telerik:GridDateTimeColumn UniqueName="InvoiceCreationDate" DataField="InvoiceCreationDate"

HeaderText="InvoiceCreationDate" FilterControlAltText="Filter InvoiceCreationDate column"

SortExpression="InvoiceCreationDate">

<FilterTemplate>

<telerik:RadDatePicker ID="RadDatePicker1" runat="server">

</telerik:RadDatePicker>

</FilterTemplate>

</telerik:GridDateTimeColumn>

<%--<telerik:GridBoundColumn DataField="InvoiceCreationDate" DataType="InvoiceCreationDate"

FilterControlAltText="Filter InvoiceCreationDate column" HeaderText="InvoiceCreationDate"

SortExpression="InvoiceCreationDate" UniqueName="InvoiceCreationDate">

</telerik:GridBoundColumn>--%>

<telerik:GridBoundColumn DataField="SupplierVatNumber" FilterControlAltText="Filter SupplierVatNumber column"

HeaderText="SupplierVatNumber" SortExpression="SupplierVatNumber" UniqueName="SupplierVatNumber">

</telerik:GridBoundColumn>

</Columns>

<%--<EditFormSettings ColumnNumber="2" CaptionFormatString="Edit details for invoice with SequencialNumber {0}"

CaptionDataField="SequencialNumber">

<FormTableItemStyle Wrap="False"></FormTableItemStyle>

<FormCaptionStyle CssClass="EditFormHeader"></FormCaptionStyle>

<FormMainTableStyle CellSpacing="0" CellPadding="3" Width="100%" />

<FormTableStyle GridLines="Horizontal" CellSpacing="0" CellPadding="2" CssClass="module"

Height="110px" Width="100%" />

<FormTableAlternatingItemStyle Wrap="False"></FormTableAlternatingItemStyle>

<FormStyle Width="100%" BackColor="#EEF2EA"></FormStyle>

<EditColumn UpdateText="Update record" UniqueName="EditCommandColumn1" CancelText="Cancel edit">

</EditColumn>

<FormTableButtonRowStyle HorizontalAlign="Right" CssClass="EditFormButtonRow"></FormTableButtonRowStyle>

</EditFormSettings>--%>

<ExpandCollapseColumn Visible="False">

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

</ExpandCollapseColumn>

<RowIndicatorColumn Visible="False">

<HeaderStyle Width="20px" />

</RowIndicatorColumn>

</MasterTableView>

<FilterMenu EnableImageSprites="False">

</FilterMenu>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">

</HeaderContextMenu>

</telerik:RadGrid>

<%-- <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:EscalonamentoFacturasConnectionString %>"

SelectCommand="SELECT [SequencialNumber], [Priority],[Process], [SupplierCode], [MessageStatus], [DocumentType],[InvoiceCreationDate], [SupplierVatNumber] FROM [SapDocuments]

WHERE [Process] IN ('S','SP');"></asp:SqlDataSource>--%>

</div>

<br />

</asp:Content>

General Discussions

answered on 08 Aug 2011

1 answer

309 views

Show / Hide Columns

UPDATE: The answer was the Rebind() method. I only noticed because that's the postback for the CommandItem's Refresh button. I'll work on writing up more clearly my issue with putting the now-working-great checkboxes in a RadMenu.

Original Text:
I'm trying to create a menu to show and hide columns without using HeaderContextMenu. My original idea was to use a Menu with checkboxes, but that work behaved very strangely, and did not actually hide anything. The checkboxes would tend to disappear on postback. I think my issue may have been with the item template class I wrote, but I'm not sure. Also, the dropdown menu width would not widen for long checkbox labels in IE, but would in Chrome...

Anyway, I've written a couple of examples of the functionality I'm looking for here, with just plain checkboxes, and a menu with just regular RadMenuItems. The weird thing is that while these hide the columns just fine, if you change a hidden one to show again, it will not show until the user sorts or does some other operation. This suggest I should call some kind of "refresh" method but I'm not able to find any.

As an aside, I'd be very curious about what the template class would look like for implementing this functionality with a menu of checkboxes. I suspect I may have to somehow databind the columns to the checkboxes? I'm not sure.

Markup:

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"

CodeBehind="Default.aspx.cs" Inherits="GridShowMenuExample._Default" %>

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

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">

</asp:Content>

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

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

</telerik:RadScriptManager>

<asp:Panel ID="Panel1" BackColor="LightSalmon" runat="server">

<asp:Label ID="Label1" Text="Example Checkboxes: " runat="server"></asp:Label>

<asp:CheckBox ID="CheckBox1" Text="Alpha" OnCheckedChanged="onHideShowCheckboxChange"

runat="server" AutoPostBack="true" Checked="true" />

<asp:CheckBox ID="CheckBox2" Text="Beta" OnCheckedChanged="onHideShowCheckboxChange"

runat="server" AutoPostBack="true" Checked="true" />

<asp:CheckBox ID="CheckBox3" Text="Gamma" OnCheckedChanged="onHideShowCheckboxChange"

runat="server" AutoPostBack="true" Checked="true" />

<br />

<telerik:RadMenu ID="HideShowMenuRoot" runat="server" ClickToOpen="true" SkinID="WebBlue">

<Items>

<telerik:RadMenuItem ID="HideShowMenu" runat="server" PostBack="False" Text="Hide/Show Columns">

</telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

<br />

</asp:Panel>

<telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True" AllowSorting="True"

AutoGenerateColumns="False" CellSpacing="0" GridLines="None" OnNeedDataSource="radGrid_onNeedDataSource">

<ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True">

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

</ClientSettings>

<MasterTableView>

<%-- Autogenerated stuff --%>

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

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

</ExpandCollapseColumn>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

</EditColumn>

</EditFormSettings>

<%-- End Autogenerated Stuff --%>

<Columns>

<telerik:GridBoundColumn DataField="Alpha" HeaderText="Alpha" SortExpression="Alpha"

UniqueName="Alpha" FilterControlAltText="Filter Alpha column">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Beta" HeaderText="Beta" SortExpression="Beta"

UniqueName="Beta" FilterControlAltText="Filter Beta column">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Gamma" HeaderText="Gamma" SortExpression="Gamma"

UniqueName="Gamma" FilterControlAltText="Filter Gamma column">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<FilterMenu EnableImageSprites="False">

</FilterMenu>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">

</HeaderContextMenu>

</telerik:RadGrid>

</asp:Content>

Code:

using System;

using System.Collections.Generic;

using System.Web.UI.WebControls;

using Telerik.Web.UI;

namespace GridShowMenuExample {

public partial class _Default : System.Web.UI.Page {

protected override void OnInit(EventArgs args) {

//Menu Generator

foreach (GridColumn col in RadGrid1.Columns) {

var item = new RadMenuItem();

item.Text = col.UniqueName;

HideShowMenu.Items.Add(item);

}

HideShowMenuRoot.ItemClick += new RadMenuEventHandler((clicksrc, clickargs) => {

var menu = clicksrc as RadMenu;

var col = RadGrid1.Columns.FindByUniqueName(menu.SelectedItem.Text);

col.Visible = !col.Visible;

});

}

protected void Page_Load(object sender, EventArgs e) {

}

protected void radGrid_onNeedDataSource(object source, GridNeedDataSourceEventArgs e) {

IList<ExampleClass> data = new List<ExampleClass>();

data.Add(new ExampleClass {Alpha = "Stuff", Beta="Things", Gamma=42});

RadGrid1.DataSource = data;

}

protected void onHideShowCheckboxChange(object source, EventArgs args) {

var box = source as CheckBox;

var col = RadGrid1.Columns.FindByUniqueName(box.Text);

col.Visible = box.Checked;

}

private class ExampleClass {

public string Alpha { get; set; }

public string Beta { get; set; }

public int Gamma { get; set; }

}

Grid

answered on 08 Aug 2011

16 answers

232 views

Difficulty in creating InlineInsertTemplate

Hi,

My objective is to extend the current template and add one more field to the list. I figured out that the default template cannot be modified and it's not available on your website (to copy and modify).

I tried recreating the template and adding the field but the UI representation of what I'm creating is a bit off.

<InlineInsertTemplate>

<div>

<telerik:RadTextBox ID="TitleTextBox" runat="server" Text='<%# Bind("Description") %>'

TextMode="MultiLine" Rows="2" EmptyMessage="Description" MaxLength="240"

Width="100%">

</telerik:RadTextBox>

<telerik:RadTextBox ID="DocketNo" runat="server" Width="100%" EmptyMessage="Docket Number" MaxLength="15" Text='<%# Bind("DocketNo") %>'>

</telerik:RadTextBox>

</div>

<div style="padding-top:10px;">

<asp:Button ID="btnSave" runat="server" CommandName="Insert"

Text="Insert" />

<asp:Button ID="btnCancel" runat="server" CommandName="Cancel"

Text="Cancel" />

<asp:Button ID="btnOptions" runat="server" CommandName="More"

Text="More" />

</div>

</InlineInsertTemplate>

See attached image.

Any ideas?

Thanks
Daryl

Scheduler

answered on 08 Aug 2011

3 answers

85 views

IPostBackEventHandler with UserControl not showing LoadingPanel

I am trying to develop a framework that is extensible through user controls. In order to do this, I need to be able to use a UserControl as the target of an ajax request and I need to be able to pass an argument with it. I have done this through the implementation of IPostBackEventHandler. However when it posts back, depending on the browser, it doesn't refresh the UI(IE) or it never shows the loading panel. the "btnUpdateLabel", button always works and is there as a check. the "btnClientScript" uses JS to do the ajaxrequestwithtarget which does not show the loading panel.

below are the contents of 4 files to replicate this.

aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="UserControlPage.aspx.cs"

Inherits="UserControlPage" %>

<%@ Register src="UserControls/PostBackeEventHandlerTest.ascx" tagname="PostBackeEventHandlerTest" tagprefix="uc2" %>

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

<title></title>

</head>

<body>

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

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

</telerik:RadScriptManager>

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

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="pnlLoading" runat="server" Skin="Default">

</telerik:RadAjaxLoadingPanel>

<uc2:PostBackeEventHandlerTest ID="PostBackeEventHandlerTest1" runat="server" />

</form>

</body>

</html>

aspx.cs

using System;

using System.Web.UI;

using Telerik.Web.UI;

using System.Collections.Generic;

using System.Web.UI.WebControls;

using System.Collections;

public partial class UserControlPage : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

//increase the request queue so we can have multiple requests loading.

RadAjaxManager.GetCurrent(this.Page).RequestQueueSize = 50;

}

ascx

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="PostBackeEventHandlerTest.ascx.cs" Inherits="UserControls_PostBackeEventHandlerTest" %>

<telerik:RadAjaxLoadingPanel ID="pnlLoading" Runat="server"

Skin="Default">

</telerik:RadAjaxLoadingPanel>

<asp:Label ID="lblButtonTarget" runat="server" Text="Updated From Button"></asp:Label>

<br />

<asp:Button ID="btnUpdateLabel" runat="server" Text="Update Time Regular" />

<br />

<asp:Button ID="btnClientScript" runat="server" Text="Update Time ClientScript" />

<br />

<asp:Label ID="lblPostbackevent" runat="server" Text="Updated From PostBack"></asp:Label>

ascx.cs

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

public partial class UserControls_PostBackeEventHandlerTest : System.Web.UI.UserControl,IPostBackEventHandler

{

protected void Page_Load(object sender, EventArgs e)

{

var mgr = Telerik.Web.UI.RadAjaxManager.GetCurrent(this.Page);

mgr.AjaxSettings.AddAjaxSetting(this.btnUpdateLabel, this.lblButtonTarget, this.pnlLoading);

mgr.AjaxSettings.AddAjaxSetting(mgr, this.lblPostbackevent, this.pnlLoading);

this.btnUpdateLabel.Click += new EventHandler(btnUpdateLabel_Click);

this.btnClientScript.OnClientClick = "var mgr = $find('" + mgr.ClientID + "');mgr.ajaxRequestWithTarget('" + this.UniqueID + "', 'I need to pass a param');";

}

void btnUpdateLabel_Click(object sender, EventArgs e)

{

this.lblButtonTarget.Text = DateTime.Now.ToString();

}

public void RaisePostBackEvent(string eventArgument)

{

this.lblPostbackevent.Text = DateTime.Now.ToString();

}

Ajax