Questions on UI for ASP.NET AJAX Forum

1 answer

65 views

Unable to combine two functionalities of RadGrid

We are working with the following two scenarios:

http://demos.telerik.com/aspnet-ajax/grid/examples/dataediting/templateformupdate/defaultcs.aspx
http://demos.telerik.com/aspnet-ajax/toolbar/examples/applicationscenarios/gridcommanditem/defaultcs.aspx

These are RadToolBar as Command Item, and Form Template Edit Form. These do work for us when we try to use them separately, but they will not work together. We went down to original live example source code, and tried to combine the two without any of our own code, just original Telerik demo code, and it still does not work. For some reason when we try to edit grid item from RadToolBar, it will not open webusercontrol.

It is very easy to replicate, try modifying the following file in RadControlsExamples:

C:\Program Files\Telerik\RadControls for ASP.NET AJAX Q3 2010\Live Demos\Grid\Examples\DataEditing\UserControlEditForm\DefaultCS.aspx

As follows:

<telerik:RadGrid ID="RadGrid1" runat="server" GridLines="None" AllowPaging="True" CssClass="RadGrid"

AllowSorting="True" AutoGenerateColumns="False" ShowStatusBar="true" OnPreRender="RadGrid1_PreRender"

OnNeedDataSource="RadGrid1_NeedDataSource" OnUpdateCommand="RadGrid1_UpdateCommand"

OnInsertCommand="RadGrid1_InsertCommand" OnDeleteCommand="RadGrid1_DeleteCommand">

<MasterTableView Width="100%" CommandItemDisplay="Top" DataKeyNames="EmployeeID">

<CommandItemTemplate>

<telerik:RadToolBar ID="RadToolBar1" OnButtonClick="RadToolBar1_ButtonClick" runat="server" OnClientButtonClicking="onToolBarClientButtonClicking">

<Items>

<telerik:RadToolBarButton Text="Edit selected" CommandName="EditSelected" ImageUrl="~/ToolBar/Examples/ApplicationScenarios/GridCommandItem/Images/Edit.gif" Visible='<%# RadGrid1.EditIndexes.Count == 0 %>'></telerik:RadToolBarButton>

<telerik:RadToolBarButton Text="Update" CommandName="UpdateEdited" ImageUrl="~/ToolBar/Examples/ApplicationScenarios/GridCommandItem/Images/Update.gif" Visible='<%# RadGrid1.EditIndexes.Count > 0 %>'></telerik:RadToolBarButton>

<telerik:RadToolBarButton Text="Cancel editing" CommandName="CancelAll" ImageUrl="~/ToolBar/Examples/ApplicationScenarios/GridCommandItem/Images/Cancel.gif" Visible='<%# RadGrid1.EditIndexes.Count > 0 || RadGrid1.MasterTableView.IsItemInserted %>'></telerik:RadToolBarButton>

<telerik:RadToolBarButton Text="Add new" CommandName="InitInsert" ImageUrl="~/ToolBar/Examples/ApplicationScenarios/GridCommandItem/Images/AddRecord.gif" Visible='<%# !RadGrid1.MasterTableView.IsItemInserted %>'></telerik:RadToolBarButton>

<telerik:RadToolBarButton Text="Add this Customer" CommandName="PerformInsert" ImageUrl="~/ToolBar/Examples/ApplicationScenarios/GridCommandItem/Images/Insert.gif" Visible='<%# RadGrid1.MasterTableView.IsItemInserted %>'></telerik:RadToolBarButton>

<telerik:RadToolBarButton Text="Delete selected customers" CommandName="DeleteSelected" ImageUrl="~/ToolBar/Examples/ApplicationScenarios/GridCommandItem/Images/Delete.gif"></telerik:RadToolBarButton>

<telerik:RadToolBarButton Text="Refresh customer list" CommandName="RebindGrid" ImageUrl="~/ToolBar/Examples/ApplicationScenarios/GridCommandItem/Images/Refresh.gif"></telerik:RadToolBarButton>

</Items>

</telerik:RadToolBar>

</CommandItemTemplate>

<Columns>

<telerik:GridEditCommandColumn UniqueName="EditCommandColumn">

</telerik:GridEditCommandColumn>

<telerik:GridBoundColumn UniqueName="TitleOfCourtesy" HeaderText="TOC" DataField="TitleOfCourtesy">

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

</telerik:GridBoundColumn>

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

</telerik:GridBoundColumn>

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

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="HireDate" HeaderText="Hire Date" DataField="HireDate" DataFormatString="{0:d}">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Title" HeaderText="Title" DataField="Title">

</telerik:GridBoundColumn>

<telerik:GridButtonColumn UniqueName="DeleteColumn" Text="Delete" CommandName="Delete" />

</Columns>

<EditFormSettings UserControlName="EmployeeDetailsCS.ascx" EditFormType="WebUserControl">

<EditColumn UniqueName="EditCommandColumn1">

</EditColumn>

</EditFormSettings>

</MasterTableView>

<ClientSettings>

<Selecting AllowRowSelect="True" EnableDragToSelectRows="False" />

<ClientEvents OnRowDblClick="RowDblClick" />

</ClientSettings>

</telerik:RadGrid>

Please advise, thank you.

Grid

answered on 10 Jan 2011

2 answers

42 views

Problem with GridDropDownColumn

Hi, everybody.
Here in my company we have found a trouble with GridDropDownCollum, after we upgraded to Microsoft Dot Net Framework 4.0, this collumns only show the first value of the DataSource for each item of the DataSource, we have the same page running under the Dot Net Framework 2.0 and it works well.
This is the code that is used to populate the GridDropDownCollum:

protected void grd_list_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e)

{

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

{

GridEditableItem editedItem = e.Item as GridEditableItem;

GridEditManager editMan = editedItem.EditManager;

GridDropDownListColumnEditor editor = (GridDropDownListColumnEditor)(editMan.GetColumnEditor("StatusUniqueName"));

//Ativo' WHEN STATUS = 'P' THEN 'Pausado' WHEN STATUS = 'F' THEN 'Finalizado

ArrayList ds = new ArrayList();

ds.Add(new status("A", "Ativar"));

ds.Add(new status("P", "Pausar"));

ds.Add(new status("F", "Finalizar"));

//string val = oMonitor.ExecuteScalarString("select STATUS from MAILING WHERE ID = " + editedItem.OwnerTableView.DataKeyValues[editedItem.ItemIndex]["Id"]);

string s = DataBinder.Eval(editedItem.DataItem, "StatusValue").ToString(); //the field should point to the ListValueField of the dropdown editor

editor.DataSource = ds;

editor.DataTextField = "Status";

editor.DataBind();

editor.SelectedValue = s;

}

This is the aspx code of the collun:

<telerik:GridDropDownColumn UniqueName="StatusUniqueName" ListDataMember="Status" ListTextField = "Status"

ListValueField="StatusValue" DataField="StatusValue" HeaderText="Status">

</telerik:GridDropDownColumn>

This is the class Status that you see in grd_list_ItemDataBound:

public class status

{

private string _value;

private string _text;

public status(string value, string text)

{

_value = value;

_text = text;

}

public string Status

{

get { return _text; }

set { _text = value; }

}

public string StatusValue

{

get { return _value; }

set { _value = value; }

}

};

I have tried the examples describeds in this page: http://www.telerik.com/help/aspnet-ajax/grdcustomizeconfiguregriddropdowncolumn.html,
but I had the same problem.
As I Sad I am using Microsoft Dot Net Framework 4.0 , and Rad Controls Q3 2010.
Is there a easy way to fix this problem?

Grid

answered on 10 Jan 2011

1 answer

95 views

Updating RadGrid when ItemCommand fired on another grid using RadAjaxManager

Ok, I have 2 RadGrids on my page as well as a number of other standard ASP.Net controls.

The first grid shows paged invoice data, displaying breif information for all invoices issued for a customer. This grid has a GridButtonColumn (defined as a LinkButton) on it that fires an event that updates the ASP.Net controls to reflect the standard invoice data (such as invoice and delivery addresses, Net, VAT and total costs, order number etc) for the selected invoice, and SHOULD update the second grid to show the line items for the invoice.

I have the page working so that I can page through the first grid (page size is set to 10 at the moment, but there could be more than 10 invoices) and even when I page through and select an invoice, the standard ASP.Net controls update ok.

However I cannot get the second grid (the one with the invoice line items in it) to update even though it is included in the UpdatedControls section of the RadAjaxManager for the first grid.

These grids aren't in users controls, but are in pages that use a masterpage. Other than that they simply reside in div's

Can anyone offer any suggestions?

Grid

answered on 10 Jan 2011

0 answers

69 views

RadCalendar displays Holidays

Hi,

I am having list of holidays based on the month (in the stored procedure)... i need to display the holidays on the calendar..month wise. like jan1st new year on the date...Could you please let me know ,, how to do this....

Calendar

asked on 10 Jan 2011

3 answers

176 views

AsyncFileUpload Not working properly in Safari browser

Hi,
While using the AsyncFileupload tool in safari browser it giving strange behavior. On client side validation fail 'OnClientValidationFailed', the remove link/button appears. When i am clicking on Remove button/link a file browser windows open and 'OnClientDeleting' client side event is not getting raised. The expected functionality is that the file upload text-box and button should come. I have set MaxFileInputsCount to 1 and MultipleFileSelection to false.If i choose some file in this file browser, now two rows appears. One for validation fail and second one for successfull upload.Here the remove buttons work for both the rows. This thing works fine in IE/Firefox. I am using safari 5.0.3.

Reply soon.

AsyncUpload

answered on 10 Jan 2011

5 answers

641 views

RadWindow size issue

I am implementing the RadWindow to facilitate poping up a window from a context menu on the RadTreeView control. Here is a snippet of the code:

<telerik:RadWindowManager ID="windowManager" runat="server" OnClientClose="Refresh">
    <Windows>
        <telerik:RadWindow runat="server" ID="window" Modal="true"></telerik:RadWindow>
    </Windows>
</telerik:RadWindowManager>

The URL that opens the window consists of a few querystring arguments that have GUIDs. So as a result, the URL is very long and looks like this:

http://rddev06/_layouts/LearningVillage/FolderManagement/MoveFolder.aspx?WebID=ad89d570-0efd-4741-af92-a422ccbca129&ListID=8ca6ea04-343b-4b55-a55a-139e3c2c3787&RootFolderID=d144c25e-aee0-4457-85cf-10b8af6a5216&ItemIDs=53

It seems to me that no matter what size (width) I specify, the RadWindow ignores the size spec. initially. It seems to expand the entire window to show the full URL in the status bar of the RadWindow popup.

I have even tried setting the VisibleStatusbar property on the RadWindow to false, and it doesn't do anything.

Has anyone else experienced the same issue. Again, I'm using the Prometheus controls.

Thanks!

Window

answered on 10 Jan 2011

1 answer

41 views

Not getting New window

hello
I am using my form as User control in that form im having a link button which is used to see the over all view of records. Those records will open in the new window(while using the Controls inside the userControl) then new window not opening. Please help me on this isssue.

Thanks in advance

Window

answered on 10 Jan 2011

1 answer

139 views

Sending information on RowDrop server side event

Hello,

I'm trying to send more information to process on the server side when a RadGrid Row is dropped. The issue is that the default postback event is very limited. You can't for example pass a simple string with a value. Right now the only solution I can think of is cancelling the RowDrop event in the client side and do another postback this time with my data passed in. Does anyone know another way to do it?

Seems very limited that you can have only a destination HTMLElement and a destination DataItem. Would be cool another argument let's say for passing arbitrary data.

Grid

answered on 10 Jan 2011

1 answer

251 views

Cannot change month in calendar

Hi

I've tried to add some custom text dynamically from code behind to the calendardays based on some different code examples. It's working fine on pageload and all events is displayed in the calendar for the current month. But I'm not able to change month and display events from other months. In fact i can only switch month one time ex: from jan -> feb.

I've tried a coupe of different code examples all with the same month-problem. Any idea what I'm doing wrong?

protected override void OnInit(EventArgs e)

{

Hashtable eventHash = GetEventCollection(false);

DateTime rcDate = RadCalendar1.CalendarView.ViewStartDate;

while (rcDate <= RadCalendar1.CalendarView.ViewEndDate)

{

string key = rcDate.ToString("yyyy-MM-dd");

if (eventHash.ContainsKey(key))

{

List<Event> eventList = (List<Event>)eventHash[key];

CalendarDayTemplate template = new CalendarDayTemplate(RadCalendar1, rcDate, eventList.Count);

}

rcDate = rcDate.AddDays(1.0);

}

base.OnInit(e);

}

public class CalendarDayTemplate : ITemplate

{

private Control cellContent = new Control();

public CalendarDayTemplate(RadCalendar myCalendar, DateTime cellDate, int myData)

{

RadCalendarDay newDay = new RadCalendarDay();

PlaceHolder myPlaceHolder = new PlaceHolder();

Page myPage = new Page();

HtmlGenericControl divContainer = new HtmlGenericControl("div");

divContainer.Attributes.Add("class", "CalendarDayContainer");

HtmlGenericControl divDate = new HtmlGenericControl("div");

divDate.Attributes.Add("class", "Date");

divDate.InnerText = cellDate.Day.ToString();

divContainer.Controls.Add(divDate);

HtmlGenericControl divEvent = new HtmlGenericControl("div");

divEvent.Attributes.Add("class", "Event");

if (myData > 0)

divEvent.InnerText = string.Concat(myData, " events");

divContainer.Controls.Add(divEvent);

myPlaceHolder.Controls.Add(divContainer);

this.cellContent = myPlaceHolder;

// Create a DayTemplate with a unique ID

DayTemplate dayTemplate = new DayTemplate();

dayTemplate.ID = cellDate.ToString("MMddyyyy");

dayTemplate.Content = this;

// create a SpecialDay, associate it with the DayTemplate and add to Calendar

newDay.Date = cellDate;

newDay.TemplateID = dayTemplate.ID;

myCalendar.SpecialDays.Add(newDay);

myCalendar.CalendarDayTemplates.Add(dayTemplate);

}

// Once the RadCalendar is instantiated this will be called once for each cell

public void InstantiateIn(Control container)

{

container.Controls.Add(this.cellContent);

}

Calendar

answered on 10 Jan 2011

2 answers

238 views

Change background image & selected background color

Hi all,

In my website, every user has his/her own color and background image for Menu which are already saved in the database.
For example, user A has Image1, and Orange color.
Now I would like to apply Image1 for Menu background and Orange for selected Item on Menu.
I don't want to create a CSS for each user.
What I need is using one CSS for all users and modified the code in the Server side to set the background image and color of selected item for particular user.

Thanks.

Andy.

Menu

answered on 10 Jan 2011