Questions on UI for ASP.NET AJAX Forum

1 answer

80 views

Intersecting Lines

Is it possible within the Telerik Chart to return the intersection of 2 or more lines?

Chart (Obsolete)

answered on 10 Feb 2012

1 answer

183 views

How to find the control id from multiple RadDock control

Hi,
I am not able to find the each control id from multiple RadDockLayout controls in my page.I have to get all id's of RadDock control which is in different RadDockLayout and i have to get ordinal position of each RadDock information then i need to save in database. I have below the code.
<telerik:RadDockLayout ID="RDLOccurrence" runat="server">
<telerik:RadDockZone ID="RDZOccurrence" runat="server" MinHeight="100" Width="350"
BorderStyle="None">
<telerik:RadDock ID="RDOccurrence" runat="server" Height="200" >
  </telerik:RadDock>
</telerik:RadDockZone>
    <telerik:RadDockZone ID="RDZReserveAndPaymentInformation" runat="server" MinHeight="100" Width="350"
BorderStyle="None">
<telerik:RadDock ID="RDReserveAndPaymentInformation" runat="server" Height="200px" >
    </telerik:RadDock>
</telerik:RadDockZone>
    <telerik:RadDockZone ID="RDZAgentInformation" runat="server" MinHeight="100" Width="350"
BorderStyle="None">
<telerik:RadDock ID="RDAgentInformation" runat="server" Height="200px">

  </telerik:RadDock>
</telerik:RadDockZone>
</telerik:RadDockLayout>

Please do need full help for me to find the each of RadDock id,Ordinal Position in Vb.net code.

Thanks,
Rajesh

UI for ASP.NET AJAX in ASP.NET MVC

answered on 10 Feb 2012

1 answer

82 views

[Solved] Radwindow loads when ever a button click happens

Hi ,
I have a aspx page in which when i click one linkbutton a radwindow appears. Everything is fine when i close the window after that when i click other buttons otherthan the linkbutton for radwindow the radwindow appears.
I do like some help.
Thanks in advance.

Window

answered on 10 Feb 2012

1 answer

53 views

EditMode=WebUserControl, keep on save

when I use a webuser control as row editor in my grid the row editor is closed and grid rebinds on Save.click event.
Is it possible to save the row details (using the web user control) and not close the editor?

Grid

answered on 10 Feb 2012

5 answers

170 views

[Solved] Get Cell text in sub grid and lock out linkbutton

I have a main grid that load with a detailGrid.

The detail grid has a 2 link buttons and some information from the transfer or repair process. Depending on the Id of the person whom is logged in I want to be able to hide one or the other link button. How can I accomplish this. So basically if joe is logged in an he iniated the transfer process the link button for accept should not show in the detailgrid only the cancel linkbutton. I am assuming I would take care of this in the databound event but I do not know how to get into the detail grid rows to lock these link buttons out.

<telerik:RadGrid ID="myIssueGrid" runat="server" Width="95%" BorderWidth="1px" CellPadding="6" GridLines="None" BorderColor="#404040" Skin="Web20">

<MasterTableView AutoGenerateColumns="false" DataKeyNames="intIssuedID" HierarchyDefaultExpanded="false" HierarchyLoadMode="ServerBind"

BorderColor="#404040" Font-Size="12" Font-Names="Veranda,arial,sans-serif" HeaderStyle-HorizontalAlign="Center"

GridLines="Both" BorderWidth="1px" ExpandCollapseColumn-ButtonType="ImageButton" ExpandCollapseColumn-CollapseImageUrl="~/Images/30.png"

ExpandCollapseColumn-ExpandImageUrl="~/Images/29.png"><ItemStyle HorizontalAlign="Center" />

<AlternatingItemStyle BackColor="#B0C4DE" HorizontalAlign="Center" />

<HeaderStyle ForeColor="White" Font-Bold="true" BorderColor="#404040" BorderWidth="1px" />

<DetailTables>

<telerik:GridTableView Name="myReIssueGrid" runat="server" DataKeyNames="intReIssueId" TableLayout="Fixed" BorderWidth="1px" CellPadding="6" Font-Size="10"

AutoGenerateColumns="False" HeaderStyle-HorizontalAlign="Center" BorderColor="#404040" Font-Names="Veranda,arial,sans-serif" GridLines="Both" ExpandCollapseColumn-ButtonType="ImageButton"

ExpandCollapseColumn-CollapseImageUrl="~/Images/30.png" ExpandCollapseColumn-ExpandImageUrl="~/Images/29.png">

<ParentTableRelation>

<telerik:GridRelationFields DetailKeyField="intIssuedID" MasterKeyField="intIssuedID" />

</ParentTableRelation>

<HeaderStyle Font-Bold="true" HorizontalAlign="Center" CssClass="MostInnerHeaderStyle" />

<ItemStyle CssClass="MostInnerItemStyle" HorizontalAlign="Center" />

<AlternatingItemStyle CssClass="MostInnerAlernatingItemStyle" HorizontalAlign="Center" />

<Columns>

<telerik:GridTemplateColumn HeaderText="Accept" ItemStyle-HorizontalAlign="Center">

<ItemTemplate>

<asp:LinkButton ID="lnkAccept" runat="server" CommandArgument='<%# bind("intReIssueId") %>' CommandName="Accept">Accept</asp:LinkButton>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Cancel" ItemStyle-HorizontalAlign="Center">

<ItemTemplate>

<asp:LinkButton ID="lnkCancel" runat="server" CommandArgument='<%# bind("intReIssueId") %>' CommandName="Cancel">Cancel</asp:LinkButton>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="IssueBy" HeaderText="ISSUED FROM" ItemStyle-Font-Size="Smaller" />

<telerik:GridBoundColumn DataField="IssueTo" HeaderText="ISSUED TO" ItemStyle-Font-Size="Smaller" />

<telerik:GridBoundColumn DataField="dtIssue" HeaderText="DT_ISSUED" />

<telerik:GridBoundColumn DataField="strTransaction" HeaderText="STATUS" />

<telerik:GridBoundColumn DataField="dtSign" HeaderText="DT_SIGNED" />

</Columns>

</telerik:GridTableView>

</DetailTables>

<Columns>

<telerik:GridTemplateColumn HeaderText="Transfer" ItemStyle-HorizontalAlign="Center">

<ItemTemplate>

<asp:LinkButton ID="lnkTransfer" runat="server" CommandArgument='<%# bind("intIssuedID") %>' CommandName="Transfer">

<asp:Image ID="imgReturn" runat="server" ImageUrl="~/Images/Transfer.png" BorderStyle="None" /></asp:LinkButton>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn HeaderText="SN" DataField="strSN" />

<telerik:GridBoundColumn HeaderText="STATUS" DataField="strTransaction" />

<telerik:GridBoundColumn HeaderText="ITEM" DataField="Item" />

<telerik:GridBoundColumn HeaderText="DT_ISSUED" DataField="DT_Issued" />

<telerik:GridBoundColumn HeaderText="DT_SIGNED" DataField="Dt_Signed" />

<telerik:GridBoundColumn HeaderText="QTY" DataField="ftQTY" />

</Columns>

</MasterTableView>

</telerik:RadGrid

Grid

answered on 10 Feb 2012

2 answers

246 views

[Solved] RadAsyncUpload error with UpdatePanel Trigger

Hi Telerik,

I'm using RadAsyncUpload with UpdatePanel, when add a PostBackTrigger, RadAsyncUpload working error,
Please review my demo code from url below

http://www.mediafire.com/?2cpxj1dwh3sebia

My example code's in ErrorWithUpdatePanel.aspx file.
When running with RadAjaxManager it's ok ~> ErrorWithUpdatePanel_OK.aspx
Please help. Thanks a lot

AsyncUpload

answered on 10 Feb 2012

8 answers

168 views

[Solved] PopupControlExtender in GridTemplateColumn

Hello,

In one of the gridtemplate columns, i have a textbox with popupcontrolextender in which it will have a bigger textbox, so that the user can type in the comments easily.
My Scenario is, if i click on the textbox, a popup will be opened with big textbox in it. If i type something in, the content will be copied to the original textbox in the template column. I handled it through code behind.
If i click on the textbox in the template column again, then the text i entered is displaying in that popup.But the problem is, if i do a postback on the page, and then if i click on that textbox again,the text is not showing up on the popup even though it is displaying in the original textbox.

My Code:

<telerik:GridTemplateColumn HeaderText="First IncSrc." UniqueName="MemFirstIncomeSource">

<ItemTemplate>

<asp:TextBox ID="txtMemFirstIncSrc" runat="server" ToolTip="First Income Source"

Width="80px">

</asp:TextBox>

<asp:PopupControlExtender ID="FirstIncSrcPopEx" runat="server" TargetControlID="txtMemFirstIncSrc" CacheDynamicResults="true"

PopupControlID="FirstIncSrcPnl" Position="Left" />

<asp:Panel ID="FirstIncSrcPnl" runat="server" CssClass="PopupModalWindow" Style="display: none">

<table>

<tr>

<td>

<telerik:RadTextBox ID="txtFirstIncSrc" runat="server" TextMode="MultiLine" AutoPostBack="true" OnTextChanged="txtFirstIncSrc_TextChanged"

Width="280px" EmptyMessage="Click Here">

</telerik:RadTextBox>

</td>

</tr>

</table>

</asp:Panel>

</ItemTemplate>

</telerik:GridTemplateColumn>

protected void txtFirstIncSrc_TextChanged(object sender, EventArgs e)

{

RadTextBox txtFirstIncSrc = (RadTextBox)sender;

PopupControlExtender PopupControlExtender1 = (PopupControlExtender)txtFirstIncSrc.Parent.FindControl("FirstIncSrcPopEx");

PopupControlExtender1.Commit(txtFirstIncSrc.Text);

}

So, how do i display the template column textbox text in the popup which will be fired when the textbox is clicked.

I don't see any onclick event for the textbox if i want to handle it through code behind or javascript.

I have this grid inside a update panel like this...

<asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional" >

<Triggers>

<asp:AsyncPostBackTrigger ControlID="ButtonAdd" />

<asp:AsyncPostBackTrigger ControlID="btnShow" />

<asp:AsyncPostBackTrigger ControlID="btnHide" />

</Triggers>

<ContentTemplate>

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

Height="250px" AllowAutomaticDeletes ="true"

CellSpacing="0" GridLines="None" ShowFooter="True" Skin="Vista"

Width="1610px" onitemdatabound="RadGrid1_ItemDataBound" >

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">

<WebServiceSettings>

<ODataSettings InitialContainerName="">

</ODataSettings>

</WebServiceSettings>

</HeaderContextMenu>

<MasterTableView AllowAutomaticDeletes="True" DataKeyNames="Number" >

<CommandItemSettings ExportToPdfText="Export to PDF" />

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column" Visible="True">

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column" Visible="True">

</ExpandCollapseColumn>

<Columns>

Please see my other post here, which has the complete code:
http://www.telerik.com/community/forums/aspnet-ajax/grid/problem-in-row-delete-clientside.aspx

Thanks

Grid

answered on 10 Feb 2012

7 answers

173 views

OnSelectedIndexChanged for editin inplace Grid drop down list

I have a nice grid working, and in place add,edit and delete working great.

However I am now trying to get a drop down list to trigger the "OnSelectedIndexChanged" event so I can obtain the cost and sell price of the part and place it in the appropriate fields.

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn"

CancelImageUrl="~/Images/cancel_16x16.png" EditImageUrl="~/Images/edit_16x16.png"

InsertImageUrl="~/Images/update_16x16.png" UpdateImageUrl="~/Images/update_16x16.png"

HeaderStyle-Width="50px">

<ItemStyle CssClass="MyImageButton" />

</telerik:GridEditCommandColumn>

<telerik:GridDropDownColumn DataField="PartId" DataSourceID="qry_Parts" HeaderText="Part"

ListTextField="Description" ListValueField="PartId" UniqueName="EditPartId" ColumnEditorID="GridDropDownColumnEditorParts"

EnableEmptyListItem="False" HeaderStyle-Width="320px">

</telerik:GridDropDownColumn>

Neither the GridBouncColumn or the referering ColumnEditor allow this event.

How can I achive this?

Thanks in advance.

ComboBox

answered on 09 Feb 2012

7 answers

264 views

TabStrip: Delete tabs with javascript

Hi,

I'm using a function that I found in the online demo's for deleting tabs. And it seems to work great but when I deleted some tabs and I then click on an existing tab (just selecting it - not deleting it) all deleted tabs are returned. Am I forgetting something because its seems that the remove function only changes the view and not the tabs and pageviews collections

function deleteTab(tabText)
{
    var tabStrip = $find("<%= rtsTabs.ClientID %>");
    var multiPage = $find("<%= multiPage.ClientID %>");
    var tab = tabStrip.findTabByText(tabText);
    var pageView = tab.get_pageView();

    tabStrip.get_tabs().remove(tab);
    multiPage.get_pageViews().remove(pageView);
}

Thanks

Bert

TabStrip

answered on 09 Feb 2012

1 answer

71 views

"Close Tab" image on dynamically added client side tabs

Hello,

I have the following code for a tab strip and related necessary controls. All my navigational hyperlinks are javascript function calls to the "AddTab" function shown below. The server side code to add the tab and user control is also below.

Given the code and functionality below, how can I add a "Close Tab" icon on each tab to allow the user to close the tab? I have found many examples on this site but none of them are similar to my usage, and when I attempt to merge the logic, it fails. 100% of the tabs are generated dynamically from the client. There aren't any tabs pre-loaded when the site is loaded.

If there's anything I left out or you need information, let me know!

Thanks!
Kevin

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

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

</telerik:RadAjaxLoadingPanel>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadTabStrip1">

<UpdatedControls><telerik:AjaxUpdatedControl ControlID="RadTabStrip1" />

<telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="LoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="RadGrid2" LoadingPanelID="LoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadMultiPage1">

<UpdatedControls><telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="LoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="RadGrid2" LoadingPanelID="LoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

function AddTab(controlToAdd)

{

var tabstrip = $find("<%= RadTabStrip1.ClientID %>");

var tab = new Telerik.Web.UI.RadTab();

tab.set_text(controlToAdd);

tabstrip.trackChanges();

tabstrip.get_tabs().add(tab);

tabstrip.commitChanges();

tab.click();

}

protected void RadMultiPage1_PageViewCreated(object sender, RadMultiPageEventArgs e)

{

string tabID;

tabID = e.PageView.ID.IndexOf('-') < 0 ? e.PageView.ID : e.PageView.ID.Substring(0, e.PageView.ID.IndexOf('-'));

tabID = tabID.Replace("_", " ");

Control userControl = Page.LoadControl(Utilities.CachedData.GetUserControlPath(tabID));

userControl.ID = e.PageView.ID + "_userControl";

e.PageView.Controls.Add(userControl);

}

private void AddPageView(RadTab tab)

{

Random random = new Random();

int randomNumber = random.Next(0, 1000000);

RadPageView pageView = new RadPageView();

pageView.ID = tab.Text.Replace(" ", "_") + "-" + randomNumber.ToString();

RadMultiPage1.PageViews.Add(pageView);

tab.PageViewID = pageView.ID;

}

protected void RadTabStrip1_TabClick(object sender, RadTabStripEventArgs e)

{

AddPageView(e.Tab);

e.Tab.PageView.Selected = true;

}

TabStrip

answered on 09 Feb 2012