Questions on UI for ASP.NET AJAX Forum

2 answers

152 views

I have multiple radgrids in an Asp web form. Things are working quite well until I found a problem.

All grids are reading data from a datasource in the backend. There are two grids are sharing one data field. It means that if the data column changes on one grid it should updates to the other grid as well. In the ASPX file, I define the AJAX manager as follow,

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

<telerik:AjaxSetting AjaxControlID="rgOpenHole">

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

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="rgDrillString">

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

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="rgHarzard">

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

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

In this case, if the grid rgOpenHole changes, it should populate the grid rgHarzard, but it does not work!

I put code to force the update in rgOpenHole_UpdateCommand like this,

rgOpenHole.Rebind()

rgHarzard.Rebind()

The rgOpenHole works as usual but rgHarzard does not update! I step into the code debugger and it does step through rgHarzard.Rebind(). It seems that the rgHarzard does not react at all.

I know if I put rgOpenHole and rgHarzard into one single UpdateControls tag, it update the rgHazard, but it also causes other issue. So I wonder if I can update it through java script and ajax call in the client site?

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

<telerik:AjaxSetting AjaxControlID="rgOpenHole">

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

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

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="rgDrillString">

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

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

Any idea?

Simon Feng

Grid

answered on 06 Oct 2011

1 answer

82 views

Cannot edit new record when tree list empty

Hi,

Scenario: I have no source data. I add a record and my editor pops up. In the Name field I cannot enter a value as it is read only. If there is already data in the Tree List then I can edit the Name field.

For my data configuration see http://www.telerik.com/community/forums/aspnet-ajax/treelist/hide-row-editing-controls.aspx

Thanks

SurfRat.

TreeList

answered on 06 Oct 2011

1 answer

80 views

add rowclick GridTableView

How would you set a row click for the gridTableView in code behind? On a 'normal' grid I would use, RadGrid1.ClientSettings.ClientEvents.OnRowClick = "RowClick", but cant see how this would be done for GridTableView?

Grid

answered on 06 Oct 2011

1 answer

109 views

Get value of template column

hi people
I have a grid which add template cloumn in code behind .my code is here

If Not tblLastItem.Rows(i)("CntrGnlItm_Level") Then

dtbl.Columns.Add(tblLastItem.Rows(i)(

"CntrLstItm_ID_").ToString)

Dim templateColumnName As String = tblLastItem.Rows(i)("CntrLstItm_ID_")

Dim templateColumn As New GridTemplateColumn()

templateColumn.ItemTemplate =

New MyEditTemplate(templateColumnName)

templateColumn.EditItemTemplate =

New MyEditTemplate(templateColumnName)

templateColumn.HeaderText = tblLastItem.Rows(i)(

"CntrGnlItm_ParentTitr").ToString.Trim + "--" + tblLastItem.Rows(i)("CntrLstItm_Titr").ToString.Trim

templateColumn.UniqueName = tblLastItem.Rows(i)(

"CntrLstItm_ID_")

Me.grd.MasterTableView.Columns.Add(templateColumn)

Else

If Not Me.grd2.MasterTableView.Columns.Contains(tblLastItem.Rows(i)("CntrLstItm_ID_").ToString) Then

Me.grd2.MasterTableView.Columns.Add(col)

End If

dtbl2.Columns.Add(tblLastItem.Rows(i)(

"CntrLstItm_ID_").ToString)

End If

so,there is a RadNumericTextBox in MyEditTemplate .User enter value in RadNumericTextBox ,How i get value which user entered?

Grid

answered on 06 Oct 2011

1 answer

73 views

Probleme mit TabStrip

In meiner Anwendung habe ich ein TabStrip mit bis zu fünf Tabs.
Beim ersten Laden der Daten in den Tabs, werden alle Tabs untereinander gezeigt, statt immer nur eins.
Sobald ich auf den Überschriftext der Tabs klicke verschwindet ein Tab nach dem anderen und werden anschliessend richtig angezeigt. Ich hoffe sie können mir bei diesem Problem weiterhelfen.

TabStrip

answered on 06 Oct 2011

3 answers

84 views

RadFilter custom controls problem

I can use the sample code to create a drop down for the possible values of a field (i.e. to the right hand side of the greater than or equal to or whatever)

However, I want to put a combo box in the place of the field selector itself (the left hand side of the greater than / equal to)

I can successfully create the combo box, but then it appears in the wrong place (the right hand side).  See the code that does this below.



So I tried putting it at position 0..  In InitializeEditor, instead of this line: 

container.Controls.Add(_combo);
I had:

container.Controls.AddAt(0);



This puts it in the correct place, but then I cannot work out how to add the functionality that ensures that when the user clicks on 

a particular entry, the text box appears to the right of the greater than/ equal to section?



I think I have to capture the onselected event from the combo box and then create the appropriate textbox control right?

PLEASE HELP!



RadFilterDropDownEditor dropDownFieldEditor = new RadFilterDropDownEditor();

RadFilter1.FieldEditors.Add(dropDownFieldEditor);

DataTable dt = MakeTable();

//create the list of fields to select on

foreach (FilterFieldDTO dtoField in filterOptionList)

{

DataRow row;

row = dt.NewRow();

row["FieldName"] = dtoField.FieldName;

string strFieldName;

if (row["FieldName"].ToString().LastIndexOf(".") > -1)

{

strFieldName = row["FieldName"].ToString().Substring(row["FieldName"].ToString().LastIndexOf(".") + 1);

}

else

{

strFieldName = row["FieldName"].ToString();

}

row["FieldName"] = strFieldName;

row["DataValueField"] = strFieldName;

row["DataTextField"] = strFieldName;

dt.Rows.Add(row);

}

dropDownFieldEditor.DataTextField = "DataTextField";

dropDownFieldEditor.DataValueField = "DataValueField";

dropDownFieldEditor.FieldName = "FieldName";

dropDownFieldEditor.DataSource = dt;

General Discussions

answered on 06 Oct 2011

5 answers

116 views

Tool tip showing event?

Hi,

I've got an image map, basically a map of a country, split into various regions. when i hover over each region a tooltip is displayed showing information about that region. but what i also want to do is change the image src of the imagemap when that tooltip is displayed. (ive got various images of the same country with each region shaded).

How can i achieve this ? i'd like it to be the case whether the user is over the 'area' of the imagemap or the tooltip.

ToolTip

answered on 06 Oct 2011

6 answers

239 views

RadSplitter with RadAjaxLoadingPanel

Hi,

I have a RadSplitter with Left and Right RadPane. Is it possible to show a loading screen on the right panel when user click menu item on the left one? Sample code is shown on below.

Cheers,
Nelson

<form runat="server" id="mainForm" method="post">

<telerik:RadScriptManager ID="ScriptManager1" runat="server" />
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="Panel1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="rpContent" LoadingPanelID="RadAjaxLoadingPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadSplitter ID="rsKB" runat="server" Orientation="Horizontal" Width="100%" Height="100%">
<telerik:RadPane ID="rpMain" runat="server" >
<telerik:RadSplitter ID="rsMain" runat="server" Orientation="Vertical" Width="100%" Height="100%">
<telerik:RadPane ID="rpMenu" runat="server" Width="205px">
<asp:Button ID="Button1" runat="server" Text="Click to see the loading image" OnClick="Button1_Click"
Style="margin-top: 15px; margin-left: 15px" CssClass="qsfButtonBigger" />
</telerik:RadPane>
<telerik:RadSplitBar ID="RadSplitBar2" runat="server" CollapseMode="Forward">
</telerik:RadSplitBar>
<telerik:RadPane ID="rpContent" runat="server" ContentUrl="">
</telerik:RadPane>
</telerik:RadSplitter>
</telerik:RadPane>
</telerik:RadSplitter>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
<asp:Image id="Image1" runat="server" ImageUrl="Images/loading.gif">
</asp:Image>
</telerik:RadAjaxLoadingPanel>

</form>

Splitter

answered on 06 Oct 2011

3 answers

143 views

RadEditor rendering problem with RadAjaxPanel

I've been having problems with radEditors rendering properly when they are hidden inside of a div and radAjaxPanel. In this example the page loads and the user selects a client name and hits the next button. This saves information to the database and then sets a div to visible in which there is a rad editor. As you can see from the images I provided the radEditor get blown out across the whole page and not to the width which I am setting it at. Any help would be appreciated. Thanks

<%@ Page Title="Projects" Language="C#" MasterPageFile="~/MasterPages/Default.master"

AutoEventWireup="true" CodeBehind="Projects_New.aspx.cs" Inherits="TED.Web.Projects.Projects_New" %>

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

<asp:Content ID="Content2" ContentPlaceHolderID="cphBody" runat="server">

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableShadow="true">

<Windows>

<telerik:RadWindow ID="UserListDialog" runat="server" Style="z-index: 100000;" ReloadOnShow="true"

AutoSize="true" ShowContentDuringLoad="false" Modal="false" />

</Windows>

</telerik:RadWindowManager>

<asp:ValidationSummary ID="valSummary" runat="server" ValidationGroup="valSummary"

ShowMessageBox="true" ShowSummary="false" DisplayMode="BulletList" />

<div>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1">

<asp:Table ID="Table1" class="commandbar" runat="server" CellPadding="0" CellSpacing="1"

Width="100%">

<asp:TableRow CssClass="commandbutton">

<asp:TableCell Width="10%" HorizontalAlign="Left">

<asp:LinkButton ID="lnkSave" runat="server" SkinID="LinkButton_Save" CausesValidation="True"

ValidationGroup="valSummary" OnClick="lnkSave_Click"></asp:LinkButton></asp:TableCell>

<asp:TableCell Width="80%" HorizontalAlign="Center">

<asp:Label ID="Label1" runat="server" SkinID="Label_Bold_10pt">Add/Edit Projects</asp:Label>

</asp:TableCell>

<asp:TableCell Width="10%" HorizontalAlign="Right">

<asp:LinkButton ID="LinkButton1" runat="server" SkinID="LinkButton_Cancel" CausesValidation="False"

OnClick="lnkCancel_Click"></asp:LinkButton></asp:TableCell>

</asp:TableRow>

</asp:Table>

<div class="tableAccentFullBlue">

<br />

<div class="divLabel">

<asp:Label ID="lblProjectID" runat="server" SkinID="Label_Bold_8pt" Text="Project ID:"

Width="110px"></asp:Label>

<asp:Label ID="projectID" runat="server" SkinID="Label_Bold_8pt"></asp:Label>

</div>

<div class="divLabel">

<asp:Label ID="lblClientName" runat="server" SkinID="Label_Bold_8pt" Text="Client Name:"

Width="110px"></asp:Label>

<telerik:RadComboBox ID="ddlClientName" runat="server" Skin="Web20" AllowCustomText="false"

MarkFirstMatch="true" Width="300px">

</telerik:RadComboBox>

<asp:RequiredFieldValidator ID="rfvClientName" runat="server" ControlToValidate="ddlClientName"

ValidationGroup="valSummary" ErrorMessage="Client Name Required">*</asp:RequiredFieldValidator>

</div>

<div class="divLabel">

<asp:Button ID="btnNext" runat="server" Text="Next>>" OnClick="btnNext_Click" CausesValidation="true"

ValidationGroup="valSummary" Visible="false" />

</div>

<div id="divDetails" runat="server" visible="false">

<div class="divLabel">

<asp:Label ID="lblProjectType" runat="server" SkinID="Label_Bold_8pt" Text="Project Type:"

Width="110px"></asp:Label>

<telerik:RadComboBox ID="ddlProjectType" runat="server" Skin="Web20" AllowCustomText="false"

MarkFirstMatch="true" Width="200px">

</telerik:RadComboBox>

<asp:RequiredFieldValidator ID="rfvProjectType" runat="server" ControlToValidate="ddlProjectType"

ValidationGroup="valSummary" ErrorMessage="Project Type Required">*</asp:RequiredFieldValidator>

</div>

<div class="divLabel">

<asp:Label ID="lblRM" runat="server" SkinID="Label_Bold_8pt" Text="Project RM:" Width="110px"></asp:Label>

<telerik:RadComboBox ID="ddlRM" runat="server" Skin="Web20" AllowCustomText="false"

MarkFirstMatch="true" Width="200px">

</telerik:RadComboBox>

<asp:RequiredFieldValidator ID="rfvRM" runat="server" ControlToValidate="ddlRM" ValidationGroup="valSummary"

ErrorMessage="Project RM Required">*</asp:RequiredFieldValidator>

</div>

<div class="divLabel">

<asp:Label ID="lblPM" runat="server" SkinID="Label_Bold_8pt" Text="Project PM:" Width="110px"></asp:Label>

<telerik:RadComboBox ID="ddlPM" runat="server" Skin="Web20" AllowCustomText="false"

MarkFirstMatch="true" Width="200px">

</telerik:RadComboBox>

<asp:RequiredFieldValidator ID="rfvPM" runat="server" ControlToValidate="ddlPM" ValidationGroup="valSummary"

ErrorMessage="Project PM Required">*</asp:RequiredFieldValidator>

</div>

<div class="divLabel">

<table>

<tr>

<td>

<asp:Label ID="lblDescription" runat="server" SkinID="Label_Bold_8pt" Text="Project Desc:"

Width="110px"></asp:Label>

</td>

<td>

<telerik:RadEditor ID="txtDesc" runat="server" Width="600" Height="150px" StripFormattingOptions="All"

AllowScripts="false">

<CssFiles>

<telerik:EditorCssFile Value="../App_Themes/Control Themes/EditorContentArea.css" />

</CssFiles>

<Tools>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="AjaxSpellCheck" />

</telerik:EditorToolGroup>

</Tools>

</telerik:RadEditor>

<asp:RequiredFieldValidator ID="rfvDesc" runat="server" ControlToValidate="txtDesc"

ErrorMessage="Project Desc Required" ValidationGroup="valSummary">*</asp:RequiredFieldValidator>

</td>

</tr>

</table>

</div>

</telerik:RadAjaxPanel>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" BackgroundPosition="Top"

EnableSkinTransparency="true" Transparency="25" Skin="Web20" />

</div>

</asp:Content>

protected void btnNext_Click(object sender, EventArgs e)

{

SaveProject();

divDetails.Visible = true;

btnNext.Visible = false;

}

Editor

answered on 06 Oct 2011

1 answer

82 views

get_items()

Hi,
I am trying to find an item within the toolbar so i can hide it. I have seen the forums and tried this line of code

edit.get_toolAdapter().getToolByName("MainToolbar").get_Items()

it says 'Unable to get value of the property 'get_Items': object is null or undefined'

Am i missing a reference ?

Also is there any default ToolsFIle.xml which i could possibly edit?

Cheers
Sherry
SB

Editor

answered on 06 Oct 2011