Questions on UI for ASP.NET AJAX Forum

1 answer

331 views

Rebind Databound RadComboBox on RadWindow Close

I have a RadComboBox that displays a list of appropriate addresses to ship to from the user's address book. When choosing which address to ship to they select from this dropdown. However, they want the ability to edit their address book without having to leave the Order Form. I solved this with an additional button that opens in a RadWindow the same page they use to edit their address book from their profile. They can add, change, search for addresses easily from this window. When they close the window however the changes are not reflected in the RadComboBox.

I am using Ajax on the page already and it is a form so if I allow the page to postback it can sometimes lose some of the information that was in the form if the user changed it.

Is there a way that I can rebind the RadComboBox to fetch the latest information similar to how the RadGrid can rebind?

Javascript:

<script type="text/javascript">

function ShowAddressBook(button, args) {

if (!confirm('This action will redirect you to your Address Book. You will lose all unsaved information. Are you sure?')) {

return false;

}

else {

$find("<%=AddressBookWindow.ClientID %>").show();

}

function RefreshAddresses() {

location.reload();

}

</script>

ASPX

<telerik:RadComboBox runat="server" ID="rcbAddress" Width="200px" EnableItemCaching="false" EnableLoadOnDemand="true"

DataSourceID="dsAddressBook" DropDownWidth="250px" HighlightTemplatedItems="true"

EmptyMessage="Select Address" DataTextField="AddressName" DataValueField="AddressID">

<ItemTemplate>

<div class="boxitem">

<div class="addressLabel"><%# DataBinder.Eval(Container.DataItem, "AddressName") %></div>

<div class="boxdetail">

<div class='<%# DataBinder.Eval(Container.DataItem, "AddressTypeClass") %>'> </div>

<div class="addressFormat">

<strong><%# DataBinder.Eval(Container.DataItem, "RecipiantName") %></strong><br />

<%# DataBinder.Eval(Container.DataItem, "Address1") %><br />

<%# DataBinder.Eval(Container.DataItem, "Address2") %><br />

<%# DataBinder.Eval(Container.DataItem, "City") %>, <%# DataBinder.Eval(Container.DataItem, "State") %> <%# DataBinder.Eval(Container.DataItem, "ZIP") %>

<%# DataBinder.Eval(Container.DataItem, "Country") %>

</div>

</ItemTemplate>

</telerik:RadComboBox>

<telerik:RadButton ID="btnShowAddressBook" CausesValidation="false" AutoPostBack="false" runat="server" OnClientClicked="ShowAddressBook" Text="Edit Address Book">

<Icon PrimaryIconCssClass="rbOpen" PrimaryIconLeft="4" PrimaryIconTop="4" />

</telerik:RadButton>

---

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

<Windows>

<telerik:RadWindow ID="AddressBookWindow" Modal="true" VisibleStatusbar="false" OnClientClose="RefreshAddresses" Title="Manage Address Book" NavigateUrl="/SiteControls/AddressBook.aspx" runat="server" AutoSize="true" style="z-index:8000;" />

</Windows>

</telerik:RadWindowManager>

ComboBox

answered on 09 Apr 2013

2 answers

234 views

Retaining selected row on grid after insert/update modal popup

Hello, one of the requirements for my company's product is that when a user has a row selected in the radgrid, but then does an insert or update via add new record command or the edit button in the edit column, that row remains selected when the modal popup closes.

I haven't seen any solutions for this in the forums or by web search. We are utilizing a RadAjaxPanel if that's relevant. Is there a straightforward way to solve this?

Grid

answered on 09 Apr 2013

1 answer

175 views

Add user control in radpanelitem header template

How can I add user control inside the header template of radpanelitem dynamically (from code behind)?
In my parent page, I'm having a RadPanelBar which contains two RadPanelItems. I want to add user control in header template of the second radpanelitem. When I tried to add user control in header template, the panel header height becomes wider and shows the user control in second line of panel. My user controls contains a small image button icon, which opens a radwindow.

PanelBar

answered on 09 Apr 2013

0 answers

105 views

RadGrid Dynamically Move Selected Cell

I am trying to move the selected cell in client side code after calling out to a service. On row click, I am setting the cells background color to indicate to the user which cell is selected. I am then passing that column to a service, which is writing some data to the corresponding field in the database. On success I am performing a rebind on the client side which updates my radgrid with the new data. I am also trying to "highlight" the next cell in the row, but have been unsuccessful in my efforts thus far.

Any ideas?

Grid

asked on 09 Apr 2013

2 answers

191 views

[Solved] Rounded corners for RadDateInput, how ?

dear friends,
I tried blow code but rounded corners does not work. if I use Skin="" parameter it works but this time picker button disappers and "Open the calendar popup" text appears (as expected)
is there a solution ?

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

<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" EnableRoundedCorners="true" />

<div id="jjj">

<telerik:RadTextBox ID="RadTextBox1" runat="server" Skin=""></telerik:RadTextBox>

<telerik:RadDatePicker ID="RadDatePicker2" runat="server" Calendar-CultureInfo="en-US">

</telerik:RadDatePicker>

</div>

thanks.

FormDecorator

answered on 09 Apr 2013

1 answer

128 views

NumericTextBox Behavior counter to documentation on rounding and decimal places

Hi,

I have spent hours trying to get RadNumericTextBox to accept something as simple as 1.25. It rounds, or displays an alert. I have reviewed multiple forum posts and the documentation and something this simple seems to be pretty elusive. here is the markup (this is in a RadGrid ItemTemplate that displays in Edit mode). I have tried multiple combinations of the various parameters shown here with no good result. I am only showing the EditItemTemplate for brevity. Any help appreciated.

<telerik:RadNumericTextBox ID="rtbCMEHours" MaxLength="5" runat="server" Type="Number" MinValue="0.00" MaxValue="100.00" AllowOutOfRangeAutoCorrect="true" ToolTip="Enter the Hours Claimed here." Text='<%#Eval("HoursClaimed") %>' >

</telerik:RadNumericTextBox>

</EditItemTemplate>

Input

answered on 09 Apr 2013

1 answer

157 views

What version of SQL Server are the demos using?

I'm getting the following error when trying to run the Grid demo on my local machine:

The database 'C:\PROGRAM FILES (X86)\TELERIK\RADCONTROLS FOR ASP.NET AJAX Q1 2013\LIVE DEMOS\APP_DATA\TELERIK.MDF' cannot be opened because it is version 655. This server supports version 612 and earlier. A downgrade path is not supported.
Could not open new database 'C:\PROGRAM FILES (X86)\TELERIK\RADCONTROLS FOR ASP.NET AJAX Q1 2013\LIVE DEMOS\APP_DATA\TELERIK.MDF'. CREATE DATABASE is aborted.
An attempt to attach an auto-named database for file C:\Program Files (x86)\Telerik\RadControls for ASP.NET AJAX Q1 2013\Live Demos\App_Data\Telerik.mdf failed. A database with the same name exists, or specified file cannot be opened, or it is located on UNC share.

Grid

answered on 09 Apr 2013

1 answer

300 views

Height of autocomplete

Hello,

I have an AutoComplete defined like:

<telerik:RadAutoCompleteBox ID="ctrlBox"

runat="server"

InputType="Text"

AllowCustomEntry="false"

Filter="Contains"

Delimiter=" "

Width="400px"

DropDownWidth="400px"

OnClientDropDownOpening="openingDropdown"

OnClientDropDownClosed="closedDropdown"

OnClientLoad="loadingAutoComplete"

OnClientRequesting="requesting" >

<WebServiceSettings Path="Service.svc" Method="Search" />

</telerik:RadAutoCompleteBox>

The problem is when a value that exceeds 400px is in the box it expands the box to two lines with the second line being blank.

All the text stays on the first line and gets cutoff (which is fine). Is there a way to specify the box only be one line or give it a height? I just want to get rid of that second blank line. Clicking out of the box or pressing "backspace" does not remove the line.

The only way to get rid of the line is to delete the >400px entry and the box will collapse back to one line.

AutoCompleteBox