Questions on UI for ASP.NET AJAX Forum

1 answer

315 views

Changing server-side the Title of a RadWindow once inside

Dear Telerik Team,

First, I would like to point out that the support job you do all over the year is great, and I think that plenty of developpers are really thankfull but don't say it (enough). Your job is really helpfull for us poor developpers trying to use your controls.

This said, let's process my problem :)

I have something really similar to the following code. I would like to change the title of the RadWindow "FollowUpDialog" from FollowUp.aspx. I would like to do this depeding on a server-side checked condition.

Software.aspx

<%@ Page Language="C#" MasterPageFile="~/Pages/Master/MasterPage.master" AutoEventWireup="true"

CodeFile="Software.aspx.cs" Inherits="Pages_Projects_Software" Title="Software" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

<telerik:RadScriptBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

function ShowFolloUpForm(id) {

window.radopen("FollowUp.aspx?IdProject=" + id, "FollowUpDialog");

return false;

}

</script>

</telerik:RadScriptBlock>

<telerik:RadAjaxManager ID="RessourceManager" runat="server" OnAjaxRequest="RessourceManager_AjaxRequest">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RessourceManager">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGridSoftware" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadGridSoftware">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGridSoftware" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadWindowManager ID="RadWindowManagerSoftware" runat="server" EnableEmbeddedSkins="false">

<Windows>

<telerik:RadWindow ID="EditSoftware" runat="server" Title="" Height="500px" Width="650px"

Left="150px" ReloadOnShow="true" ShowContentDuringLoad="false" Behaviors="None"

Modal="true" VisibleStatusbar="false" />

<telerik:RadWindow ID="FollowUpDialog" runat="server" Title="THIS IS A BAD TITLE"

Height="300px" Width="500px" Left="150px" ReloadOnShow="true" ShowContentDuringLoad="false"

Behaviors="None" Modal="true" VisibleStatusbar="false" />

</Windows>

</telerik:RadWindowManager>

<fieldset>

<legend>Liste des Softwares</legend>

<telerik:RadGrid ID="RadGridSoftware" runat="server" AutoGenerateColumns="False"

DataSourceID="SqlDataSourceSoftware" GridLines="None" ShowFooter="True" AllowSorting="True"

EnableLinqExpressions="False" OnItemCreated="RadGridSoftware_ItemCreated" OnItemCommand="RadGridSoftware_ItemCommand"

EnableEmbeddedSkins="false">

<MasterTableView DataKeyNames="IdSoftware" DataSourceID="SqlDataSourceSoftware"

ShowHeader="true" AutoGenerateColumns="False" AllowPaging="true" NoMasterRecordsText="Pas de Software"

HierarchyLoadMode="ServerOnDemand" CommandItemDisplay="Top" Name="Master">

<CommandItemTemplate>

<a href="#" onclick="return ShowSoftwareInsertForm();">

<img alt="add" src="../../Images/add.gif" />Ajouter un Software</a>

</CommandItemTemplate>

[... NestedViewTemplate with another RadGrid on it but it's not important ...]

<ExpandCollapseColumn Visible="True">

</ExpandCollapseColumn>

<Columns>

<telerik:GridTemplateColumn UniqueName="pTemplateFollowUpColumn">

<ItemStyle Width="20px" />

<ItemTemplate>

<asp:ImageButton ID="btnFollowUp" CssClass="cmdCursor" runat="server" ImageUrl="~/Images/note_accept.gif"

AlternateText='Follow Up / View Follow Up'

Text="Follow Up" />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</fieldset>

<asp:SqlDataSource ID="SqlDataSourceSoftware" runat="server" ConnectionString="..."

SelectCommand="LIST_Software" SelectCommandType="StoredProcedure">

</asp:SqlDataSource>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" EnableEmbeddedSkins="false">

</telerik:RadAjaxLoadingPanel>

</asp:Content>

Software.aspx.cs

using System;

using System.Collections.Generic;

using System.Configuration;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using Telerik.Web.UI;

public partial class Pages_Projects_Software : Page

{

#region Private et Public Properties, Enum et Constantes

/// <summary>

/// Gets or sets the id Project.

/// </summary>

/// <value>The id Project.</value>

protected Int32 IdProject { get; set; }

#endregion

#region Cycle de vie et Evenements

/// <summary>

/// Handles the Load event of the Page control.

/// </summary>

/// <param name="sender">The source of the event.</param>

/// <param name="e">The <see cref="System.EventArgs"/> instance containing the event data.</param>

protected void Page_Load(object sender, EventArgs e)

{

}

/// <summary>

/// Handles the ItemDataBound event of the RadGridProjectNested control.

/// </summary>

/// <param name="sender">The source of the event.</param>

/// <param name="e">The <see cref="Telerik.Web.UI.GridItemEventArgs"/> instance containing the event data.</param>

protected void RadGridProjectNested_ItemDataBound(object sender, GridItemEventArgs e)

{

if (e.Item is GridDataItem)

{

GridDataItem item = (GridDataItem) e.Item;

IdProject = (int)item.OwnerTableView.DataKeyValues[item.ItemIndex]["IdProject"];

ImageButton FollowUp = (ImageButton)item.FindControl("btnFollowUp");

FollowUp.Attributes["onclick"] = String.Format("return ShowFollowUpForm('{0}');", IdProject);

[...]

}

#endregion

}

FollowUp.aspx

<%@ Page Title="" Language="C#" MasterPageFile="~/Pages/Master/MasterPage2.master"

AutoEventWireup="true" CodeFile="FollowUp.aspx.cs" Inherits="Pages_Projects_FollowUp" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

function GetRadWindow() {

var oWindow = null;

if (window.radWindow)

oWindow = window.radWindow;

else if (window.frameElement.radWindow)

oWindow = window.frameElement.radWindow;

return oWindow;

}

function CloseWindow() {

GetRadWindow().Close();

}

</script>

</telerik:RadCodeBlock>

<p>POC</p>

<asp:Button ID="btnClose runat="server" Text="Close the window" OnClientClick="CloseWindow();" />

</asp:Content>

FollowUp.aspx.cs

using System;

using System.Linq;

using System.Web.UI.WebControls;

using Telerik.Web.UI;

/// <summary>

///

/// </summary>

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

{

#region Cycle de vie et Evenements

/// <summary>

/// Déclenche l'événement <see cref="E:System.Web.UI.Control.Init"/> pour initialiser la page.

/// </summary>

/// <param name="e"><see cref="T:System.EventArgs"/> qui contient les données d'événement.</param>

protected override void OnInit(EventArgs e)

{

base.OnInit(e);

// >>> Let's change the RadWindow title. In my exemple, I check if there is a QueryString particular value. If it's true, then I change the RadWindow Title.

// FollowUpDialog.Title = "This is a good title";

}

#endregion

}

Window

answered on 28 Jan 2011

1 answer

105 views

table in LinkButton

Hi all!

I found a strange behavior here in IE (Works fine with Chrome). When putting a table inside a LinkButton, the row selection doesn't work inside the table("inside table"), but clicking outside the table works ("outside table")..

Code in ItemTemplate:

<asp:LinkButton ID="LinkButton3" D="SelectButton" runat="server" CommandName="Select" CausesValidation="False">
    outside table
    <table>
        <tr>
            <td>inside</td>
            <td>table </td>
        </tr>
    </table>
</asp:LinkButton>

Does anybody have a solution or a workaround?

Thanks!
Greetings, Matthias

ListView

answered on 28 Jan 2011

1 answer

120 views

Binding to a textbox within a RadPanelBar on a Radgrid edit form

I have a grid with an edit form that has a radpanelbar implemented. When I go into edit mode, I am trying to set the data in a textbox to its proper value.

Here is the code I am using (found this while searching):

protected void EmpGrid_ItemDataBound(object sender, GridItemEventArgs e)
{
   if (e.Item is GridEditFormItem && e.Item.IsInEditMode)
   {
      GridEditFormItem gditem = e.Item as GridEditFormItem;
      RadPanelBar RadPanelBar1 = gditem.FindControl("RadPanelBar1") as RadPanelBar;
      RadPanelItem panelItem1 = (RadPanelItem)RadPanelBar1.FindItemByText("Forwarding Info");
      TextBox txtForwardCompany = panelItem1.FindControl("txtForwardCompany") as TextBox;
      txtForwardCompany.Text = (gditem.DataItem as DataRowView)["EmpForwardCompany"].ToString();
   }
}

The problem is that (gditem.DataItem as DataRowView) returns null. The gditem.DataItem object is populated, it apparently can't be cast to a DataRowView. Any thoughts on what I'm doing wrong here?

Thanks in advance

Grid

answered on 28 Jan 2011

1 answer

38 views

Detail Grid Popupating

Hi,
I Have a radgrid with master and detail table.
Each table has sqldatasource populating data from stored procedure.
A note with sqlprofiler that when I expand first time 1 row from master table
the stored procedure that populate details grid is called n times that n is number of rows in master table.
After that everything is OK. When I expand one row, stored procedure is called once. The master and details grid has 1 column with Aggregate="Sum".
My question is how can i prevent this first load time madness?

Grid

answered on 28 Jan 2011

3 answers

75 views

RadGrid not working as AJAXified.

I have an AjaManager in a master page and a content web form that has an AjaxManagerProxy,
i set the AjaxManagerProxy to AJAXify the RadGrid, but it still causing postback in every action.

Could something make the AjaxManager not work correctly that i should check?

Thank you.

Grid

answered on 28 Jan 2011

9 answers

156 views

DropDownColumn with defined set of values

How do I define a dropdown column for a RadGrid where I just have a predefined set of values (ideally just in the aspx page).

eg. I have a dataField = "Type" and it only the following possible values
"General" = 0
"Special" = 1
"Other" = 2

So I want a ddl that shows the text of those three options with the value linked to the Type field in my underlying datasource

Grid

answered on 28 Jan 2011

3 answers

97 views

Reading advanced form values

Hi

I'm working with the scheduler and the advanced insert edit form.

I have the need to customize the Sql DataSource INSERT statement attached to my scheduler named RadScheduler1

First up I located the RadScheduler1_AppointmentInsert event.

In there I am able to set the data source InsertCommand like this.

SqlDataSource1.InsertCommand = @"INSERT INTO [Activity] (

etc..

And then execute

SqlDataSource1.Insert();

So far so good.

However, I found that I now need to manually read all of the Advanced Form input boxes to satisfy the insert statement. That is, they are not longer collected for me. A hassle but not a show stopper.

Problem is how to I read the inputs on the advanced form from the code behind?

For example. Using Firebug, I could see that the Start Date text box is named...

RadScheduler1_Form_StartDate_dateInput_text

This object does not exist in the code behind. How do I read it?

General Discussions

answered on 28 Jan 2011

1 answer

59 views

top left position lost after second window

Hi,

I have a repeater list with two links in each row.

I have a radwindow manager.

If I click on one of the links, the rad window pops up as per normal.
Without closing the current popup, if I then click on another link, the new window opens but the position defaults to top left (0,0) and the window loses it offset element.

Please could you advise - I have included the javascript which gets called below. The a href links which call this code are:

<a href="#" onclick=

"openRadWindow('11', 'Mr. Benjamin White', '1', ' ', ' ', ' ', ' ', '1/MzOBjfbqkF-6dOtzU4dnlVCR3DkkRp0XvTyoiwwKljQ','9','19/01/2011,21/01/2011,22/01/2011','crewbook@gcdemos3.co.uk','07983633674','2'); return false;"

>Edit</a>

<a href="#" onclick="openQVWindow('11'); return false;">Mr. Benjamin White</a>

There can be any number of these hrefs, each time one is clicked I wish the contents of the pop up window to be refreshed and the position to stay in the same place.

I have two javascript functions as I need to open the windows in two different sizes.

Thanks.

<script type="text/javascript">

function

openRadWindow(EngID, EngName, EngJobSkillID, ClientInviteSentOn, ClientConfirmationSentOn, EngineerInviteResponseOn, EngineerConfirmationResponseOn, GoogleSessionToken, JobID, BookedDatesString, EngEmailAddress, EngMobile, SubscriptionType) {

var InternalJobRef = $("[id$='_lblJobTitle_Ref']").html();

var JobTitle = $("[id$='_lblJobTitle']").html();

var oWnda = radopen("DialogEditResourceBooking.aspx?engID=" + EngID + "&EngName=" + EngName + "&EngJobSkillID=" + EngJobSkillID + "&ClientInviteSentOn=" + ClientInviteSentOn + "&ClientConfirmationSentOn=" + ClientConfirmationSentOn + "&EngineerInviteResponseOn=" + EngineerInviteResponseOn + "&EngineerConfirmationResponseOn=" + EngineerConfirmationResponseOn + "&GoogleSessionToken=" + GoogleSessionToken + "&JobID=" + JobID + "&BookedDates=" + BookedDatesString + "&JobTitle=" + JobTitle + "&InternalJobRef=" + InternalJobRef + "&EngEmailAddress=" + EngEmailAddress + "&EngMobile=" + EngMobile + "&SubscriptionType=" + SubscriptionType, "RadWindow1");

oWnda.setSize(430, 400);

oWnda.set_offsetElementID($("#<%=refreshResultsGrid.ClientID %>").attr('id'));

}

function openQVWindow(EngID) {

var oWndb = radopen("DialogQuickViewEngineer.aspx?engID=" + EngID, "RadWindow1");

oWndb.setSize(550, 650);

oWndb.set_offsetElementID($("#<%=refreshResultsGrid.ClientID %>").attr('id'));

}

</script>

Window

answered on 28 Jan 2011

1 answer

132 views

Scheduler day view slot width

I am having problem in the day view of calendar - the slot width is very minimaland I cannot get them to be expanded (see attachment). I am new to Telerik stuff, have played with a few settings but no luck. Month and week views are fine. The html for the control is:

<telerik:RadScheduler ID="Scheduler1" runat="server" Culture="en-CA" DataKeyField="Id"
                SelectedView="MonthView" DataEndField="End" DataStartField="Start" DataSubjectField="Subject"
                Width="90%" OnAppointmentDataBound="Scheduler1_AppointmentDataBound"
                OnAppointmentDelete="Scheduler1_AppointmentDelete" BorderStyle="None"
                CssClass="RadCalendar_Windows7" OverflowBehavior="Expand"
                ColumnWidth="200px" AllowEdit="False" OnAppointmentClick="Scheduler1_AppointmentClick"
                OnAppointmentInsert="Scheduler1_AppointmentInsert" AllowInsert="true" AdvancedForm-Enabled="False"
                AdvancedForm-EnableResourceEditing="False" verflowBehavior="Expand" Skin="Windows7"
                ReadOnly="false">
                <AdvancedForm Enabled="False" />
                <DayView EnableExactTimeRendering="True" />
            </telerik:RadScheduler>

Scheduler

answered on 28 Jan 2011

1 answer

537 views

RadGrid not updating on client after update and rebind

Hi,

I've got this page with a couple of RadComboBoxes, an asp TextBox, a RadCalendar, a RadGrid and 2 asp Buttons (Submit and Cancel). The idea is that the user can select categories from the comboboxes, enter a value in the textbox, select a date and press Submit to store the data and it will be shown in the radgrid below (together with older entries, based on the date selected in the calendar).

However, for some reason I can't get the RadGrid to update on the client. The data is stored and everything but it simply won't show. Refreshing the page _does_ update it, but so does pressing a button again (such as edit, submit, or even changing the date on the calendar). What am I doing wrong?
I have the same problem with the Delete button, although the entry does get deleted, it is not reflected on the client.

My ASCX file:

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ucTimesheet.ascx.cs" Inherits="PRIS.Timesheet.ucTimesheet" %>

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

...



<

telerik:RadAjaxManagerProxy ID="ramAjaxManager" runat="server">

<AjaxSettings>

...

<telerik:AjaxSetting AjaxControlID="rdgTimeList">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="rdgTimeList" LoadingPanelID="pnlListLoading" />

</UpdatedControls>

</telerik:AjaxSetting>

...

<telerik:AjaxSetting AjaxControlID="btnSubmit">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="pnlTimeSheet" LoadingPanelID="pnlListLoading" />

<telerik:AjaxUpdatedControl ControlID="pnlForm" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="btnCancel">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="pnlTimeSheet" LoadingPanelID="pnlListLoading" />

<telerik:AjaxUpdatedControl ControlID="pnlForm" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

<asp:Panel runat="server" ID="pnlForm">

...

<asp:Button ID="btnSubmit" runat="server" Text="Boek" CssClass="Button_Pris" TabIndex="6" OnClick="btnSubmit_Click" />

...

<asp:Button ID="btnCancel" runat="server" Text="Cancel" CssClass="Button_Pris" TabIndex="7" OnClick="btnCancel_Click" />

...

</asp:Panel>

<asp:Panel runat="server" ID="pnlTimeSheet">

<telerik:RadGrid ID="rdgTimeList"

runat="server"

AutoGenerateColumns="false"

OnNeedDataSource="rdgTimeList_NeedDataSource"

OnItemDataBound="rdgTimeList_ItemDataBound"

OnItemCreated="rdgTimeList_ItemCreated"

ShowFooter="true">

<MasterTableView>

<Columns>

<telerik:GridTemplateColumn>

<HeaderStyle Width="22px" />

<ItemTemplate>

<asp:ImageButton ID="btnEdit" runat="server" ImageUrl="~/DesktopModules/PRIS.Common/Images/icn_pencil.gif" OnCommand="btnEdit_Click" CommandName="id" CommandArgument='<%# DataBinder.Eval(Container.DataItem, "pkid").ToString()%>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn>

<HeaderStyle Width="22px" />

<ItemTemplate>

<asp:ImageButton ID="btnDelete" runat="server" ImageUrl="~/DesktopModules/PRIS.Common/Images/icn_delete.gif" OnCommand="btnDelete_Click" CommandName="id"

CommandArgument='<%# DataBinder.Eval(Container.DataItem, "pkid").ToString()%>' OnClientClick="if(!confirm('Weet u het zeker?')){return false;}" />

</ItemTemplate>

</telerik:GridTemplateColumn>

...

</Columns>

</MasterTableView>

</telerik:RadGrid>

...

</asp:Panel>

My CS file:

protected void rdgTimeList_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

...

int liEmployeeId = (!String.IsNullOrEmpty(ddlEmployee.SelectedValue)) ? Convert.ToInt32(ddlEmployee.SelectedValue) : -1;

rdgTimeList.DataSource = PRIS.SP.SpCacheUrenVanMedewerker(liEmployeeId, StartDate, EndDate, MaatschappijId).GetDataSet();

...

}

protected void btnSubmit_Click(object sender, EventArgs e)

{

SaveForm();

rdgTimeList.Rebind();

}

protected void btnCancel_Click(object sender, EventArgs e)

{

ClearForm();

}

protected void SaveForm()

{

...

PAtblUur loUur = null;

string lsProject = ddlProject.SelectedValue;

string lsDeliverable = ddlDeliverable.SelectedValue;

string lsActivity = ddlActivity.SelectedValue;

bool saved = false;

if (objCalendar.SelectedDates.Count == 1)

{

loUur = TimeObject;

loUur.CBMaatschappijID = MaatschappijId;

loUur.FKActiviteitID = this.SaveActivity();

loUur.FKPersoonRelatieID = (!String.IsNullOrEmpty(ddlEmployee.SelectedValue)) ? Convert.ToInt16(ddlEmployee.SelectedValue) : -1;

loUur.DatumBezetting = objCalendar.SelectedDates[0].Date;

loUur.UrenBesteed = (!String.IsNullOrEmpty(txtHours.Text)) ? Convert.ToDecimal(txtHours.Text) : 0;

try

{

loUur.Save();

saved = true;

}

catch

{

ErrorManager.Errors = loUur.Errors;

ErrorManager.LoadErrors();

}

else

{

...

}

if (saved)

{

ClearForm(false);

}

...

}

private void ClearForm() { ClearForm(true); }

private void ClearForm(bool pbClearDate)

{

// Clear message label

lblMessage.Text = "";

// Get the current user's id

int liEmployeeId = (!String.IsNullOrEmpty(ddlEmployee.SelectedValue)) ? Convert.ToInt32(ddlEmployee.SelectedValue) : -1;

// Reload Employee combobox

ddlEmployee_UpdateDataBind(liEmployeeId);

// Reload Project combobox

ddlProject_UpdateDataBind(liEmployeeId);

// Clear Deliverable combobox

ddlDeliverable.Text = "";

ddlDeliverable.Items.Clear();

ddlDeliverable.SelectedValue = "";

ddlDeliverable.SelectedIndex = 0;

// Clear Activity combobox

ddlActivity.Text = "";

ddlActivity.Items.Clear();

ddlActivity.SelectedValue = "";

ddlActivity.SelectedIndex = 0;

// Clear Hours textbox

txtHours.Text = "";

hfTimeId.Value = "-1";

// Clear the selected dates

if (pbClearDate)

{

objCalendar.SelectedDates.Clear();

objCalendar.SelectedDate = System.DateTime.Now;

}

// Rebind RadGrid

rdgTimeList.Rebind();

if (ErrorManager.Errors.Count == 0)

{

ErrorManager.HideErrors();

}

Do note that the triple periods (...) in the code mean I omitted some code there for readability.

Any help would be appreciated,

- Dennis

EDIT: In case you're wondering: the dropdownlist UpdateDataBind functions simply set the DataTextField, DataValueField, assign a new DataSet to DataSource and trigger the DataBind function.

Grid

answered on 28 Jan 2011