Combo with checkbox function not working in ie11 and firefox

12 posts, 0 answers
  1. Ei Wai
    Ei Wai avatar
    56 posts
    Member since:
    Jul 2014

    Posted 15 Jan 2015 Link to this post

    Hello,

    I am useing telerik version 2014.3.1209.40. I use radcombox with checkbox features.

    <telerik:RadComboBox ID="MultiCheckComboLocation" runat="server" CheckBoxes="true" Width="80%" ZIndex="1000000" OnSelectedIndexChanged="MultiCheckComboLocation_SelectedIndexChanged" ShowMoreResultsBox="true" AutoPostBack="true" OnClientBlur="IsCheckAllSelected" EnableVirtualScrolling="true" CheckedItemsTexts="DisplayAllInInput" EnableCheckAllItemsCheckBox="true" EnableEmbeddedSkins="False" EnableEmbeddedScripts="False">
    </telerik:RadComboBox>

    But when I tick the checkbox, the checked item did not appear in combo text field. Also when I click checkall checkbox, nothing happened. It is working fine Google Chrome. But not working on both ie 11 and firefox 34.0.5. 

    And combox not show data when I use itemsrequested event to bind data.

    <telerik:RadComboBox ID="cboEmployee2" EmptyMessage="Select Employee ID or Name" Width="250px" CheckBoxes="true" Skin="Default" EnableLoadOnDemand="True" ShowMoreResultsBox="false"  ForeColor="Black" EnableVirtualScrolling="true" Font-Size="12px" OnClientItemChecked="OnClientItemCheckedEmp2" OnClientDropDownClosed="OnClientSelectedIndexChangedEmp2" AutoPostBack="false"  runat="server" OnItemsRequested="cboEmp2_ItemsRequested" EnableCheckAllItemsCheckBox="true" OnClientLoad="OnClientLoad2" ZIndex="1000000" OnClientBlur="IsCheckAllSelected2" ShowToggleImage="false" EnableEmbeddedSkins="False" EnableEmbeddedScripts="False">
    </telerik:RadComboBox>


    It fired itemsrequested event and I got data and it binds to the control. But after everything finished, the combox only show the word measuring item. I attached the picture for it. 

    Kindly help me on this issues. Thanks in advance.

    Best regards,
    Ei Wai
  2. Ivan Danchev
    Admin
    Ivan Danchev avatar
    829 posts

    Posted 16 Jan 2015 Link to this post

    Hello Ei,

    There are some limitations on using the RadComboBox CheckBox support  with load on demand functionality. Some more information about those limitations you can find in the RadComboBox CheckBox Support help article.

    Regards,
    Ivan Danchev
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Ei Wai
    Ei Wai avatar
    56 posts
    Member since:
    Jul 2014

    Posted 27 Jan 2015 in reply to Ivan Danchev Link to this post

    Hello,

    Noted that it don't support On demand functionality. So,I've tried to bind data on pageload. I don't even use OnClientItemChecked event which is not firing on IE11 and firefox. 

    <telerik:RadComboBox ID="cboReason" EmptyMessage="Reason Code or Name" Height="200px"
    Width="300px" CheckBoxes="true" runat="server" EnableCheckAllItemsCheckBox="true"
    ShowToggleImage="true" ZIndex="1000000" EnableOverlay="False" EnableEmbeddedSkins="False"
     EnableEmbeddedScripts="False">
    </telerik:RadComboBox>

    But it sill not working as expected. After I checked the items and click Button to save it , I cannot get correct CheckItems(). in the button click event. My button and radcombobox will be inside the Radwindow which open after double clicking on the RadGrid.

    <telerik:RadWindow runat="server" ID="RadWindow_ContentTemplate" Behaviors="Default"
                                   KeepInScreenBounds="true" Modal="true" Width="620px" Height="360px" EnableShadow="true"
                                   RegisterWithScriptManager="false" OnClientClose="OnClientclose" EnableEmbeddedSkins="False"
                                   EnableEmbeddedScripts="False">
                                   <ContentTemplate>
                                       <asp:Panel ID="pnlAllowance" runat="server">
                                           <table>
                                               <tr>
                                                   <td>
                                                       <telerik:RadButton ID="btnSave" runat="server" Text="  Save" Font-Size="X-Small"
                                                           Skin="Sitefinity" Width="70px" OnClick="btnSave_Click"                             ValidationGroup="SubmitDetails" EnableEmbeddedSkins="False" EnableEmbeddedScripts="False">
                                                           <Icon PrimaryIconUrl="Images/red-disk-icon.png" PrimaryIconTop="3px" PrimaryIconLeft="5px" />
                                                       </telerik:RadButton>
                                                   </td>
                                                   <td>
                                                       <asp:Label ID="lblMessage" runat="server" Text="" Font-Bold="true" ForeColor="Red"></asp:Label>
                                                   </td>
                                               </tr>
                                           </table>
                                           <hr />
                                           <table>
                                               <tr>
                                                   <td style="padding-left: 5px">
                                                       <asp:Label ID="lblAllowanceCd" runat="server" Text="Allowance Code" Width="100px"></asp:Label>
                                                   </td>
                                                   <td style="padding-left: 5px">
                                                       <asp:TextBox ID="txtAllowanceCd" runat="server"></asp:TextBox>
                                                       <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="*"
                                                           ForeColor="Red" ControlToValidate="txtAllowanceCd" ValidationGroup="SubmitDetails"></asp:RequiredFieldValidator>
                                                   </td>
                                                   <td style="padding-left: 5px">
                                                       <asp:Label ID="lblAllowanceAmt" runat="server" Text="Amount" Width="100px"></asp:Label>
                                                   </td>
                                                   <td style="padding-left: 5px">
                                                       <asp:TextBox ID="txtAllowanceAmt" runat="server"></asp:TextBox>
                                                       <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="*"
                                                           ForeColor="Red" ControlToValidate="txtAllowanceAmt" ValidationGroup="SubmitDetails"></asp:RequiredFieldValidator>
                                                   </td>
                                               </tr>
                                               <tr>
                                                   <td style="padding-left: 5px; padding-top: 10px;">
                                                       <asp:Label ID="lblAllowanceName" runat="server" Text="Allowance Name" Width="100px"></asp:Label>
                                                   </td>
                                                   <td style="padding-left: 5px; padding-top: 10px;">
                                                       <asp:TextBox ID="txtAllowanceName" runat="server"></asp:TextBox>
                                                       <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ErrorMessage="*"
                                                           ForeColor="Red" ControlToValidate="txtAllowanceName" ValidationGroup="SubmitDetails"></asp:RequiredFieldValidator>
                                                   </td>
                                                   <td>
                                                       <asp:CustomValidator ID="CustomValidator1" OnServerValidate="formatValidation" ControlToValidate=""
                                                           Display="None" Text="" ForeColor="Red" ValidationGroup="SubmitDetails" runat="server" />
                                                   </td>
                                               </tr>
                                           </table>
                                           <table>
                                               <tr>
                                                   <td style="padding-left: 5px; padding-top: 10px;">
                                                       <asp:CheckBox ID="chkByTime" runat="server" Text="By Time In" Width="100px" />
                                                   </td>
                                                   <td style="padding-left: 5px; padding-top: 10px;">
                                                       <asp:Label ID="lblFr" runat="server" Text="Between"></asp:Label>
                                                   </td>
                                                   <td style="padding-left: 5px; padding-top: 10px;">
                                                       <asp:TextBox ID="txtFr" runat="server" Width="40px"></asp:TextBox>
                                                   </td>
                                                   <td style="padding-left: 5px; padding-top: 10px;">
                                                       <asp:Label ID="lblTo" runat="server" Text="To"></asp:Label>
                                                   </td>
                                                   <td style="padding-left: 5px; padding-top: 10px;">
                                                       <asp:TextBox ID="txtTo" runat="server" Width="40px"></asp:TextBox>
                                                   </td>
                                               </tr>
                                               <tr>
                                                   <td style="padding-left: 5px; padding-top: 10px;">
                                                       <asp:CheckBox ID="chkByNRM" runat="server" Text="By Work Hours" Width="100px" />
                                                   </td>
                                                   <td style="padding-left: 5px; padding-top: 10px;">
                                                       <telerik:RadComboBox ID="cboByNRMCond" runat="server" ZIndex="1000000" EnableEmbeddedSkins="False"
                                                           EnableEmbeddedScripts="False" Width="50px">
                                                           <Items>
                                                               <telerik:RadComboBoxItem Value="Greater than or equal to" Text=">=" />
                                                                <telerik:RadComboBoxItem Value="Less than or equal to" Text="<=" />
                                                           </Items>
                                                       </telerik:RadComboBox>
                                                   </td>
                                                   <td style="padding-left: 5px; padding-top: 10px;">
                                                       <asp:TextBox ID="txtNRM" runat="server" Width="40px"></asp:TextBox>
                                                       <asp:Label ID="lblNRMHrs" runat="server" Text="Hrs"></asp:Label>
                                                   </td>
                                                   <td style="padding-left: 5px; padding-top: 10px;">
                                                       <asp:CheckBox ID="chkByNRMOT" runat="server" Text="AND" Width="60px" OnCheckedChanged="Check_NRMOTClicked"
                                                           AutoPostBack="True" />
                                                   </td>
                                                   <td style="padding-left: 5px; padding-top: 10px;">
                                                       <asp:CheckBox ID="chkByOT" runat="server" Text="By OT" />
                                                   </td>
                                                   <td style="padding-left: 5px; padding-top: 10px;">
                                                       <telerik:RadComboBox ID="cboByOTCond" runat="server" ZIndex="1000000" EnableEmbeddedSkins="False"
                                                           EnableEmbeddedScripts="False" Width="50px">
                                                           <Items>
                                                               <telerik:RadComboBoxItem Value="Greater than or equal to" Text=">=" />
                                                                <telerik:RadComboBoxItem Value="Less than or equal to" Text="<=" />
                                                           </Items>
                                                       </telerik:RadComboBox>
                                                   </td>
                                                   <td style="padding-left: 5px; padding-top: 10px;">
                                                       <asp:TextBox ID="txtOT" runat="server" Width="40px"></asp:TextBox>
                                                        <asp:Label ID="lblOTHrs" runat="server" Text="Hrs"></asp:Label>
                                                   </td>
                                               </tr>
                                               <tr>
                                                   <td style="padding-left: 5px; padding-top: 10px;">
                                                       <asp:CheckBox ID="chkByActWkHr" runat="server" Text="By Act Hours" Width="100px" />
                                                   </td>
                                                   <td style="padding-left: 5px; padding-top: 10px;">
                                                       <telerik:RadComboBox ID="cboByActWkHrCond" runat="server" ZIndex="1000000" EnableEmbeddedSkins="False"
                                                           EnableEmbeddedScripts="False" Width="50px">
                                                           <Items>
                                                                  <telerik:RadComboBoxItem Value="Greater than or equal to" Text=">=" />
                                                                  <telerik:RadComboBoxItem Value="Less than or equal to" Text="<=" />
                                                           </Items>
                                                       </telerik:RadComboBox>
                                                   </td>
                                                   <td style="padding-left: 5px; padding-top: 10px;">
                                                       <asp:TextBox ID="txtActHr" runat="server" Width="40px"></asp:TextBox>
                                                       <asp:Label ID="lblActHrHrs" runat="server" Text="Hrs"></asp:Label>
                                                   </td>
                                               </tr>
                                               <tr>
                                                   <td style="padding-left: 5px; padding-top: 10px;">
                                                       <asp:CheckBox ID="chkByReason" runat="server" Text="By Reason" Width="100px" />
                                                   </td>
                                                   <%--<td colspan="3" style="padding-left: 5px;padding-top:10px; ">
                                               <asp:TextBox ID="txtReason" runat="server" Width="200px"  TextMode="MultiLine" Height="200px"></asp:TextBox>
                                               </td>--%>
                                                   <td colspan="5" style="padding-left: 5px; padding-top: 10px;">
                                                       <%--<telerik:RadComboBox ID="cboReason" EmptyMessage="Reason Code or Name" Height="200px"
                                                           Width="300px" CheckBoxes="true" OnClientItemChecked="OnClientItemCheckedReason"
                                                           AutoPostBack="false" runat="server" EnableCheckAllItemsCheckBox="true" OnClientBlur="IsCheckAllSelectedReason"
                                                           ShowToggleImage="true" ZIndex="1000000" EnableOverlay="False" EnableEmbeddedSkins="False"
                                                           EnableEmbeddedScripts="False">
                                                       </telerik:RadComboBox>--%>
                                                       <telerik:RadComboBox ID="cboReason" EmptyMessage="Reason Code or Name" Height="200px"
                                                           Width="300px" CheckBoxes="true" runat="server" EnableCheckAllItemsCheckBox="true"
                                                           ShowToggleImage="true" ZIndex="1000000" EnableOverlay="False" EnableEmbeddedSkins="False"
                                                           EnableEmbeddedScripts="False">
                                                       </telerik:RadComboBox>
                                                   </td>
                                                   <td style="padding-left: 5px; padding-top: 10px;">
                                                       <asp:CheckBox ID="chkNoPayReason" runat="server" Text="No Pay" />
                                                   </td>
                                                   <td>
                                                       <telerik:RadTextBox ID="radtxtReason" runat="server" TextMode="MultiLine" Height="200px"
                                                           LabelWidth="64px" Width="205px" EnableEmbeddedSkins="False" EnableEmbeddedScripts="False"
                                                           Display="false">
                                                       </telerik:RadTextBox>
                                                   </td>
                                               </tr>
                                               <tr>
                                                   <td style="padding-left: 5px; padding-top: 10px;">
                                                       <asp:CheckBox ID="chkByDay" runat="server" Text="By Day" Width="100px" />
                                                   </td>
                                                   <td style="padding-left: 5px; padding-top: 10px;">
                                                       <asp:CheckBox ID="chkMon" runat="server" Text="Mon" Width="60px" />
                                                   </td>
                                                   <td style="padding-left: 5px; padding-top: 10px;">
                                                       <asp:CheckBox ID="chkTue" runat="server" Text="Tue" Width="60px" />
                                                   </td>
                                                   <td style="padding-left: 5px; padding-top: 10px;">
                                                       <asp:CheckBox ID="chkWed" runat="server" Text="Wed" Width="60px" />
                                                   </td>
                                                   <td style="padding-left: 5px; padding-top: 10px;">
                                                       <asp:CheckBox ID="chkThurs" runat="server" Text="Thu" Width="60px" />
                                                   </td>
                                                   <td style="padding-left: 5px; padding-top: 10px;">
                                                       <asp:CheckBox ID="chkFri" runat="server" Text="Fri" Width="60px" />
                                                   </td>
                                                   <td style="padding-left: 5px; padding-top: 10px;">
                                                       <asp:CheckBox ID="chkSat" runat="server" Text="Sat" Width="60px" />
                                                   </td>
                                                   <td style="padding-left: 5px; padding-top: 10px;">
                                                       <asp:CheckBox ID="chkSun" runat="server" Text="Sun" Width="60px" />
                                                   </td>
                                               </tr>
                                           </table>
                                       </asp:Panel>
                                   </ContentTemplate>
                               </telerik:RadWindow>

     I also have AjaxManager. 

    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest"
                                               EnableEmbeddedScripts="False">
                                               <AjaxSettings>
                                                   <telerik:AjaxSetting AjaxControlID="rgAllowance">
                                                       <UpdatedControls>
                                                           <telerik:AjaxUpdatedControl ControlID="hid_f" />
                                                       </UpdatedControls>
                                                   </telerik:AjaxSetting>
                                                   <telerik:AjaxSetting AjaxControlID="btnSearch">
                                                       <UpdatedControls>
                                                           <telerik:AjaxUpdatedControl ControlID="rgAllowance" />
                                                           <telerik:AjaxUpdatedControl ControlID="hid_f" />
                                                       </UpdatedControls>
                                                   </telerik:AjaxSetting>
                                                   <telerik:AjaxSetting AjaxControlID="btnSave">
                                                       <UpdatedControls>
                                                           <telerik:AjaxUpdatedControl ControlID="pnlAllowance" />
                                                           <telerik:AjaxUpdatedControl ControlID="hid_f" />
                                                       </UpdatedControls>
                                                   </telerik:AjaxSetting>
                                                   <telerik:AjaxSetting AjaxControlID="btnNew">
                                                       <UpdatedControls>
                                                           <telerik:AjaxUpdatedControl ControlID="rgAllowance" />
                                                           <telerik:AjaxUpdatedControl ControlID="pnlAllowance" />
                                                           <telerik:AjaxUpdatedControl ControlID="lblMessage" />
                                                           <telerik:AjaxUpdatedControl ControlID="btnSave" />
                                                           <telerik:AjaxUpdatedControl ControlID="hid_f" />
                                                           <telerik:AjaxUpdatedControl ControlID="RadWindow_ContentTemplate" />
                                                       </UpdatedControls>
                                                   </telerik:AjaxSetting>
                                                   <telerik:AjaxSetting AjaxControlID="btnEdit">
                                                       <UpdatedControls>
                                                           <telerik:AjaxUpdatedControl ControlID="pnlAllowance" />
                                                           <telerik:AjaxUpdatedControl ControlID="rgAllowance" />
                                                           <telerik:AjaxUpdatedControl ControlID="hid_f" />
                                                       </UpdatedControls>
                                                   </telerik:AjaxSetting>
                                                   <telerik:AjaxSetting AjaxControlID="btnDelete">
                                                       <UpdatedControls>
                                                           <telerik:AjaxUpdatedControl ControlID="rgAllowance" />
                                                           <telerik:AjaxUpdatedControl ControlID="lblMainMessage" />
                                                           <telerik:AjaxUpdatedControl ControlID="hid_f" />
                                                       </UpdatedControls>
                                                   </telerik:AjaxSetting>
                                                   <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
                                                       <UpdatedControls>
                                                           <telerik:AjaxUpdatedControl ControlID="rgAllowance" />
                                                           <telerik:AjaxUpdatedControl ControlID="pnlAllowance" />
                                                           <telerik:AjaxUpdatedControl ControlID="lblMessage" />
                                                           <telerik:AjaxUpdatedControl ControlID="btnSave" />
                                                           <telerik:AjaxUpdatedControl ControlID="hid_f" />
                                                       </UpdatedControls>
                                                   </telerik:AjaxSetting>
                                                   <telerik:AjaxSetting AjaxControlID="RadWindow_ContentTemplate">
                                                       <UpdatedControls>
                                                           <telerik:AjaxUpdatedControl ControlID="rgAllowance" />
                                                           <telerik:AjaxUpdatedControl ControlID="hid_f" />
                                                       </UpdatedControls>
                                                   </telerik:AjaxSetting>
                                               </AjaxSettings>
                                           </telerik:RadAjaxManager>

    Can you help me with this issues as well? Thank you so much.

    Best regards,
    Ei Wai


  5. Ei Wai
    Ei Wai avatar
    56 posts
    Member since:
    Jul 2014

    Posted 28 Jan 2015 Link to this post

    Hello,

    I found out that if I use  EnableEmbeddedSkins="False" , add the script files as static *.js files and register these script file with RadScriptManager caused the issues. RadCombobox with checkbox no longer worked on IE and Firefox. If I remove registered script from radscriptmanager, it is working fine again. Is there any way to solve the problem?

    Thank you. 

    Best regards,
    Ei Wai
  6. Ivan Danchev
    Admin
    Ivan Danchev avatar
    829 posts

    Posted 28 Jan 2015 Link to this post

    Hi Ei,

    I am afraid I am not able to run your project and trace what the problem might be. Could you please provide RadScriptManager declaration including the scripts section.

    Regards,
    Ivan Danchev
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  7. Ei Wai
    Ei Wai avatar
    56 posts
    Member since:
    Jul 2014

    Posted 28 Jan 2015 in reply to Ivan Danchev Link to this post

    Hello Ivan,

    Please see below for script declaration. I also tried to remove EnableScrpitCombine properties since I saw there can be js error if I use it with manual script reference. But no luck. It is still the same. 

    <telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnableScriptCombine="True">
           <Scripts>
               <asp:ScriptReference Path="Scripts/json2.js" />
               <asp:ScriptReference Path="Scripts/Common/Core.js" />
               <asp:ScriptReference Path="Scripts/Common/jQuery.js" />
               <asp:ScriptReference Path="Scripts/Common/jQueryPlugins.js" />
               <asp:ScriptReference Path="Scripts/Common/Navigation/OverlayScript.js" />
               <asp:ScriptReference Path="Scripts/Common/Navigation/NavigationScripts.js" />
               <asp:ScriptReference Path="Scripts/Common/Animation/AnimationScripts.js" />
               <asp:ScriptReference Path="Scripts/ComboBox/RadComboBoxScripts.js" />
               <asp:ScriptReference Path="Scripts/ComboBox/Views/ClassicView.js" />
               <asp:ScriptReference Path="Scripts/ComboBox/Views/NativeView.js" />
               <asp:ScriptReference Path="Scripts/ComboBox/Views/LiteView.js" />
               <asp:ScriptReference Path="Scripts/Common/TouchScrollExtender.js" />
               <asp:ScriptReference Path="Scripts/Menu/RadMenuScripts.js" />
               <asp:ScriptReference Path="Scripts/Menu/MenuItem/RadMenuItem.js" />
               <asp:ScriptReference Path="Scripts/Menu/MenuItem/MobileMenuItem.js" />
               <asp:ScriptReference Path="Scripts/Menu/Views/ClassicView.js" />
               <asp:ScriptReference Path="Scripts/Menu/Views/LiteView.js" />
               <asp:ScriptReference Path="Scripts/Upload/RadProgressManager.js" />
               <asp:ScriptReference Path="Scripts/Upload/RadUpload.js" />
               <asp:ScriptReference Path="Scripts/AsyncUpload/RadAsyncUploadScripts.js" />
               <asp:ScriptReference Path="Scripts/Common/Popup/PopupScripts.js" />
               <asp:ScriptReference Path="Scripts/Upload/RadProgressArea.js" />
               <asp:ScriptReference Path="Scripts/Grid/RadGridScripts.js" />
               <asp:ScriptReference Path="Scripts/Grid/GridCellSelection.js" />
               <asp:ScriptReference Path="Scripts/FormDecorator/RadFormDecorator.js" />
               <asp:ScriptReference Path="Scripts/Ajax/Ajax.js" />
               <asp:ScriptReference Path="Scripts/Common/Widgets/Draggable.js" />
               <asp:ScriptReference Path="Scripts/Common/Widgets/Resizable.js" />
               <asp:ScriptReference Path="Scripts/Window/RadWindowScripts.js" />
               <asp:ScriptReference Path="Scripts/Window/RadWindowManager.js" />
               <asp:ScriptReference Path="Scripts/Button/RadButtonScripts.js" />
               <asp:ScriptReference Path="Scripts/Input/TextBox/RadInputScript.js" />
               <asp:ScriptReference Path="Scripts/ToolTip/RadToolTipScripts.js" />
               <asp:ScriptReference Path="Scripts/ToolTip/Scripts/RadToolTipManager.js" />
               <asp:ScriptReference Path="Scripts/Common/Scrolling/ScrollingScripts.js" />
               <asp:ScriptReference Path="Scripts/TabStrip/RadTabStripScripts.js" />
               <asp:ScriptReference Path="Scripts/TabStrip/MultiPage/RadMultiPageScripts.js" />
               <asp:ScriptReference Path="Scripts/Input/NumericTextBox/RadNumericInputScript.js" />
               <asp:ScriptReference Path="Scripts/Input/DateInput/RadDateInputScript.js" />
               <asp:ScriptReference Path="Scripts/Calendar/RadCalendarCommonScript.js" />
               <asp:ScriptReference Path="Scripts/Calendar/RadCalendarScript.js" />
               <asp:ScriptReference Path="Scripts/Calendar/RadDatePicker.js" />
               <asp:ScriptReference Path="Scripts/Calendar/RadDateTimePickerScript.js" />
               <asp:ScriptReference Path="Scripts/Calendar/RadTimeViewScripts.js" />
               <asp:ScriptReference Path="Scripts/Calendar/RadPickersPopupDirectionEnumeration.js" />
           </Scripts>
       </telerik:RadScriptManager>

    Thank you.
    Best regards,
    Ei Wai
  8. Ivan Danchev
    Admin
    Ivan Danchev avatar
    829 posts

    Posted 02 Feb 2015 Link to this post

    Hi Ei,

    Please, try registering the following scripts:

    <asp:ScriptReference Path="~/Scripts/Common/Core.js" />
    <asp:ScriptReference Path="~/Scripts/Common/jQuery.js" />
    <asp:ScriptReference Path="~/Scripts/Common/jQueryPlugins.js" />
    <asp:ScriptReference Path="~/Scripts/Common/jQueryInclude.js" />
    <asp:ScriptReference Path="~/Scripts/Common/jQueryExternal.js" />
    <asp:ScriptReference Path="~/Scripts/Common/jQueryPlugins.js" />
     
    <asp:ScriptReference Path="~/Scripts/Common/PopUp/PopUpScripts.js" />
    <asp:ScriptReference Path="~/Scripts/Common/AnimationFramework/AnimationFramework.js" />
    <asp:ScriptReference Path="~/Scripts/Common/Animation/AnimationScripts.js" />
    <asp:ScriptReference Path="~/Scripts/Common/Navigation/NavigationScripts.js" />
    <asp:ScriptReference Path="~/Scripts/Common/Navigation/OverlayScript.js" />
     
     <asp:ScriptReference Path="~/Scripts/Button/RadButtonScripts.js" />
     
    <asp:ScriptReference Path="~/Scripts/ComboBox/RadComboBoxScripts.js" />
    <asp:ScriptReference Path="~/Scripts/ComboBox/Views/ClassicView.js" />              
     
    <asp:ScriptReference Path="~/Scripts/Common/TouchScrollExtender.js" />
     
    <asp:ScriptReference Path="Scripts/Menu/RadMenuScripts.js" />
    <asp:ScriptReference Path="Scripts/Menu/MenuItem/RadMenuItem.js" />
    <asp:ScriptReference Path="Scripts/Menu/MenuItem/MobileMenuItem.js" />
    <asp:ScriptReference Path="Scripts/Menu/Views/ClassicView.js" />
    <asp:ScriptReference Path="Scripts/Menu/Views/LiteView.js" />
    <asp:ScriptReference Path="Scripts/Upload/RadProgressManager.js" />
    <asp:ScriptReference Path="Scripts/Upload/RadUpload.js" />
    <asp:ScriptReference Path="Scripts/AsyncUpload/RadAsyncUploadScripts.js" />
    <asp:ScriptReference Path="Scripts/Common/Popup/PopupScripts.js" />
    <asp:ScriptReference Path="Scripts/Upload/RadProgressArea.js" />
    <asp:ScriptReference Path="Scripts/Grid/RadGridScripts.js" />
     
    <asp:ScriptReference Path="Scripts/FormDecorator/RadFormDecorator.js" />
    <asp:ScriptReference Path="Scripts/Ajax/Ajax.js" />
    <asp:ScriptReference Path="Scripts/Common/Widgets/Draggable.js" />
    <asp:ScriptReference Path="Scripts/Common/Widgets/Resizable.js" />
    <asp:ScriptReference Path="Scripts/Window/RadWindowScripts.js" />
    <asp:ScriptReference Path="Scripts/Window/RadWindowManager.js" />
    <asp:ScriptReference Path="Scripts/Button/RadButtonScripts.js" />
    <asp:ScriptReference Path="Scripts/Input/TextBox/RadInputScript.js" />
    <asp:ScriptReference Path="Scripts/ToolTip/RadToolTipScripts.js" />
    <asp:ScriptReference Path="Scripts/ToolTip/Scripts/RadToolTipManager.js" />
    <asp:ScriptReference Path="Scripts/Common/Scrolling/ScrollingScripts.js" />
    <asp:ScriptReference Path="Scripts/TabStrip/RadTabStripScripts.js" />
    <asp:ScriptReference Path="Scripts/TabStrip/MultiPage/RadMultiPageScripts.js" />
    <asp:ScriptReference Path="Scripts/Input/NumericTextBox/RadNumericInputScript.js" />
    <asp:ScriptReference Path="Scripts/Input/DateInput/RadDateInputScript.js" />
    <asp:ScriptReference Path="Scripts/Calendar/RadCalendarCommonScript.js" />
    <asp:ScriptReference Path="Scripts/Calendar/RadCalendarScript.js" />
    <asp:ScriptReference Path="Scripts/Calendar/RadDatePicker.js" />
    <asp:ScriptReference Path="Scripts/Calendar/RadDateTimePickerScript.js" />
    <asp:ScriptReference Path="Scripts/Calendar/RadTimeViewScripts.js" />
    <asp:ScriptReference Path="Scripts/Calendar/RadPickersPopupDirectionEnumeration.js" />

    We tested your scenario with the posted scripts and it worked as expected.

    Regards,
    Ivan Danchev
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  9. Ei Wai
    Ei Wai avatar
    56 posts
    Member since:
    Jul 2014

    Posted 02 Feb 2015 in reply to Ivan Danchev Link to this post

    Hello Ivan,

    Thank you for your reply. I tried using your script but no luck. It is still the same. I don't know what I miss. How can I attach the sample project that I tried? 

    Best regards,
    Ei Wai
  10. Ivan Danchev
    Admin
    Ivan Danchev avatar
    829 posts

    Posted 04 Feb 2015 Link to this post

    Hi Ei,

    Since you cannot attach a project to a forum post, can you please try to open a support ticket and attach the project to it.

    To avoid exceeding the maximum allowed size you can delete the Telerik.dll files.

    You can find more info on how to isolate a project in this blog post.

    Regards,
    Ivan Danchev
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

  11. Ei Wai
    Ei Wai avatar
    56 posts
    Member since:
    Jul 2014

    Posted 08 Feb 2015 in reply to Ivan Danchev Link to this post

    Hello Ivan,

    Sorry I don't have any more support ticket left. I just paste my code here. I hope someone can help me with this.

    Html 
    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>
     
    <%@ 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">
    <head runat="server">
        <title></title>
         <link href="MySkin/Menu.MySkin.css" rel="Stylesheet" type="text/css" />
        <link href="MySkin/Grid.MySkin.css" rel="Stylesheet" type="text/css" />
        <link href="MySkin/Flick/Grid.MySkin.css" rel="Stylesheet" type="text/css" />
        <link href="MySkin/Flick/ComboBox.Metro.css" rel="Stylesheet" type="text/css" />
        <link href="MySkin/Window.css" rel="Stylesheet" type="text/css" />
        <link href="MySkin/Default/Window.Default.css" rel="Stylesheet" type="text/css" />
        <link href="MySkin/Splitter.css" rel="Stylesheet" type="text/css" />
        <link href="MySkin/Default/Splitter.Default.css" rel="Stylesheet" type="text/css" />
        <link href="MySkin/Menu.css" rel="Stylesheet" type="text/css" />
        <link href="MySkin/Default/Input.Default.css" rel="Stylesheet" type="text/css" />
        <link href="MySkin/Input.css" rel="Stylesheet" type="text/css" />
        <link href="MySkin/Default/Calendar.Default.css" rel="Stylesheet" type="text/css" />
        <link href="MySkin/Default/Grid.Default.css" rel="Stylesheet" type="text/css" />
        <link href="MySkin/Default/TabStrip.Default.css" rel="Stylesheet" type="text/css" />
        <link href="MySkin/Calendar.css" rel="Stylesheet" type="text/css" />
        <link href="MySkin/Default/ComboBox.Default.css" rel="Stylesheet" type="text/css" />
        <link href="MySkin/Metro/ComboBox.Metro.css" rel="Stylesheet" type="text/css" />
        <link href="MySkin/ComboBox.css" rel="Stylesheet" type="text/css" />
        <link href="MySkin/Default/Button.Default.css" rel="Stylesheet" type="text/css" />
        <link href="MySkin/Button.css" rel="Stylesheet" type="text/css" />
        <link href="MySkin/Grid.css" rel="Stylesheet" type="text/css" />
        <link href="MySkin/Ajax.css" rel="Stylesheet" type="text/css" />
        <link href="MySkin/Default/Ajax.Default.css" rel="Stylesheet" type="text/css" />
        <link href="MySkin/FormDecorator.css" rel="Stylesheet" type="text/css" />
        <link href="MySkin/Default/FormDecorator.Default.css" rel="Stylesheet" type="text/css" />
        <link href="MySkin/FormDecorator.css" rel="Stylesheet" type="text/css" />
        <link href="MySkin/Default/FormDecorator.Default.css" rel="Stylesheet" type="text/css" />
        <link href="MySkin/Sitefinity/Button.Sitefinity.css" rel="Stylesheet" type="text/css" />
        <link href="MySkin/Sitefinity/AsyncUpload.Sitefinity.css" rel="Stylesheet" type="text/css" />
        <link href="MySkin/AsyncUpload.css" rel="Stylesheet" type="text/css" />
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <table>
                <tr>
                    <td>
                        <table class="menuvisible">
                            <tr>
                                <td>
                                    <%--<asp:ScriptManager ID="ScriptManager1" runat="server">
                                    </asp:ScriptManager>--%>
                                     <%--<telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnableScriptCombine="True">
            
        </telerik:RadScriptManager>--%>
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
            <Scripts>
                <asp:ScriptReference Path="~/Scripts/Common/Core.js" />
                <asp:ScriptReference Path="~/Scripts/Common/jQuery.js" />
                <asp:ScriptReference Path="~/Scripts/Common/jQueryPlugins.js" />
                <asp:ScriptReference Path="~/Scripts/Common/jQueryInclude.js" />
                <asp:ScriptReference Path="~/Scripts/Common/jQueryExternal.js" />
                <asp:ScriptReference Path="~/Scripts/Common/jQueryPlugins.js" />
                <asp:ScriptReference Path="~/Scripts/Common/PopUp/PopUpScripts.js" />
                <asp:ScriptReference Path="~/Scripts/Common/AnimationFramework/AnimationFramework.js" />
                <asp:ScriptReference Path="~/Scripts/Common/Animation/AnimationScripts.js" />
                <asp:ScriptReference Path="~/Scripts/Common/Navigation/NavigationScripts.js" />
                <asp:ScriptReference Path="~/Scripts/Common/Navigation/OverlayScript.js" />
                <asp:ScriptReference Path="~/Scripts/Button/RadButtonScripts.js" />
                <asp:ScriptReference Path="~/Scripts/ComboBox/RadComboBoxScripts.js" />
                <asp:ScriptReference Path="~/Scripts/ComboBox/Views/ClassicView.js" />
                <asp:ScriptReference Path="~/Scripts/Common/TouchScrollExtender.js" />
                <asp:ScriptReference Path="Scripts/Menu/RadMenuScripts.js" />
                <asp:ScriptReference Path="Scripts/Menu/MenuItem/RadMenuItem.js" />
                <asp:ScriptReference Path="Scripts/Menu/MenuItem/MobileMenuItem.js" />
                <asp:ScriptReference Path="Scripts/Menu/Views/ClassicView.js" />
                <asp:ScriptReference Path="Scripts/Menu/Views/LiteView.js" />
                <asp:ScriptReference Path="Scripts/Upload/RadProgressManager.js" />
                <asp:ScriptReference Path="Scripts/Upload/RadUpload.js" />
                <asp:ScriptReference Path="Scripts/AsyncUpload/RadAsyncUploadScripts.js" />
                <asp:ScriptReference Path="Scripts/Common/Popup/PopupScripts.js" />
                <asp:ScriptReference Path="Scripts/Upload/RadProgressArea.js" />
                <asp:ScriptReference Path="Scripts/Grid/RadGridScripts.js" />
                <asp:ScriptReference Path="Scripts/FormDecorator/RadFormDecorator.js" />
                <asp:ScriptReference Path="Scripts/Ajax/Ajax.js" />
                <asp:ScriptReference Path="Scripts/Common/Widgets/Draggable.js" />
                <asp:ScriptReference Path="Scripts/Common/Widgets/Resizable.js" />
                <asp:ScriptReference Path="Scripts/Window/RadWindowScripts.js" />
                <asp:ScriptReference Path="Scripts/Window/RadWindowManager.js" />
                <asp:ScriptReference Path="Scripts/Button/RadButtonScripts.js" />
                <asp:ScriptReference Path="Scripts/Input/TextBox/RadInputScript.js" />
                <asp:ScriptReference Path="Scripts/ToolTip/RadToolTipScripts.js" />
                <asp:ScriptReference Path="Scripts/ToolTip/Scripts/RadToolTipManager.js" />
                <asp:ScriptReference Path="Scripts/Common/Scrolling/ScrollingScripts.js" />
                <asp:ScriptReference Path="Scripts/TabStrip/RadTabStripScripts.js" />
                <asp:ScriptReference Path="Scripts/TabStrip/MultiPage/RadMultiPageScripts.js" />
                <asp:ScriptReference Path="Scripts/Input/NumericTextBox/RadNumericInputScript.js" />
                <asp:ScriptReference Path="Scripts/Input/DateInput/RadDateInputScript.js" />
                <asp:ScriptReference Path="Scripts/Calendar/RadCalendarCommonScript.js" />
                <asp:ScriptReference Path="Scripts/Calendar/RadCalendarScript.js" />
                <asp:ScriptReference Path="Scripts/Calendar/RadDatePicker.js" />
                <asp:ScriptReference Path="Scripts/Calendar/RadDateTimePickerScript.js" />
                <asp:ScriptReference Path="Scripts/Calendar/RadTimeViewScripts.js" />
                <asp:ScriptReference Path="Scripts/Calendar/RadPickersPopupDirectionEnumeration.js" />
            </Scripts>
        </telerik:RadScriptManager>
                                    <telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableShadow="true">
                                    </telerik:RadWindowManager>
                                    <asp:Panel ID="Panel1" runat="server" Width="100%">
                                        <table width="100%">
                                            <tr>
                                                <td style="width: 20px">
                                                    <telerik:RadButton ID="btnNew" AutoPostBack="false" runat="server" Text="New" Width="50px"
                                                        OnClientClicked="btnNew_Click">
                                                    </telerik:RadButton>
                                                </td>
                                                <td style="width: 20px">
                                                    <telerik:RadButton ID="btnEdit" runat="server" Text="Edit" Width="50px" OnClientClicked="btnEdit_Click"
                                                        AutoPostBack="false">
                                                    </telerik:RadButton>
                                                </td>
                                                <td style="width: 500px; text-align: left;">
                                                    <asp:Label ID="lblMainMessage" Style="font-weight: bold; color: #FA5858;" runat="server"
                                                        Text=""></asp:Label>
                                                </td>
                                                <td>
                                                    <%-- --%>
                                                </td>
                                            </tr>
                                        </table>
                                    </asp:Panel>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:HiddenField ID="hid_f" runat="server" Value="0" />
                        <asp:HiddenField ID="hid_gf" runat="server" Value="0" />
                        <asp:HiddenField ID="hid_ReadOnly" runat="server" Value="0" />
                        <asp:HiddenField ID="hid_Create" runat="server" Value="0" />
                        <asp:HiddenField ID="hid_Edit" runat="server" Value="0" />
                        <asp:HiddenField ID="hid_Delete" runat="server" Value="0" />
                        <asp:HiddenField ID="hid_None" runat="server" Value="0" />
                        <asp:HiddenField ID="hid_NotActivate" runat="server" Value="0" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <table style="table-layout: fixed; width: 100%;">
                            <tr>
                                <td>
                                    <%--"RadWindow Related Code"--%>
                                    <telerik:RadWindow runat="server" ID="RadWindow_ContentTemplate" Behaviors="Default"
                                        KeepInScreenBounds="true" Modal="true" Width="620px" Height="360px" EnableShadow="true"
                                         OnClientClose="OnClientclose" >
                                        <ContentTemplate>
                                           <asp:Panel ID="pnlAllowance" runat="server">
                                            <table>
                                                <tr>
                                                    <td>
                                                        <telerik:RadButton ID="btnSave" runat="server" Text="  Save" Font-Size="X-Small"
                                                             Width="70px" OnClick="btnSave_Click" ValidationGroup="SubmitDetails"
                                                           >
                                                           </telerik:RadButton>
                                                    </td>
                                                    <td>
                                                        <asp:Label ID="lblMessage" runat="server" Text="" Font-Bold="true" ForeColor="Red"></asp:Label>
                                                    </td>
                                                </tr>
                                            </table>
                                            <hr />
                                            <table>
                                                <tr>
                                                    <td style="padding-left: 5px">
                                                        <asp:Label ID="lblAllowanceCd" runat="server" Text="Allowance Code" Width="100px"></asp:Label>
                                                    </td>
                                                    <td style="padding-left: 5px">
                                                        <asp:TextBox ID="txtAllowanceCd" runat="server"></asp:TextBox>
                                                        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="*"
                                                            ForeColor="Red" ControlToValidate="txtAllowanceCd" ValidationGroup="SubmitDetails"></asp:RequiredFieldValidator>
                                                    </td>
                                                    <td style="padding-left: 5px">
                                                        <asp:Label ID="lblAllowanceAmt" runat="server" Text="Amount" Width="100px"></asp:Label>
                                                    </td>
                                                    <td style="padding-left: 5px">
                                                        <asp:TextBox ID="txtAllowanceAmt" runat="server"></asp:TextBox>
                                                        <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="*"
                                                            ForeColor="Red" ControlToValidate="txtAllowanceAmt" ValidationGroup="SubmitDetails"></asp:RequiredFieldValidator>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="padding-left: 5px; padding-top: 10px;">
                                                        <asp:Label ID="lblAllowanceName" runat="server" Text="Allowance Name" Width="100px"></asp:Label>
                                                    </td>
                                                    <td style="padding-left: 5px; padding-top: 10px;">
                                                        <asp:TextBox ID="txtAllowanceName" runat="server"></asp:TextBox>
                                                        <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ErrorMessage="*"
                                                            ForeColor="Red" ControlToValidate="txtAllowanceName" ValidationGroup="SubmitDetails"></asp:RequiredFieldValidator>
                                                    </td>
                                                    <td>
                                                        <asp:CustomValidator ID="CustomValidator1" OnServerValidate="formatValidation" ControlToValidate=""
                                                            Display="None" Text="" ForeColor="Red" ValidationGroup="SubmitDetails" runat="server" />
                                                    </td>
                                                </tr>
                                            </table>
                                            <table>
                                                <tr>
                                                    <td style="padding-left: 5px; padding-top: 10px;">
                                                        <asp:CheckBox ID="chkByTime" runat="server" Text="By Time In" Width="100px" />
                                                    </td>
                                                    <td style="padding-left: 5px; padding-top: 10px;">
                                                        <asp:Label ID="lblFr" runat="server" Text="Between"></asp:Label>
                                                    </td>
                                                    <td style="padding-left: 5px; padding-top: 10px;">
                                                        <asp:TextBox ID="txtFr" runat="server" Width="40px"></asp:TextBox>
                                                    </td>
                                                    <td style="padding-left: 5px; padding-top: 10px;">
                                                        <asp:Label ID="lblTo" runat="server" Text="To"></asp:Label>
                                                    </td>
                                                    <td style="padding-left: 5px; padding-top: 10px;">
                                                        <asp:TextBox ID="txtTo" runat="server" Width="40px"></asp:TextBox>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="padding-left: 5px; padding-top: 10px;">
                                                        <asp:CheckBox ID="chkByNRM" runat="server" Text="By Work Hours" Width="100px" />
                                                    </td>
                                                    <td style="padding-left: 5px; padding-top: 10px;">
                                                        <telerik:RadComboBox ID="cboByNRMCond" runat="server" ZIndex="1000000"  Width="50px">
                                                            <Items>
                                                                <telerik:RadComboBoxItem Value="Greater than or equal to" Text=">=" />
                                                                 <telerik:RadComboBoxItem Value="Less than or equal to" Text="<=" />
                                                            </Items>
                                                        </telerik:RadComboBox>
                                                    </td>
                                                    <td style="padding-left: 5px; padding-top: 10px;">
                                                        <asp:TextBox ID="txtNRM" runat="server" Width="40px"></asp:TextBox>
                                                        <asp:Label ID="lblNRMHrs" runat="server" Text="Hrs"></asp:Label>
                                                    </td>
                                                    <td style="padding-left: 5px; padding-top: 10px;">
                                                        <asp:CheckBox ID="chkByNRMOT" runat="server" Text="AND" Width="60px" OnCheckedChanged="Check_NRMOTClicked"
                                                            AutoPostBack="True" />
                                                    </td>
                                                    <td style="padding-left: 5px; padding-top: 10px;">
                                                        <asp:CheckBox ID="chkByOT" runat="server" Text="By OT" />
                                                    </td>
                                                    <td style="padding-left: 5px; padding-top: 10px;">
                                                        <telerik:RadComboBox ID="cboByOTCond" runat="server" ZIndex="1000000"  Width="50px">
                                                            <Items>
                                                                <telerik:RadComboBoxItem Value="Greater than or equal to" Text=">=" />
                                                                 <telerik:RadComboBoxItem Value="Less than or equal to" Text="<=" />
                                                            </Items>
                                                        </telerik:RadComboBox>
                                                    </td>
                                                    <td style="padding-left: 5px; padding-top: 10px;">
                                                        <asp:TextBox ID="txtOT" runat="server" Width="40px"></asp:TextBox>
                                                         <asp:Label ID="lblOTHrs" runat="server" Text="Hrs"></asp:Label>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="padding-left: 5px; padding-top: 10px;">
                                                        <asp:CheckBox ID="chkByActWkHr" runat="server" Text="By Act Hours" Width="100px" />
                                                    </td>
                                                    <td style="padding-left: 5px; padding-top: 10px;">
                                                        <telerik:RadComboBox ID="cboByActWkHrCond" runat="server" ZIndex="1000000"  Width="50px">
                                                            <Items>
                                                                   <telerik:RadComboBoxItem Value="Greater than or equal to" Text=">=" />
                                                                   <telerik:RadComboBoxItem Value="Less than or equal to" Text="<=" />
                                                            </Items>
                                                        </telerik:RadComboBox>
                                                    </td>
                                                    <td style="padding-left: 5px; padding-top: 10px;">
                                                        <asp:TextBox ID="txtActHr" runat="server" Width="40px"></asp:TextBox>
                                                        <asp:Label ID="lblActHrHrs" runat="server" Text="Hrs"></asp:Label>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="padding-left: 5px; padding-top: 10px;">
                                                        <asp:CheckBox ID="chkByReason" runat="server" Text="By Reason" Width="100px" />
                                                    </td>
                                                    <%--<td colspan="3" style="padding-left: 5px;padding-top:10px; ">
                                                <asp:TextBox ID="txtReason" runat="server" Width="200px"  TextMode="MultiLine" Height="200px"></asp:TextBox>
                                                </td>--%>
                                                    <td colspan="5" style="padding-left: 5px; padding-top: 10px;">
                                                        <%--<telerik:RadComboBox ID="cboReason" EmptyMessage="Reason Code or Name" Height="200px"
                                                            Width="300px" CheckBoxes="true" OnClientItemChecked="OnClientItemCheckedReason"
                                                            AutoPostBack="false" runat="server" EnableCheckAllItemsCheckBox="true" OnClientBlur="IsCheckAllSelectedReason"
                                                            ShowToggleImage="true" ZIndex="1000000" EnableOverlay="False" EnableEmbeddedSkins="False"
                                                            EnableEmbeddedScripts="False">
                                                        </telerik:RadComboBox>--%>
                                                        <telerik:RadComboBox ID="cboReason" EmptyMessage="Reason Code or Name" Height="200px"
                                                            Width="300px" CheckBoxes="true" runat="server" EnableCheckAllItemsCheckBox="true"
                                                            ShowToggleImage="true" ZIndex="1000000" EnableOverlay="False"  >
                                                        </telerik:RadComboBox>
                                                    </td>
                                                    <td style="padding-left: 5px; padding-top: 10px;">
                                                        <asp:CheckBox ID="chkNoPayReason" runat="server" Text="No Pay" />
                                                    </td>
                                                    <td>
                                                        <telerik:RadTextBox ID="radtxtReason" runat="server" TextMode="MultiLine" Height="200px"
                                                            LabelWidth="64px" Width="205px"
                                                            Display="false">
                                                        </telerik:RadTextBox>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="padding-left: 5px; padding-top: 10px;">
                                                        <asp:CheckBox ID="chkByDay" runat="server" Text="By Day" Width="100px" />
                                                    </td>
                                                    <td style="padding-left: 5px; padding-top: 10px;">
                                                        <asp:CheckBox ID="chkMon" runat="server" Text="Mon" Width="60px" />
                                                    </td>
                                                    <td style="padding-left: 5px; padding-top: 10px;">
                                                        <asp:CheckBox ID="chkTue" runat="server" Text="Tue" Width="60px" />
                                                    </td>
                                                    <td style="padding-left: 5px; padding-top: 10px;">
                                                        <asp:CheckBox ID="chkWed" runat="server" Text="Wed" Width="60px" />
                                                    </td>
                                                    <td style="padding-left: 5px; padding-top: 10px;">
                                                        <asp:CheckBox ID="chkThurs" runat="server" Text="Thu" Width="60px" />
                                                    </td>
                                                    <td style="padding-left: 5px; padding-top: 10px;">
                                                        <asp:CheckBox ID="chkFri" runat="server" Text="Fri" Width="60px" />
                                                    </td>
                                                    <td style="padding-left: 5px; padding-top: 10px;">
                                                        <asp:CheckBox ID="chkSat" runat="server" Text="Sat" Width="60px" />
                                                    </td>
                                                    <td style="padding-left: 5px; padding-top: 10px;">
                                                        <asp:CheckBox ID="chkSun" runat="server" Text="Sun" Width="60px" />
                                                    </td>
                                                </tr>
                                            </table>
                                        </asp:Panel>
                                        </ContentTemplate>
                                    </telerik:RadWindow>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <telerik:RadGrid ID="rgAllowance" AllowFilteringByColumn="false" runat="server" GridLines="None"
                                        AllowSorting="false" AutoGenerateColumns="false" PageSize="20" OnPreRender="rgdAllowance_PreRender"
                                        AllowPaging="true" OnNeedDataSource="rgAllowance_OnNeedDataSource">
                                        <ClientSettings EnableRowHoverStyle="true">
                                            <Selecting AllowRowSelect="True"></Selecting>
                                            <ClientEvents OnRowClick="RowClick" OnRowDblClick="RowDblClick" />
                                            <Scrolling AllowScroll="True" UseStaticHeaders="true"></Scrolling>
                                        </ClientSettings>
                                        <MasterTableView DataKeyNames="ID" ClientDataKeyNames="ID" HeaderStyle-BackColor="#941922"
                                            HeaderStyle-ForeColor="White">
                                            <Columns>
                                                <telerik:GridBoundColumn DataField="ProductName" HeaderText="ProductName" ItemStyle-Wrap="False"
                                                    HeaderStyle-Wrap="False" HeaderStyle-Width="20%" />
                                                <telerik:GridBoundColumn DataField="ID" HeaderText="ID" ItemStyle-Wrap="False" HeaderStyle-Wrap="False"
                                                    HeaderStyle-Width="60%" />
                                            </Columns>
                                        </MasterTableView>
                                        <PagerStyle AlwaysVisible="true" />
                                    </telerik:RadGrid>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <table>
                                        <tr>
                                            <td>
                                                <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest">
                                                    <AjaxSettings>
                                                        <telerik:AjaxSetting AjaxControlID="rgAllowance">
                                                            <UpdatedControls>
                                                                <telerik:AjaxUpdatedControl ControlID="hid_f" />
                                                            </UpdatedControls>
                                                        </telerik:AjaxSetting>
                                                        <telerik:AjaxSetting AjaxControlID="btnSearch">
                                                            <UpdatedControls>
                                                                <telerik:AjaxUpdatedControl ControlID="rgAllowance" />
                                                                <telerik:AjaxUpdatedControl ControlID="hid_f" />
                                                            </UpdatedControls>
                                                        </telerik:AjaxSetting>
                                                        <telerik:AjaxSetting AjaxControlID="btnSave">
                                                            <UpdatedControls>
                                                                <telerik:AjaxUpdatedControl ControlID="pnlAllowance" />
                                                                <telerik:AjaxUpdatedControl ControlID="hid_f" />
                                                            </UpdatedControls>
                                                        </telerik:AjaxSetting>
                                                        <telerik:AjaxSetting AjaxControlID="btnNew">
                                                            <UpdatedControls>
                                                                <telerik:AjaxUpdatedControl ControlID="rgAllowance" />
                                                                <telerik:AjaxUpdatedControl ControlID="pnlAllowance" />
                                                                <telerik:AjaxUpdatedControl ControlID="lblMessage" />
                                                                <telerik:AjaxUpdatedControl ControlID="btnSave" />
                                                                <telerik:AjaxUpdatedControl ControlID="hid_f" />
                                                                <telerik:AjaxUpdatedControl ControlID="RadWindow_ContentTemplate" />
                                                            </UpdatedControls>
                                                        </telerik:AjaxSetting>
                                                        <telerik:AjaxSetting AjaxControlID="btnEdit">
                                                            <UpdatedControls>
                                                                <telerik:AjaxUpdatedControl ControlID="pnlAllowance" />
                                                                <telerik:AjaxUpdatedControl ControlID="rgAllowance" />
                                                                <telerik:AjaxUpdatedControl ControlID="hid_f" />
                                                            </UpdatedControls>
                                                        </telerik:AjaxSetting>
                                                        <telerik:AjaxSetting AjaxControlID="btnDelete">
                                                            <UpdatedControls>
                                                                <telerik:AjaxUpdatedControl ControlID="rgAllowance" />
                                                                <telerik:AjaxUpdatedControl ControlID="lblMainMessage" />
                                                                <telerik:AjaxUpdatedControl ControlID="hid_f" />
                                                            </UpdatedControls>
                                                        </telerik:AjaxSetting>
                                                        <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
                                                            <UpdatedControls>
                                                                <telerik:AjaxUpdatedControl ControlID="rgAllowance" />
                                                                <telerik:AjaxUpdatedControl ControlID="pnlAllowance" />
                                                                <telerik:AjaxUpdatedControl ControlID="lblMessage" />
                                                                <telerik:AjaxUpdatedControl ControlID="btnSave" />
                                                                <telerik:AjaxUpdatedControl ControlID="hid_f" />
                                                                <telerik:AjaxUpdatedControl ControlID="cboReason" />
                                                            </UpdatedControls>
                                                        </telerik:AjaxSetting>
                                                        <telerik:AjaxSetting AjaxControlID="RadWindow_ContentTemplate">
                                                            <UpdatedControls>
                                                                <telerik:AjaxUpdatedControl ControlID="rgAllowance" />
                                                                <telerik:AjaxUpdatedControl ControlID="hid_f" />
                                                            </UpdatedControls>
                                                        </telerik:AjaxSetting>
                                                    </AjaxSettings>
                                                </telerik:RadAjaxManager>
                                            </td>
                                            <td>
                                                <telerik:RadAjaxLoadingPanel ID="AjaxLoadingPanel" runat="server" />
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td align="center">
                                    <asp:Label ID="lblMsg" runat="server" Font-Bold="True" Font-Size="8" ForeColor="#FA5858"
                                        BackColor="transparent"></asp:Label>
                                    <telerik:RadFormDecorator ID="RadFormDecorator" EnableRoundedCorners="true" DecoratedControls="All"
                                        runat="server" />
                                    <asp:Label ID="lblJavaScript" runat="server" Text="" Visible="false"></asp:Label>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
              <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
                <script type="text/javascript">
     
                    var commandName = "";
                    var tableView = null;
     
                    function GridCreated(sender, args) {
                        //debugger;
                        sender.get_element().style.height = document.body.offsetHeight - 150 + "px";
     
                        var scrollArea = sender.GridDataDiv;
                        var dataHeight = sender.get_element().style.height;
                        scrollArea.style.height = document.body.offsetHeight - 210 + "px";
     
                    }
     
                    function OnClientClicking(sender, args) {
                        //debugger;
                        var callBackFunction = Function.createDelegate(sender, function (argument) {
                            if (argument) {
                                this.click();
                            }
                        });
                        var text = "Are you sure you want to delete?";
                        radconfirm(text, callBackFunction, 300, 100, null, "Confirm");
                        args.set_cancel(true);
                    }
     
                    function RowClick(sender, eventArgs) {
                        //debugger;
                        var dataItem = $get(eventArgs.get_id());
                        var grid = sender;
                        var MasterTable = grid.get_masterTableView();
                        var row = MasterTable.get_dataItems()[eventArgs.get_itemIndexHierarchical()];
                        var hiddenField = document.getElementById('<%= hid_f.ClientID %>');
                        hiddenField.value = row.getDataKeyValue('ID');
                    }
     
                    function RowDblClick(sender, eventArgs) {
                        //debugger;
     
                        var dataItem = $get(eventArgs.get_id());
                        var grid = sender;
                        var MasterTable = grid.get_masterTableView();
                        var row = MasterTable.get_dataItems()[eventArgs.get_itemIndexHierarchical()];
     
                        var hiddenField = document.getElementById('<%= hid_f.ClientID %>');
     
                        var value = row.getDataKeyValue('ID');
                        hiddenField.value = value;
     
                        var data = new Array();
     
     
                        data[0] = "Edit";
                        data[1] = value;
                        $find('<%= RadAjaxManager1.ClientID %>').ajaxRequest(data);
     
                        var oWindowCust = $find('<%= RadWindow_ContentTemplate.ClientID %>');
                        oWindowCust.show();
                    }
     
                    function ShowEdit(button, args) {
                        //debugger;
     
                        var dataItem = $get(eventArgs.get_id());
                        var grid = sender;
                        var MasterTable = grid.get_masterTableView();
                        var row = MasterTable.get_dataItems()[eventArgs.get_itemIndexHierarchical()];
     
                        var hiddenField = document.getElementById('<%= hid_f.ClientID %>');
     
                        var value = row.getDataKeyValue('ID');
                        hiddenField.value = value;
     
                        var data = new Array();
                        data[0] = "Edit";
                        data[1] = value;
                        $find('<%= RadAjaxManager1.ClientID %>').ajaxRequest(data);
     
                        var oWindowCust = $find('<%= RadWindow_ContentTemplate.ClientID %>');
                        oWindowCust.show();
                    }
     
                    function btnEdit_Click(button, args) {
                        //debugger;
     
     
                        var hiddenField = document.getElementById('<%= hid_f.ClientID %>');
                        var value_s = hiddenField.value;
     
                        var data = new Array();
                        data[0] = "Edit";
                        var hiddenField = document.getElementById('<%= hid_f.ClientID %>');
                        data[1] = hiddenField.value;
     
                        $find('<%= RadAjaxManager1.ClientID %>').ajaxRequest(data);
                        var oWindowCust = $find('<%= RadWindow_ContentTemplate.ClientID %>');
                        oWindowCust.show();
     
                    }
     
     
     
                    function btnNew_Click(button, args) {
     
                        var data = new Array();
                        data[0] = "New";
                        data[1] = "";
     
                        var manager = $find("<%= RadAjaxManager.GetCurrent(Page).ClientID %>")
                        manager.ajaxRequest(data);
     
                        var oWindowCust = $find('<%= RadWindow_ContentTemplate.ClientID %>');
                        oWindowCust.show();
     
     
                    }
     
                    function OnClientclose() {
                        //debugger;
                        var data = new Array();
                        data[0] = "Refresh";
                        data[1] = "";
                        $find('<%= RadAjaxManager1.ClientID %>').ajaxRequest(data);
                    }
     
     
     
                    function OnClientSelectedIndexChangedReason(sender, eventArgs) {
                        //debugger;
                        var itemTxt = eventArgs.get_item()._text;
                        var textbox = $find('<%= radtxtReason.ClientID %>');
                        if (textbox.get_value().indexOf(itemTxt) < 0) {
                            if (textbox.get_value() == '')
                                textbox.set_value(itemTxt);
                            else
                                textbox.set_value(textbox.get_value() + ', ' + itemTxt);
                        }
     
                        var Combo = $find("<%=cboReason.ClientID %>");
                        Combo.clearSelection();
                        Combo.set_text('');
                    }
     
                    function OnClientItemCheckedReason(sender, eventArgs) {
                        debugger;
                        var combo = $find("<%= cboReason.ClientID %>");
                        var items = combo.get_items();
     
     
                        var textbox = $find('<%= radtxtReason.ClientID %>');
                        textbox.set_value('');
     
                        if (combo.get_checkedItems().length >= 1) {
                            var itemsCount = items._array.length;
                            for (var itemIndex = 0; itemIndex < itemsCount; itemIndex++) {
     
                                var item = items.getItem(itemIndex);
                                var chk = item.get_checked();
                                if (!chk) {
                                    chk = false;
                                }
                                else {
     
                                    chk = item.get_checked();
                                }
     
                                if (chk) {
                                    //debugger;
                                    if (textbox.get_value() == '') {
                                        textbox.set_value(item.get_text());
                                    }
                                    else {
                                        var txt = textbox.get_value();
                                        textbox.set_value(txt + ", " + item.get_text());
                                        combo.Text = txt + ", " + item.get_text();
                                    }
     
                                }
                            }
                        }
     
     
                    }
     
                    function IsCheckAllSelectedReason(sender, eventArgs) {
                        //debugger;
                        var itemCount = sender.get_items().get_count();
                        var selectedItemCount = sender.get_checkedItems().length;
                        if (selectedItemCount == itemCount) {
                            OnClientItemCheckedReason(sender, eventArgs);
     
                        } else if (selectedItemCount == 0) {
                            var textbox = $find('<%= radtxtReason.ClientID %>');
                            textbox.set_value('');
                        }
                        else {
     
     
                            return 0
                        }
                    }
     
                 
     
                </script>
            </telerik:RadCodeBlock>
           
        </div>
        </form>
    </body>
    </html>

    aspx.cs
    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    using System.Web.Services;
    using Telerik.Web.UI;
    using System.Data.SqlClient;
    using System.Configuration;
    using System.Data;
    using System.Text.RegularExpressions;
     
    public partial class Default3 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
                BindReason();
     
        }
        protected void BindReason()
        {
            SqlConnection connection = new SqlConnection(ConfigurationManager.ConnectionStrings["NorthwindConnectionString"].ConnectionString);
            string filterString = string.Empty;
            SqlCommand selectCommand = new SqlCommand(
            @" SELECT * FROM ProductCategories WHERE (Title) LIKE '" + filterString + "%'", connection);
            SqlDataAdapter adapter = new SqlDataAdapter(selectCommand);
            DataTable products = new DataTable();
            adapter.Fill(products);
            cboReason.DataSource = products;
            cboReason.DataTextField = "Title";
            cboReason.DataValueField = "CategoryId";
            cboReason.DataBind();
        }
     
        private void BindGrid()
        {
     
            SqlConnection connection = new SqlConnection(ConfigurationManager.ConnectionStrings["NorthwindConnectionString"].ConnectionString);
            string filterString = string.Empty;
            SqlCommand selectCommand = new SqlCommand(
            @" SELECT * FROM Products WHERE (ProductName) LIKE '" + filterString + "%'", connection);
            SqlDataAdapter adapter = new SqlDataAdapter(selectCommand);
            DataTable products = new DataTable();
            adapter.Fill(products);
            rgAllowance.DataSource = products;
            //rgAllowance.DataBind();
     
        }
        private void ClearData()
        {
            //Need to clear checkbox on Server side , since IE and Firedfox not working with client side
            chkByTime.Checked = false;
            //chkByNRM.Checked = false;
            //chkByNRMOT.Checked = false;
            //chkByOT.Checked = false;
            //chkByActWkHr.Checked = false;
            chkByReason.Checked = false;
            chkNoPayReason.Checked = false;
            chkByDay.Checked = false;
            chkMon.Checked = false;
            chkTue.Checked = false;
            chkWed.Checked = false;
            chkThurs.Checked = false;
            chkFri.Checked = false;
            chkSat.Checked = false;
            chkSun.Checked = false;
            cboReason.ClearCheckedItems();
        }
     
        protected void RadAjaxManager1_AjaxRequest(object sender, AjaxRequestEventArgs e)
        {
            //BindReason();
            string valueStr = e.Argument.ToString();
            char[] splitter = new char[] { ',' };
            string[] valueArray = valueStr.Split(splitter);
     
            string type = valueArray[0];
            string valID = valueArray[1];
     
            string temp = string.Empty;
            temp = "";
     
            ClearData();
     
            if (type.Equals("Edit"))
            {
     
            }
            else if (type.Equals("New"))
            {
     
                lblMessage.Text = "";
                txtAllowanceCd.Enabled = true;
                txtAllowanceCd.Text = "";
                txtAllowanceName.Text = "";
                txtAllowanceAmt.Text = "";
                chkByTime.Checked = false;
                txtFr.Text = "";
                txtTo.Text = "";
                chkByReason.Checked = false;
                chkNoPayReason.Checked = false;
                chkByDay.Checked = false;
                chkMon.Checked = false;
                chkTue.Checked = false;
                chkWed.Checked = false;
                chkThurs.Checked = false;
                chkFri.Checked = false;
                chkSat.Checked = false;
                chkSun.Checked = false;
     
     
            }
            else if (type.Equals("Refresh"))
            {
                BindGrid();
            }
        }
        protected void rgdAllowance_PreRender(object sender, EventArgs e)
        {
            try
            {
                if ((sender as RadGrid).SelectedItems.Count > 0)
                {
     
                    if (rgAllowance.SelectedValue != null)
                    {
                        string regis_id = rgAllowance.SelectedValue.ToString();
                        hid_f.Value = regis_id;
                    }
                }
            }
            catch
            {
                hid_f.Value = "0";
            }
        }
        protected void rgAllowance_OnNeedDataSource(object sender, EventArgs e)
        {
            BindGrid();
            rgAllowance.SelectedIndexes.Add(0);
        }
        protected void btnSave_Click(object sender, EventArgs e)
        {
            string finalReasonCodes = string.Empty;
     
            var collection = cboReason.CheckedItems;
            string text = string.Empty;
            if (collection.Count != 0)
            {
                foreach (var item in collection)
                {
                    text = item.Text;
                }
            }
     
        }
        protected void Check_NRMOTClicked(Object sender, EventArgs e)
        {
            if (chkByNRMOT.Checked == true)
            {
                chkByNRM.Checked = true;
                chkByOT.Checked = true;
                txtNRM.Text = "";
                chkByNRM.Enabled = false;
                chkByOT.Enabled = false;
                cboByNRMCond.Enabled = false;
                txtNRM.Enabled = false;
            }
            else
            {
     
                chkByNRM.Enabled = true;
                chkByOT.Enabled = true;
                cboByNRMCond.Enabled = true;
                txtNRM.Enabled = true;
     
     
            }
        }
        protected void formatValidation(object source, ServerValidateEventArgs arguments)
        {
            lblMessage.Text = "";
     
            Regex regex = new Regex("^(?:0[0-9]|1[0-9]|2[0-3]):[0-5][0-9]|(?:0[0-9]|1[0-9]|2[0-3])[0-5][0-9]$");
            if (!regex.IsMatch(txtFr.Text) && txtFr.Text != "")
            {
                arguments.IsValid = false;
                lblMessage.Text = "Wrong format for From time";
                txtFr.Focus();
                return;
            }
     
            if (!regex.IsMatch(txtTo.Text) && txtTo.Text != "")
            {
                arguments.IsValid = false;
                lblMessage.Text = "Wrong format for To time";
                txtTo.Focus();
                return;
            }
     
            regex = new Regex(@"^\d+(\.\d{1,2})?$");
            if (!regex.IsMatch(txtAllowanceAmt.Text) && txtAllowanceAmt.Text != "")
            {
                arguments.IsValid = false;
                lblMessage.Text = "Wrong format for allowance amount";
                txtAllowanceAmt.Focus();
                return;
            }
     
            if (!regex.IsMatch(txtNRM.Text) && txtNRM.Text != "")
            {
                arguments.IsValid = false;
                lblMessage.Text = "Wrong format for work hours";
                txtNRM.Focus();
                return;
            }
     
            if (!regex.IsMatch(txtOT.Text) && txtOT.Text != "")
            {
                arguments.IsValid = false;
                lblMessage.Text = "Wrong format for OT hours";
                txtOT.Focus();
                return;
            }
     
            if (!regex.IsMatch(txtActHr.Text) && txtActHr.Text != "")
            {
                arguments.IsValid = false;
                lblMessage.Text = "Wrong format for actual hours ";
                txtActHr.Focus();
                return;
            }
     
        }
    }

    Thank you.

    Best regards,
    Ei Wai
  12. Ivan Danchev
    Admin
    Ivan Danchev avatar
    829 posts

    Posted 11 Feb 2015 Link to this post

    Hi Ei,

    We found and fixed some errors with the data binding (wrong table and column names). It is running without errors at our side, see the linked screenshot.

    Please, find attached your project with the changes made.

    Regards,
    Ivan Danchev
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  13. Ei Wai
    Ei Wai avatar
    56 posts
    Member since:
    Jul 2014

    Posted 01 Mar 2015 in reply to Ivan Danchev Link to this post

    Hi Ivan,

    Thank you for your reply. I realized that you've commented out RadFormDecorator control in your sample project. So I did the same for  my project and it worked as expected. I am not sure why this control have conflicted with others. But thanks for your help and I will comment out all my RadFormDecorator controls for now. 

    Best regards,
    Ei Wai
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017