AllowAutomaticLoadOnDemand="true"for the GridDropDownColumn, but it seems these examples simply do a lazy load of the list and don't allow for auto complete type lookup from the user.
OnItemsRequested
option used to query the database with the users typed in value as the search parameter.<telerik:RadNumericTextBox runat="server" ID="txbOCCCplafond" SkinID="txbEntier" NumberFormat-decimalSeparator=',' MinValue="0" />
As you can see the decimal separator is the comma (french format).
I would like to allow the user to press ',' or '.' (as a result the '.' becomes ',')
For example setting NumberFormat-DecimalSeparator= ',.'
Hope you understand my poor english
Could you help me ?
<
telerik:RadFormDecorator
ID
=
"RadFormDecorator1"
runat
=
"server"
DecoratedControls
=
"All"
Skin
=
"Web20"
DecorationZoneID
=
"ContentPlaceholder1"
/>
<
h1
>
Search Attendee Records</
h1
>
<
p
>
Enter a value or a partial value in any of the fields below. Your search will return
all matches or partial matches. For example if you enter "A" for last name, your
search will return all names beginning with "A".</
p
>
<
asp:Panel
ID
=
"Panel1"
runat
=
"server"
GroupingText
=
"Search Data"
Width
=
"450px"
>
<
telerik:RadTextBox
ID
=
"txtRegistrantID"
runat
=
"server"
Label
=
"RegistrantID"
Width
=
"400px"
Wrap
=
"False"
>
</
telerik:RadTextBox
><
br
/>
<
telerik:RadTextBox
ID
=
"txtLastName"
runat
=
"server"
Label
=
"Last Name"
Width
=
"400px"
Wrap
=
"False"
>
</
telerik:RadTextBox
><
br
/>
<
telerik:RadTextBox
ID
=
"txtFirstName"
runat
=
"server"
Label
=
"First Name"
Width
=
"400px"
Wrap
=
"False"
>
</
telerik:RadTextBox
><
br
/>
<
telerik:RadTextBox
ID
=
"txtCompany"
runat
=
"server"
Label
=
"Company"
Width
=
"400px"
Wrap
=
"False"
>
</
telerik:RadTextBox
><
br
/>
<
telerik:RadTextBox
ID
=
"txtCity"
runat
=
"server"
Label
=
"City"
Width
=
"400px"
Wrap
=
"False"
>
</
telerik:RadTextBox
><
br
/>
<
telerik:RadButton
ID
=
"btnSubmit"
runat
=
"server"
Text
=
"Submit"
>
</
telerik:RadButton
>
</
asp:Panel
>
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %> |
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
<html xmlns="http://www.w3.org/1999/xhtml"> |
<head runat="server"> |
<style type="text/css"> |
html, body, form |
{ |
height: 100%; |
padding: 0px; |
margin: 0px; |
} |
</style> |
<title></title> |
</head> |
<body> |
<form id="form1" runat="server"> |
<div> |
<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager> |
<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Height="100%" Width="100%" HorizontalAlign="Center"> |
<telerik:RadSplitter ID="RadSplitter1" runat="server" HeightOffset="50" Height="100%" Width="100%" LiveResize="true" SplitBarsSize="4px" EnableEmbeddedBaseStylesheet="true" ResizeMode="EndPane"> |
<!-- Left web --> |
<telerik:RadPane ID="RadPane_MainLeft" runat="server" Width="225" Scrolling="Both"> |
Navigation goes here |
</telerik:RadPane> |
<telerik:RadSplitBar ID="RadSplitbar1" runat="server" CollapseMode="Forward"></telerik:RadSplitBar> |
<!-- Right web --> |
<telerik:RadPane ID="RadPane_MainRight" runat="server" Scrolling="Y"> |
<asp:Panel runat="server" ID="pnlEdit"> |
<p> |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam nisl lorem, luctus id aliquet ut, luctus ut purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc in diam lorem, quis rutrum risus. Pellentesque scelerisque orci eget eros luctus posuere. Morbi interdum semper diam non porttitor. Donec in orci sed odio eleifend dictum sed vitae leo. Morbi porttitor, ante et commodo aliquet, magna orci convallis mauris, eu pellentesque elit tortor et nulla. Donec non lacus orci. Vestibulum luctus metus a tellus blandit convallis. Donec suscipit, arcu hendrerit tempus blandit, nisl elit sollicitudin diam, a luctus mi sapien vel mi. Curabitur tempus hendrerit eros vulputate vulputate. Maecenas aliquam ultrices eros, id ornare lectus posuere eu. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus vehicula tempor leo eget facilisis. Suspendisse feugiat bibendum massa id semper. Etiam pellentesque eleifend tellus sed interdum. Maecenas pharetra risus ut velit molestie egestas. Sed vitae lacus mattis eros malesuada dignissim eget at diam. Curabitur sollicitudin lectus a felis gravida blandit. Cras quis augue in est facilisis convallis sit amet at dui. |
</p> |
<table width="100%" cellpadding="3" cellspacing="3"><tr><td align="left" valign="top" width="100%"> |
<telerik:RadMenu ID="mnuSel" Runat="server"> |
<Items> |
<telerik:RadMenuItem runat="server" Text="Root RadMenuItem1"> |
<Items> |
<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1"> |
</telerik:RadMenuItem> |
<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2"> |
</telerik:RadMenuItem> |
<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 3"> |
</telerik:RadMenuItem> |
</Items> |
</telerik:RadMenuItem> |
<telerik:RadMenuItem runat="server" Text="Root RadMenuItem2"> |
<Items> |
<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1"> |
</telerik:RadMenuItem> |
<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2"> |
</telerik:RadMenuItem> |
</Items> |
</telerik:RadMenuItem> |
<telerik:RadMenuItem runat="server" Text="Root RadMenuItem3"> |
<Items> |
<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1"> |
</telerik:RadMenuItem> |
<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2"> |
</telerik:RadMenuItem> |
<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 3"> |
</telerik:RadMenuItem> |
</Items> |
</telerik:RadMenuItem> |
<telerik:RadMenuItem runat="server" Text="Root RadMenuItem4"> |
</telerik:RadMenuItem> |
<telerik:RadMenuItem runat="server" Text="Root RadMenuItem5"> |
</telerik:RadMenuItem> |
<telerik:RadMenuItem runat="server" Text="Root RadMenuItem6"> |
</telerik:RadMenuItem> |
<telerik:RadMenuItem runat="server" Text="Root RadMenuItem7"> |
<Items> |
<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1"> |
</telerik:RadMenuItem> |
<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2"> |
<Items> |
<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1"> |
</telerik:RadMenuItem> |
<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2"> |
</telerik:RadMenuItem> |
</Items> |
</telerik:RadMenuItem> |
<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 3"> |
</telerik:RadMenuItem> |
</Items> |
</telerik:RadMenuItem> |
<telerik:RadMenuItem runat="server" Text="Root RadMenuItem8"> |
</telerik:RadMenuItem> |
<telerik:RadMenuItem runat="server" Text="Root RadMenuItem9"> |
<Items> |
<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1"> |
</telerik:RadMenuItem> |
<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2"> |
</telerik:RadMenuItem> |
<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 3"> |
</telerik:RadMenuItem> |
</Items> |
</telerik:RadMenuItem> |
</Items> |
<DefaultGroupSettings RepeatColumns="2" RepeatDirection="Vertical" /> |
</telerik:RadMenu> |
</td></tr> |
<tr> |
<td align="left" valign="top" width="100%"><telerik:RadTreeView ID="treeSel" Runat="server"> |
<Nodes> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode1"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode2"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode3"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode4"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode5"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode6"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode7"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode8"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode9"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode10"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode11"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode12"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode13"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode14"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode15"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode16"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode17"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode18"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode19"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode20"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode21"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode22"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode23"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode24"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode25"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode26"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode27"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode28"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode29"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode30"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode31"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode32"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode33"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode34"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode35"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode36"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode37"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode38"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode39"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode40"> |
</telerik:RadTreeNode> |
<telerik:RadTreeNode runat="server" Text="Root RadTreeNode41"> |
</telerik:RadTreeNode> |
</Nodes> |
</telerik:RadTreeView></td></tr> |
</table> |
</asp:Panel> |
</telerik:RadPane> |
</telerik:RadSplitter> |
<!-- Footer --> |
<div style="height: 50px; text-align: center; background-color: White;"> |
Footer goes here |
</div> |
</telerik:RadAjaxPanel> |
</div> |
</form> |
</body> |
</html> |
html
-------
<td class="td_AEV">
<asp:CheckBox ID="isAdmitted" runat="server" Text="Patient Admitted" Font-Size="8pt"
onclick="EnableAdmitDate();" />
</td>
<td class="td_AEV">
Admit Date:<telerik:RadDatePicker ID="radAdmitDate" runat="server" Font-Size="8pt"
Enabled="false" onblur="CheckForCompletedReqFlds('Chart');">
<Calendar UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False" ViewSelectorText="x"
runat="server">
</Calendar>
<DatePopupButton HoverImageUrl="" ImageUrl="" />
<DateInput ID="DateInput2" DateFormat="M/d/yyyy" DisplayDateFormat="M/d/yyyy" runat="server">
</DateInput>
</telerik:RadDatePicker>
</td>
js
----------
function EnableAdmitDate() {
if (document.getElementById("isAdmitted").checked == "1") {
var datepicker = <%= radAdmitDate.ClientID %>;
datepicker.DateInput.Enable();
datepicker.PopupButton.onclick = function()
{
datepicker.TogglePopup();
return false;
};
}
else {
var datepicker = <%= radAdmitDate.ClientID %>;
datepicker.DateInput.Disable();
datepicker.PopupButton.onclick = null;
}
}
js runtime
---------------
function EnableAdmitDate() {
if (document.getElementById("isAdmitted").checked == "1") {
var datepicker = radAdmitDate;
datepicker.DateInput.Enable();
datepicker.PopupButton.onclick = function()
{
datepicker.TogglePopup();
return false;
};
}
else {
var datepicker = radAdmitDate;
datepicker.DateInput.Disable();
datepicker.PopupButton.onclick = null;
}
}
We use RadComboBox inside RadWindow as the following:
<
telerik:RadWindow
ID
=
"WinFirms"
runat
=
"server"
Title
=
"Select Firm"
Width
=
"500"
Height
=
"200"
Behaviors
=
"Move"
VisibleStatusbar
=
"false"
VisibleOnPageLoad
=
"false"
Modal
=
"true"
EnableShadow
=
"true"
DestroyOnClose
=
"false"
Skin
=
"Sunset"
>
<
ContentTemplate
>
<
div
style
=
"padding:10px;"
>
<
div
style
=
"float:left; width:10px;"
>
Firm:
</
div
>
<
div
>
<
telerik:RadComboBox
runat
=
"server"
ID
=
"ddlFirm"
Width
=
"100%"
MarkFirstMatch
=
"True"
CausesValidation
=
"false"
HighlightTemplatedItems
=
"true"
>
<
HeaderTemplate
>
<
table
style
=
"width:95%"
cellspacing
=
"0"
cellpadding
=
"0"
class
=
"MultiColumnComboBox"
>
<
tr
>
<
td
style
=
"width: 50px"
>DFSA No</
td
>
<
td
style
=
"width: 100px"
>Firm Name</
td
>
<
td
style
=
"width: 50px"
>Capacity</
td
>
</
tr
>
</
table
>
</
HeaderTemplate
>
<
ItemTemplate
>
<
table
style
=
"width:100%"
cellspacing
=
"0"
cellpadding
=
"0"
class
=
"MultiColumnComboBox"
>
<
tr
>
<
td
style
=
"width: 20%; color:Gray;"
><%#DataBinder.Eval(Container.DataItem, "DfsaNo")%> </
td
>
<
td
style
=
"width: 70%"
><%#DataBinder.Eval(Container.DataItem, "DName")%></
td
>
<
td
style
=
"width: 10%; color:Gray;"
><%#DataBinder.Eval(Container.DataItem, "Capacity")%></
td
>
</
tr
>
</
table
>
</
ItemTemplate
>
</
telerik:RadComboBox
>
</
div
>
</
div
>
<
div
style
=
"text-align:center;"
>
<
asp:RequiredFieldValidator
ID
=
"RequiredFieldValidator1"
runat
=
"server"
ErrorMessage
=
"Firm is required"
Display
=
"Dynamic"
ControlToValidate
=
"ddlFirm"
></
asp:RequiredFieldValidator
>
<
asp:Button
runat
=
"server"
id
=
"WinOK"
OnClientClick
=
"SubmitFirmDialog();return false;"
Text
=
"OK"
UseSubmitBehavior
=
"False"
ValidationGroup
=
"SubmitWindow"
CausesValidation
=
"true"
/>
<
asp:Button
runat
=
"server"
id
=
"WinCancel"
OnClientClick
=
"Hide();return false;"
Text
=
"Cancel"
UseSubmitBehavior
=
"False"
/>
</
div
>
</
ContentTemplate
>
</
telerik:RadWindow
>
We Fill DDL as following
Sub
LoadFirmData()
ddlFirm.DataSource = FirmDetails.GetAfAspRaFirmByVal()
ddlFirm.DataBind()
End
Sub
Protected
Sub
ddlFirm_ItemDataBound(
ByVal
sender
As
Object
,
ByVal
e
As
Telerik.Web.UI.RadComboBoxItemEventArgs)
Handles
ddlFirm.ItemDataBound
e.Item.Text = e.Item.DataItem.DName
e.Item.Value = e.Item.DataItem.PersonID &
"%"
& e.Item.DataItem.Capacity
e.Item.Attributes.Add(
"FirmID"
, e.Item.DataItem.PersonID)
e.Item.Attributes.Add(
"Capacity"
, e.Item.DataItem.Capacity)
e.Item.Attributes.Add(
"DfsaNo"
, e.Item.DataItem.DfsaNo)
End
Sub
First page Load the data loads successfully and displayed inside the ComboBox.
When a callback happens the ComboBox loads all data as empty as the following HTML:
<li class="rcbItem rcbTemplate">
<table cellspacing="0" cellpadding="0" class="MultiColumnComboBox" style="width: 100%;">
<tbody><tr>
<td style="width: 20%; color: Gray;"> </td>
<td style="width: 70%;"></td>
<td style="width: 10%; color: Gray;"></td>
</tr>
</tbody></table>
</li>
At the same time when we assess the list items on client side we get the results of (value + attributes) correctly. But its not displayed in the dropdown.