| <%@ 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 SubProtected 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 SubFirst 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.
I tried the solution suggested and didn't work.
I think my problem is related to Framework 4.0,
Web.config content
--------------------------
<compilation debug="true" targetFramework="4.0">
<assemblies>
<add assembly="Telerik.Web.UI, Version=2008.3.1314.35, Culture=neutral, PublicKeyToken=121FAE78165BA3D4" />
<add assembly="System.Design, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B03F5F7F11D50A3A" />
<add assembly="System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089" />
<add assembly="System.Drawing.Design, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B03F5F7F11D50A3A" />
</assemblies>
</compilation>
<httpHandlers>
<add path="Telerik.Web.UI.DialogHandler.aspx" verb="*" type="Telerik.Web.UI.DialogHandler, Telerik.Web.UI, Culture=neutral, PublicKeyToken=121fae78165ba3d4" validate="false" />
<add path="Telerik.Web.UI.SpellCheckHandler.axd" verb="*" type="Telerik.Web.UI.SpellCheckHandler, Telerik.Web.UI, Version=2008.3.1314.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4" validate="false" />
<add path="Telerik.RadUploadProgressHandler.ashx" verb="*" type="Telerik.Web.UI.RadUploadProgressHandler, Telerik.Web.UI" />
</httpHandlers>
Bold line is highlighted in red when error occurs, I had copied file Telerik.Web.UI.dll to bin.
Thanks in advance.
Steve
Problem 1:
I have found a link on how to adjust the width of declaritive columns through code behind:
http://www.telerik.com/help/aspnet-ajax/grdusingcolumns.html
protected void RadGrid1_PreRender(object sender, System.EventArgs e) { foreach(GridColumn column in RadGrid1.Columns) { if (column.UniqueName == "BirthDate") { (column as GridBoundColumn).ReadOnly = true; (column as GridBoundColumn).DataFormatString = "{0:D}"; break; } } RadGrid1.Rebind(); } Although, when I use rebind() as in the example, the detailtable expand button stops working in my grid. When it is clicked the grid rebinds again and the rows never expand.
How do I get the Expand to work after implementing the above code?
Problem 2: How do I set the width of the columns in the code behind for the Detailtable? Can you please provide a simple example. Is it done in the PreRender event? Will I need to rebind the Detailtable as well?
Thanks so much for your time,
Kellie