Questions on UI for ASP.NET AJAX Forum

2 answers

48 views

I am looking at the example on the Telerik website in several browsers and in IE9 progress bar does not work.
AsyncUpload / Progress Demo

Progress working in:

Chrome
Firefox
Opera
Safari

Should the progress bar work in IE9?

Thanks,
Marty

AsyncUpload

answered on 28 Sep 2012

9 answers

92 views

Related Comboboxes in Advanced Form

Hi,
I have a scheduler with Appointments that have two Resources (Room, User) and two Custom Attributes (Status, Treatment). I have customised the Advanced Form as per your documentation.
My requirement is to relate the Treatment combobox (Custom Attribute) to the User combobox (Resource) such that the User combobox populates depending on the value selected in the Treatment combobox.
Please could you advise me on how I can acheive this (relate a Custom Attribute to a Resource)?
I have successfully managed to implement a Related Combobox example on a separate page for testing purposes so I can see the related combobox working.
My Advanced Form uses the ResourceControl.ascx for the resources on the advanced form.

Many thanks in advance.
Tas.

Scheduler

answered on 28 Sep 2012

1 answer

224 views

Telerik Namespace Could not be Found

Hai,

I have used Telerik Controls in my Project.I have added reference for the dll in my project.Iam getting error
"the type or namespace telerik could not be found in the global namespace".Can anyone pls tell me how to solve this issue.
Thanks in Advance

Grid

answered on 28 Sep 2012

1 answer

92 views

Special requirement for Scheduler Control

1. When display Current Month should shows as well as 6 months before and 6 months after.
2. Date selection should be available only for Day option. It should be hidden for Week, Month or Timeline.

Question, is there any way to achieve these functions?

Scheduler

answered on 28 Sep 2012

6 answers

353 views

How to add a GridTemplateColumn to a DetailTable with auto generated columns?

I've hit a road block trying to figure this out. Here's how my rad grid is setup:

<maui:RadGrid ID="grdBeast" runat="server" OnNeedDataSource="grdBeast_OnNeedDataSource" OnDetailTableDataBind="grdBeast_OnDetailTableDataBind"

OnDataBound="grdBeast_OnDataBound" OnColumnCreated="grdBeast_ColumnCreated" OnPreRender="grdBeast_OnPreRender" OnItemDataBound="grdBeast_ItemDataBound">

<MasterTableView DataKeyNames="Combined1" TableLayout="Auto" AllowPaging="True" PageSize="25" AutoGenerateColumns="True" ShowFooter="True">

<DetailTables>

<maui:GridTableView runat="server" DataKeyNames="Combined2" Name="Combined2" AutoGenerateColumns="True" BorderWidth="0" >

<DetailTables>

<maui:GridTableView runat="server" Name="Combined3" DataKeyNames="Combined3" AutoGenerateColumns="True" BorderWidth="0">

<DetailTables>

<maui:GridTableView runat="server" Name="Combined4" DataKeyNames="Combined4" AutoGenerateColumns="True" BorderWidth="0">

<DetailTables>

<maui:GridTableView runat="server" Name="Combined5" DataKeyNames="Combined5" AutoGenerateColumns="True" BorderWidth="0">

<DetailTables>

<maui:GridTableView runat="server" Name="Combined6" DataKeyNames="Combined5" AutoGenerateColumns="True" BorderWidth="0">

<DetailTables>

<maui:GridTableView runat="server" Name="Combined7" DataKeyNames="Combined5" AutoGenerateColumns="True" BorderWidth="0">

<DetailTables>

<maui:GridTableView runat="server" Name="Combined8" DataKeyNames="Combined5" AutoGenerateColumns="True" BorderWidth="0">

</maui:GridTableView>

</DetailTables>

</maui:GridTableView>

</DetailTables>

</maui:GridTableView>

</DetailTables>

</maui:GridTableView>

</DetailTables>

</maui:GridTableView>

</DetailTables>

</maui:GridTableView>

</DetailTables>

</maui:GridTableView>

</DetailTables>

</MasterTableView>

</maui:RadGrid>

DetailTables are bound with the OnDetailTableDataBind event:

protected void grdBeast_OnDetailTableDataBind(object sender, GridDetailTableDataBindEventArgs e )

{

var keyVal = e.DetailTableView.ParentItem.KeyValues;

var keyPath = new List<string> ();

TraverseUpGridViewParents ( e.DetailTableView, ref keyPath );

keyPath.Insert ( 0, keyval );

if (Cntrl.ViewModel.IsTableATransactionDetailTable(e.DetailTableView.Name))

e.DetailTableView.DataKeyNames = new string[] { "TranType" };

e.DetailTableView.DataSource = Cntrl.ViewModel.GetReportDataSource ( GetCollectionSummaryConfigIndex (), keyPath, e.DetailTableView.Name );

}

For the most part, all of the detail tables including the master table display the same columns. At some point I supply a different datasource that has 3 different columns for what I call a transaction detail table. One of the columns needs to be a GridTemplateColumn containing a link button that has a click event. So far I've tried modifying the OnDetailTableDataBind event to the code shown below.

protected void grdBeast_OnDetailTableDataBind(object sender, GridDetailTableDataBindEventArgs e )

{

var keyval = e.DetailTableView.ParentItem.KeyValues;

var keyPath = new List<string> ();

TraverseUpGridViewParents ( e.DetailTableView, ref keyPath );

keyPath.Insert ( 0, keyval );

if (Cntrl.ViewModel.IsTableATransactionDetailTable(e.DetailTableView.Name))

{

e.DetailTableView.DataKeyNames = new string[] { "TranType" };

var receiptColumn = new GridTemplateColumn();

receiptColumn.HeaderText = "Receipt Column";

receiptColumn.UniqueName = "ReceiptColumn";

receiptColumn.DataField = "ReceiptColumn";

receiptColumn.ItemTemplate = new ReceiptColumnTemplate();

e.DetailTableView.Columns.Add(receiptColumn);

}

e.DetailTableView.DataSource = Cntrl.ViewModel.GetReportDataSource (

GetCollectionSummaryConfigIndex (), keyPath, e.DetailTableView.Name );

}

private class ReceiptColumnTemplate : ITemplate

{

private LinkButton receiptButton;

public void InstantiateIn(System.Web.UI.Control container)

{

receiptButton = new LinkButton ();

container.Controls.Add(receiptButton);

receiptButton.DataBinding += new EventHandler(receiptButton_DataBinding);

receiptButton.ID = "receiptLink";

}

void receiptButton_DataBinding(object sender, EventArgs e)

{

var receiptButton = ( LinkButton ) sender;

var container = ( GridDataItem ) receiptButton.NamingContainer;

receiptButton.Text = ( ( DataRowView ) container.DataItem ) [ "ReceiptNumber" ].ToString ();

}

protected void grdBeast_ItemDataBound(object sender, GridItemEventArgs e)

{

if (e.Item is GridDataItem)

{

if (Cntrl.ViewModel.IsTableATransactionDetailTable(e.Item.OwnerTableView.Name))

{

var item = ( GridDataItem ) e.Item;

var linkButton = (LinkButton)item.FindControl ( "receiptLink" );

if (linkButton != null)

{

linkButton.Click += new EventHandler(linkButton_Click);

}

The changes display the new column correctly but when I click on the link button, the click event is never reached and then the column disappears and the rest are mismatched from their corresponding data. So then I tried not using the ItemDatabound event to assign the link button a click handler and assigned it in the template class. Clicking the link button in that setup also never reached the link button click event.

Anyone know how I can fix this or have a better method for adding a template column to a detail table that has auto generated columns?

Grid

answered on 28 Sep 2012

8 answers

157 views

Regarding RadAsyncUpload control

Hi Team,

I want multiple selection of files and also i want to filter files so i am using RadAsyncUpload instead of RadUpload. But i am using it in radtoolbar itemtemplate like this :

<telerik:RadToolBarButton Value="Upload1">

<telerik:RadAsyncUpload runat="server" ID="rupfFile" AllowedFileExtensions="sqx,sqm,xls,xlsx"

MultipleFileSelection="Automatic" Localization-Select="Upload" Width="280" >

</telerik:RadAsyncUpload>

</ItemTemplate>

</telerik:RadToolBarButton>

But RadAsyncUpload looks different from its other toolbar buttons as attached file. So what i am trying to do is on click of radtoolbarbutton i will call radasynuploadbutton.click(). But it has no such event like radupload.
Do we have any other option to solve my problem ?

General Discussions

answered on 28 Sep 2012

1 answer

86 views

Clearning the grid

Hi,
got such a problem.
Have an updatepanel with autopostback combo.
Selection in the combo is affecting grid datasource.
If the combo item is a first one, that says "Select [blabla]" - data in the grid must be cleared.

When I use DataSource = null assignment, the grid is getting hidden, but when I select some item after this, there is exception
"Failed to load viewstate".

So, how to organize the code properly in my case?

Grid

answered on 28 Sep 2012

7 answers

427 views

GridDropDownColumn selectedIndexChanged event stop firing after applying RequiredFieldValidator

Hi, I hope I can explain my problem clearly.

I have RadGrid with two GridDropDownColumns and some other RadNumericTextBox columns.

One of the GridDropDownColumn is filtered based on the selected value from the other GridDropDownColumn.

I was able to fire SelectedIndexChange event at this point. The event stop firing after I applies RequiredFieldValidator on one of my RadNumericTextBox.

When the grid is in edit mode, everything is fine if I just select the combobox to filter the other one, However, once I try to update and it failed because of RequiredFiedValidator. The combobox' selectIndexChange event can not be fired anymore.

My code are following
ASCX

<Columns>

<telerik:GridDropDownColumn UniqueName="Combo1" DropDownControlType="RadComboBox" DataField="Combo1data" DataSourceID="odcCombo1" ListValueField="Description1" ListTextField="Description1" ColumnEditorID="edtCombo1" HeaderText="Main" HeaderStyle-Width="120px" ItemStyle-Width="120px"></telerik:GridDropDownColumn>

<telerik:GridDropDownColumn UniqueName="Combo2" DropDownControlType="RadComboBox" DataField="Combo2data" DataSourceID="odcCombo2" ListValueField="Description2" ListTextField="Description2" ColumnEditorID="edtCombo2" HeaderText="Depend" HeaderStyle-Width="100px" ItemStyle-Width="100px"></telerik:GridDropDownColumn>

<telerik:GridTemplateColumn UniqueName="NumData1" DataField="Data1" ItemStyle-ForeColor="Black" HeaderText="NumData" ItemStyle-Width="55px" HeaderStyle-Width="55px" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center" >

<ItemTemplate>

<asp:Label runat="server" ID="lblData1" Text='<%# Eval("Data1", "{0:C}") %>'></asp:Label>

</ItemTemplate>

<EditItemTemplate>

<span><telerik:RadNumericTextBox runat="server" ID="tbData1" Width="55px" DbValue='<%# Bind("Data1") %>' MinValue="10000000" MaxValue="99999999" MaxLength="8"><NumberFormat DecimalDigits="0" GroupSeparator="" />

</telerik:RadNumericTextBox><span style="color: Red"><asp:RequiredFieldValidator ID="RequiredFieldValidator1" ControlToValidate="tbData1" ErrorMessage="*" runat="server"></asp:RequiredFieldValidator>

</span>

</EditItemTemplate>

ASCX.CS

protected void grdTimeCard_ItemCreated(object sender, GridItemEventArgs e)

{

//create fire event when it's in edit mode

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

{

GridEditableItem editItem = (GridEditableItem)e.Item;

GridDropDownListColumnEditor editor = (GridDropDownListColumnEditor)editItem.EditManager.GetColumnEditor("Entry");

editor.ComboBoxControl.AutoPostBack = true;

editor.ComboBoxControl.SelectedIndexChanged += new RadComboBoxSelectedIndexChangedEventHandler(list_SelectedIndexChanged);

}

private void list_SelectedIndexChanged(object sender, RadComboBoxSelectedIndexChangedEventArgs e)

{

}

protected void grdTimeCard_ItemDataBound(object sender, GridItemEventArgs e)

{

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

{

string defaultCombo1 = "";

GridDataItem dataItem = e.Item as GridDataItem;

GridEditableItem editItem = (GridEditableItem)e.Item;

//do nothing if it's insert itme

if (e.Item is GridDataInsertItem)

{

}

else

{

// if it's edit mode

defaultCombo1 = ((DataRowView)e.Item.DataItem)["Combo1"].ToString();

try

{

RequiredFieldValidator validator1 = (RequiredFieldValidator)editItem.FindControl("RequiredFieldValidator1");

if (defaultCombo1 == "Regular" )

validator1.Enabled = true;

else

validator1.Enabled = false;

Any suggestions?

Grid

answered on 28 Sep 2012

2 answers

55 views

Tab Strip/Multi Page is killing me... :(

I'm the first to admit I'm not as experienced as many but still, I can't believe it's so hard to get the tab strip / multi page setup working properly. Can anyone give me am "Idiot's Guide" to common mistakes? I have what should be simple enough: 3 tabs, 3 page views. Initially the problem was that when you first loaded the page, although the correct tab was selected, it showed the wrong page view until your first tab change which I assume fired a post back that got everything "sync'd up". I tried various settings for things like index and moved the tab hierarchy around. Now the correct tab and it's correct pageview show when the page is loaded but one tab will not show it's corresponding pageview at all. I've checked everything I can think of... all the page views are registered with their corresponding tabs, the tabs show and seem to select properly but one page view has "vanished".

Arghhhhhhhhhhhhhhhhhh....

TabStrip

answered on 28 Sep 2012

1 answer

115 views

Grid Arrow Navigation

Hello,
We are in need of our grid to allow for navigating up to move up a row and to the textbox above current, down to move down a row and to the textbox below current , right to move to the next textbox in the grid right of current, and left to move to next textbox left of current.
Is this possible with the grid and if so how would i accomplish this?

Here is our grid currently:

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

CssClass="gridview-custom" Skin="Transparent" OnPreRender="rgridChemValues_PreRender"

AllowMultiRowEdit="True" EnableViewState="true"

oncolumncreated="rgridChemValues_ColumnCreated" ShowFooter="True">

<MasterTableView AutoGenerateColumns="true" EditMode="InPlace" CommandItemDisplay="TopAndBottom">

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

</EditColumn>

</EditFormSettings>

<HeaderStyle Width="100px" />

<CommandItemTemplate>

</CommandItemTemplate>