Telerik Forums
UI for ASP.NET AJAX Forum
2 answers
95 views

I have a ascx control that contains a popup radWindow which contains a datalist that is populated at the time the ascx is loaded on the page.  A button displays the radWindow with the preloaded values in a template, which contains an editable textbox on each row.  When the window is hidden, the textbox values should persist in the hidden window until the Save button on the main page is pressed saving the entire page, plus the values in the hidden radWindow.

When I load the page, and open the radWindow for the first time, the previously saved values are displayed in their respective textboxes.  If I then press OK to hide the window, then immediately reopen it, the values in the VISIBLE textbox are gone.  The values in the label control and the HIDDEN textbox are retained.

If when I open the window for the first time with the original values present, then change any one of the visible text boxes, then close and immediately reopen, all my values are retained, including the preloaded values plus any edits.  I can now open and close as many times as I want without changing any data values and not lose any values in the visible textboxes.

If I change the hidden textbox to visible, it also loses its values as in the above scenario.  If I change the visible textbox to hidden, it retains its values in all scenarios.  The label in the <itemtemplate> doesn't seem to be affected.  

If I navigate to the page, which prepopulates the datalist in the radWindow, and DO NOT open the window, then press save on the main page, I also lose the values in the Visible Textbox.

So, it appears that when a textbox is visible in the window, it does not persist its values, unless something has changed.  Not sure why it will show the values when the window opens for the first time and not show them on any subsequent open.  I have tweaked several settings on the radWindow control to no avail.  This is happening in multiple browsers (Chrome, IE, Edge), so not isolated to browser type.  I am curious what is triggered when a value is changed to suddenly persist the values in the VISIBLE text boxes, why the textboxes do not seem to have persisted values when they are visible, regardless if the window is opened or not.

I converted this from another third-party window control and it worked perfectly.  Since we are now using Telerik, it necessitated the change. The only changes I made to the sourcecode was the javascript function that opens the radWindow in the 'onclick' event and  the <telerik:windowmanager> tag, down the to the <ContentTemplate> wrapper tags.  Everything contained between the ContentTemplate tags is exactly the same, essentially reproducing the previous window controls behavior, with the exception of this issue.

Thoughts?!?

Button that opens the window: 

<input type="button" class="command_button" value="..." onclick="javascript: window.radopen(null, 'radPreWin');" />

Window:

 <telerik:RadWindowManager ID="RadWindowManager1" runat="server">
        <Windows>
            <telerik:RadWindow ID="radPreWin" runat="server" Title="Pre-XXXX Funding" Height="400px"
                Width="300px" Left="150px" ReloadOnShow="true" Modal="true" DestroyOnClose="false">
                <ContentTemplate>
                <center>
                   <br />
                    <table>
                        <tr>
                            <td valign="top" colspan="2" width="100%">
                                <asp:HiddenField ID="hidPreFundArr" runat="server" />
                                <asp:datalist id="dlstPreFundList" runat="server" RepeatDirection="vertical" EnableViewState="true" Height="200"
                                cellpadding="0" cellspacing="0">
                                <itemtemplate>
                                <asp:label ID="lblPreFundYear" Width="66" Runat="server" CssClass="standard-text-small">
                                <%# DataBinder.Eval(Container, "DataItem.CP_Funding_Year_Text") %>
                                </asp:label>
                                <asp:TextBox ID="txtPreFundYear" Runat="server" Visible="false" CssClass="standard-text" Columns="15" Text='<%# DataBinder.Eval(Container, "DataItem.CP_Funding_Year") %>'>
                                </asp:TextBox>
                                <asp:TextBox ID="txtPreFundingAmount" Runat="server" Visible="true" CssClass='standard-text' ReadOnly='<%#IIf(mbIsReadOnly, "True", "False") %>' TabIndex="20" Columns="15" Text='<%# Format(DataBinder.Eval(Container, "DataItem.CP_Funding_Amount"), "#,###") %>'>
                                </asp:TextBox>
                                <asp:comparevalidator ID="txtPreFundingAmountValidator" ControlToValidate="txtPreFundingAmount" Type="Currency" Operator="DataTypeCheck" Display="Dynamic" EnableClientScript="false" ErrorMessage="The funding amount must be numeric." runat="server" />
                                </itemtemplate>
                                </asp:datalist></td>
                        </tr>
                    <tr>
                    <td valign="middle" align="right" width="110">
                    <asp:label id="lblPreFund" CssClass="standard-bold" Runat="server">Sub Total   </asp:label>
                </td>
                    <td valign="middle" align="left" width="140">
                    <asp:textbox id="txtPreFundingTotal" tabIndex="15" CssClass="standard-text-gray" Runat="server" Columns="15" ReadOnly="true" AutoPostBack="false"></asp:textbox>
                <asp:comparevalidator ID="Comparevalidator1" ControlToValidate="txtPreFundingTotal" Type="Currency" Operator="DataTypeCheck" Display="Dynamic" EnableClientScript="false" ErrorMessage="The Funding Amount must be numeric." runat="server" />
                    </td>
                    </tr>
                        <tr>
                            <td colspan="2" align="center">
                                <br />
                                <asp:Button ID="cmdOK" runat="server" Text="OK" CssClass="command_button" Visible="true" OnClientClick="javascript:WindowClose();" />
                            </td>
                        </tr>
                    </table>
                    </center>                    
                </ContentTemplate>
            </telerik:RadWindow>
        </Windows>
    </telerik:RadWindowManager>

 

Javascript function that hides the window when "OK" is pressed:

           function WindowClose()
            {
                var oWindow = $find("<%= radPreWin.ClientID %>");
                oWindow.hide();
            }

Marin Bratanov
Telerik team
 answered on 25 Jul 2018
1 answer
156 views

Right now, I am working in administration dashboard. Inside dashboard there is a left side menu which can be expanded or can be collapsed.Let me show you its code,

 

<div id="main-menu" class="main-menu collapse navbar-collapse"><ul class="nav navbar-nav"><li><a href="index.html"><i class="menu-icon fa fa-dashboard"></i>Dashboard </a></li><h3 class="menu-title">UI elements</h3><!-- /.menu-title --><li class="menu-item-has-children dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"aria-haspopup="true" aria-expanded="false"><i class="menu-icon fa fa-laptop"></i>Components
             </a><ul class="sub-menu children dropdown-menu"><li><i class="fa fa-puzzle-piece"></i><a href="ui-buttons.html">Buttons</a></li><li><i class="fa fa-id-badge"></i><a href="ui-badges.html">Badges</a></li><li><i class="fa fa-bars"></i><a href="ui-tabs.html">Tabs</a></li><li><i class="fa fa-share-square-o"></i><a href="ui-social-buttons.html">Social Buttons</a></li><li><i class="fa fa-id-card-o"></i><a href="ui-cards.html">Cards</a></li><li><i class="fa fa-exclamation-triangle"></i><a href="ui-alerts.html">Alerts</a></li><li><i class="fa fa-spinner"></i><a href="ui-progressbar.html">Progress Bars</a></li><li><i class="fa fa-fire"></i><a href="ui-modals.html">Modals</a></li><li><i class="fa fa-book"></i><a href="ui-switches.html">Switches</a></li><li><i class="fa fa-th"></i><a href="ui-grids.html">Grids</a></li><li><i class="fa fa-file-word-o"></i><a href="ui-typgraphy.html">Typography</a></li></ul></li><li class="menu-item-has-children active dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="menu-icon fa fa-table"></i>Tables
           </a><ul class="sub-menu children dropdown-menu"><li><i class="fa fa-table"></i><a href="tables-basic.html">Basic Table</a></li><li><i class="fa fa-table"></i><a href="tables-data.html">Data Table</a></li></ul></li><li class="menu-item-has-children dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="menu-icon fa fa-th"></i>Forms
           </a><ul class="sub-menu children dropdown-menu"><li><i class="menu-icon fa fa-th"></i><a href="forms-basic.html">Basic Form</a></li><li><i class="menu-icon fa fa-th"></i><a href="forms-advanced.html">Advanced Form</a></li></ul></li><h3 class="menu-title">Icons</h3><!-- /.menu-title --><li class="menu-item-has-children dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="menu-icon fa fa-tasks"></i>Icons</a><ul class="sub-menu children dropdown-menu"><li><i class="menu-icon fa fa-fort-awesome"></i><a href="font-fontawesome.html">Font Awesome</a></li><li><i class="menu-icon ti-themify-logo"></i><a href="font-themify.html">Themefy Icons</a></li></ul></li><li><a href="widgets.html"><i class="menu-icon ti-email"></i>Widgets </a></li><li class="menu-item-has-children dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="menu-icon fa fa-bar-chart"></i>Charts</a><ul class="sub-menu children dropdown-menu"><li><i class="menu-icon fa fa-line-chart"></i><a href="charts-chartjs.html">Chart JS</a></li><li><i class="menu-icon fa fa-area-chart"></i><a href="charts-flot.html">Flot Chart</a></li><li><i class="menu-icon fa fa-pie-chart"></i><a href="charts-peity.html">Peity Chart</a></li></ul></li><li class="menu-item-has-children dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="menu-icon fa fa-area-chart"></i>Maps</a><ul class="sub-menu children dropdown-menu"><li><i class="menu-icon fa fa-map-o"></i><a href="maps-gmap.html">Google Maps</a></li><li><i class="menu-icon fa fa-street-view"></i><a href="maps-vector.html">Vector Maps</a></li></ul></li><h3 class="menu-title">Extras</h3><!-- /.menu-title --><li class="menu-item-has-children dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="menu-icon fa fa-glass"></i>Pages</a><ul class="sub-menu children dropdown-menu"><li><i class="menu-icon fa fa-sign-in"></i><a href="page-login.html">Login</a></li><li><i class="menu-icon fa fa-sign-in"></i><a href="page-register.html">Register</a></li><li><i class="menu-icon fa fa-paper-plane"></i><a href="pages-forget.html">Forget Pass</a></li></ul></li></ul><%--<telerik:RadPanelBar ID="rpb_menu" runat="server" DataValueField="view_index" DataTextField="description" ExpandMode="MultipleExpandedItems" DataFieldID="activity_id"DataFieldParentID="parent_id" AllowCollapseAllItems="false" Height="100%" Width="100%" EnableEmbeddedSkins="true" Skin="Glow" BorderStyle="None" BackColor="#272C33" OnItemDataBound="rpb_menu_ItemDataBound"></telerik:RadPanelBar>--%> </div>

 

 

So as you could see there is some hard coded <ul> and <li>s out there and I need to replace it's content and those content will be populated from database.

<table><thead><tr><th title="Field #1">activity_id</th><th title="Field #2">parent_id</th><th title="Field #3">description</th></tr></thead><tbody><tr><td>29</td><td>34</td><td>Topic Management</td></tr><tr><td>30</td><td>34</td><td>Subject Management</td></tr><tr><td>31</td><td>34</td><td>Syllabus Management</td></tr><tr><td>34</td><td>NULL</td><td>LMS</td></tr><tr><td>35</td><td>34</td><td>Question Management</td></tr><tr><td>36</td><td>34</td><td>Online Test Management</td></tr><tr><td>37</td><td>34</td><td>Give Online Test</td></tr></tbody></table>

 

Please run snippet to view content which will be shown in place of hard coded content as shown below,

<li class="menu-item-has-children dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="menu-icon fa fa-laptop"></i>LMS(From database)</a><ul class="sub-menu children dropdown-menu"><li><i class="fa fa-puzzle-piece"></i><a href="ui-buttons.html">Topic Management (from database)</a></li><li><i class="fa fa-id-badge"></i><a href="ui-badges.html">Subject Management(From database)</a></li></ul></li>

Now, I wanna know If I could get desired output using RadPanelBar control?

 

Note:- What I am getting If I'm using RadPanelBar control..

 

<div id="ctl00_rpb_menu" class="RadPanelBar RadPanelBar_Glow" style="background-color:#272C33;border-style:None;height:100%;width:100%;"><br> <ul class="rpRootGroup"><br>      <li class="rpItem rpFirst"><a href="#" class="rpLink rpRootLink rpExpandable panelbarHeaderCollapsed rpFocused"><span class="rpOut"><img alt="" src="images/menu/useradmin.png" class="rpImage"><span class="rpExpandHandle"></span><span class="rpText">User Management</span></span></a><div class="rpSlide"><br>           <ul class="rpGroup rpLevel1 "><br>                <li class="rpItem rpFirst"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">Users Profile</span></span></a></li><li class="rpItem"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">Language Settings</span></span></a></li><li class="rpItem"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">Users/Branch &amp; Academic Registration</span></span></a></li><li class="rpItem"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">Stuff Creation</span></span></a></li><li class="rpItem"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">User Authorization</span></span></a></li><li class="rpItem"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">User Tree</span></span></a></li><li class="rpItem"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">User Role Assaign</span></span></a></li><li class="rpItem"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">Branch To Branch Linking</span></span></a></li><li class="rpItem rpLast"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">User Leads</span></span></a></li><br>          </ul><br>     </div></li><li class="rpItem"><a href="#" class="rpLink rpRootLink rpExpandable panelbarHeaderCollapsed"><span class="rpOut"><img alt="" src="images/menu/pms.png" class="rpImage"><span class="rpExpandHandle"></span><span class="rpText">PMS</span></span></a><div class="rpSlide"><br>            <ul class="rpGroup rpLevel1 "><br>                <li class="rpItem rpFirst"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">Earn Points Set</span></span></a></li><li class="rpItem"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">Consume Points Set</span></span></a></li><li class="rpItem"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">Earn Points Set(Adv.)</span></span></a></li><li class="rpItem"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">Consume Points Set(Adv.)</span></span></a></li><li class="rpItem rpLast"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">Pakage Creation</span></span></a></li><br>           </ul><br>     </div></li><li class="rpItem"><a href="#" class="rpLink panelbarHeaderCollapsed rpRootLink rpExpandable"><span class="rpOut"><img alt="" src="images/menu/lms.png" class="rpImage"><span class="rpExpandHandle"></span><span class="rpText">LMS</span></span></a><div class="rpSlide"><br>            <ul class="rpGroup rpLevel1 "><br>                <li class="rpItem rpFirst"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">Topic Management</span></span></a></li><li class="rpItem"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">Subject Management</span></span></a></li><li class="rpItem"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">Syllabus Management</span></span></a></li><li class="rpItem"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">Question Management</span></span></a></li><li class="rpItem"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">Online Test Management</span></span></a></li><li class="rpItem"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">Give Online Test</span></span></a></li><li class="rpItem"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">Create Board Institution</span></span></a></li><li class="rpItem"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">Class Management</span></span></a></li><li class="rpItem"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">Course Management</span></span></a></li><li class="rpItem"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">Subject Code Management</span></span></a></li><li class="rpItem"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">Syllabus Management Permission</span></span></a></li><li class="rpItem"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">Syllabus Authorization</span></span></a></li><li class="rpItem"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">Assign Test</span></span></a></li><li class="rpItem"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">Course Design</span></span></a></li><li class="rpItem"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">Template Creation</span></span></a></li><li class="rpItem"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">Check Exam</span></span></a></li><li class="rpItem"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">AssignFaculty</span></span></a></li><li class="rpItem"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">CheckResult</span></span></a></li><li class="rpItem rpLast"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">Lecture And Notes</span></span></a></li><br>            </ul><br>     </div></li><li class="rpItem"><a href="#" class="rpLink panelbarHeaderCollapsed rpRootLink rpExpandable"><span class="rpOut"><img alt="" src="images/menu/accounts.png" class="rpImage"><span class="rpExpandHandle"></span><span class="rpText">Account</span></span></a><div class="rpSlide"><br>           <ul class="rpGroup rpLevel1 "><br>                <li class="rpItem rpFirst rpLast"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">Refer users</span></span></a></li><br>         </ul><br>     </div></li><li class="rpItem"><a href="#" class="rpLink panelbarHeaderCollapsed rpRootLink rpExpandable"><span class="rpOut"><img alt="" src="images/menu/general.png" class="rpImage"><span class="rpExpandHandle"></span><span class="rpText">General</span></span></a><div class="rpSlide"><br>            <ul class="rpGroup rpLevel1 "><br>                <li class="rpItem rpFirst rpLast"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">Query Management</span></span></a></li><br>            </ul><br>     </div></li><li class="rpItem"><a href="#" class="rpLink panelbarHeaderCollapsed rpRootLink rpExpandable"><span class="rpOut"><img alt="" src="images/menu/lead_management.png" class="rpImage"><span class="rpExpandHandle"></span><span class="rpText">Lead Management</span></span></a><div class="rpSlide"><br>            <ul class="rpGroup rpLevel1 "><br>                <li class="rpItem rpFirst"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">Lead Master</span></span></a></li><li class="rpItem rpLast"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">Follow Up</span></span></a></li><br>           </ul><br>     </div></li><li class="rpItem rpLast"><a href="#" class="rpLink rpRootLink rpExpandable panelbarHeaderCollapsed"><span class="rpOut"><img alt="" src="images/menu/finance.png" class="rpImage"><span class="rpExpandHandle"></span><span class="rpText">Finance</span></span></a><div class="rpSlide"><br>         <ul class="rpGroup rpLevel1 "><br>                <li class="rpItem rpFirst"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText"><br>Create Fees</span></span></a></li><li class="rpItem"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">Schedule Fee Collection Dates</span></span></a></li><li class="rpItem rpLast"><a href="#" class="rpLink panelbarInnerCollapsed"><span class="rpOut"><span class="rpExpandHandle"></span><span class="rpText">Collect Fees</span></span></a></li><br>          </ul><br>     </div></li><br> </ul><input id="ctl00_rpb_menu_ClientState" name="ctl00_rpb_menu_ClientState" type="hidden" autocomplete="off"><br></div>
Rumen
Telerik team
 answered on 25 Jul 2018
1 answer
124 views

Usually I use the MVC components, and understand that grid really well, but this is the first time using this version of the grid (UI for APS.NET AJAX), and am not familiar with it at all.  I have the option of AllowAutoUpdates marked as true, but when I click the edit link, the form that displays for editing really looks bad.  The form field captions all seem to be aligned to the left, but the form fields are way over to the right.  How can I make this look better?

 

 

Joe
Top achievements
Rank 1
 answered on 24 Jul 2018
8 answers
648 views
Hi,

many Telerik controls can be localized using the given .resx files in App_GlobalResources. Is this also possible for the calendar controls (RadDateTimePicker, RadDatePicker, ...)? We are currently using Q3 2011.

Thanks!

Eyup
Telerik team
 answered on 24 Jul 2018
1 answer
108 views

Hi There,

I have come back to a system I coded 2 years ago. The code worked fine when I last worked on the web app but now I am getting the attached errors.

Does anyone have any ideas why I'm getting these errors.

 

Thanks for your help.

 

Best Regards,

 

Steve.

 

Rumen
Telerik team
 answered on 24 Jul 2018
3 answers
298 views
When trying to apply the "ID" attribute to this control in the ASP.NET page, I get the following error: "Cannont resolve symbol 'radAsyncUpload'".  Here's my code-snippet:

<
telerik:RadAsyncUpload ID="radAsyncUpload" CssClass="hide4print" runat="server" MaxFileInputsCount="10" InitialFileInputsCount="1" MultipleFileSelection="Automatic" OnValidatingFile="RadAsyncUpload_ValidatingFile" />







Marin Bratanov
Telerik team
 answered on 23 Jul 2018
3 answers
2.5K+ views

I am getting this script error in Chrome 67.0.3396.99 when I click a button to edit a column of RadGrid using a custom form template with EditFormType="WebUserControl".  None of the RadNumericTextBox controls seem to work because of the error. 

I have EditMode=PopUp and RenderMode="Auto" which works fine in standard desktop size/mode where I get a popup.  However, I get this error simulating mobile devices when an inline form is displayed instead of a popup:

Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=cntMain_sm1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a83235d95-72c5-4004-91af-69fb711f39d0%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2018.2.710.45%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a8b7d6a7a-6133-413b-b622-bbc1f3ee15e4%3a16e4e7cd%3aed16cbdc%3af7645509%3a88144a7a%3a33715776%3a24ee1bba%3a56e9f55f%3a2a733ecd%3ab7778d6c%3ae085fe68%3af46195d3%3a2003d0b8%3a1e771326%3a2bef5fcc%3aa9b7ace7:6 Uncaught TypeError: Cannot set property 'control' of undefined
    at c.RadListBox.Sys.UI.Control (Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=cntMain_sm1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a83235d95-72c5-4004-91af-69fb711f39d0%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2018.2.710.45%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a8b7d6a7a-6133-413b-b622-bbc1f3ee15e4%3a16e4e7cd%3aed16cbdc%3af7645509%3a88144a7a%3a33715776%3a24ee1bba%3a56e9f55f%3a2a733ecd%3ab7778d6c%3ae085fe68%3af46195d3%3a2003d0b8%3a1e771326%3a2bef5fcc%3aa9b7ace7:6)
    at Function.Type.initializeBase (Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=cntMain_sm1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a83235d95-72c5-4004-91af-69fb711f39d0%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2018.2.710.45%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a8b7d6a7a-6133-413b-b622-bbc1f3ee15e4%3a16e4e7cd%3aed16cbdc%3af7645509%3a88144a7a%3a33715776%3a24ee1bba%3a56e9f55f%3a2a733ecd%3ab7778d6c%3ae085fe68%3af46195d3%3a2003d0b8%3a1e771326%3a2bef5fcc%3aa9b7ace7:6)
    at c.RadListBox.Telerik.Web.UI.RadWebControl (Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=cntMain_sm1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a83235d95-72c5-4004-91af-69fb711f39d0%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2018.2.710.45%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a8b7d6a7a-6133-413b-b622-bbc1f3ee15e4%3a16e4e7cd%3aed16cbdc%3af7645509%3a88144a7a%3a33715776%3a24ee1bba%3a56e9f55f%3a2a733ecd%3ab7778d6c%3ae085fe68%3af46195d3%3a2003d0b8%3a1e771326%3a2bef5fcc%3aa9b7ace7:1062)
    at Function.Type.initializeBase (Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=cntMain_sm1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a83235d95-72c5-4004-91af-69fb711f39d0%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2018.2.710.45%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a8b7d6a7a-6133-413b-b622-bbc1f3ee15e4%3a16e4e7cd%3aed16cbdc%3af7645509%3a88144a7a%3a33715776%3a24ee1bba%3a56e9f55f%3a2a733ecd%3ab7778d6c%3ae085fe68%3af46195d3%3a2003d0b8%3a1e771326%3a2bef5fcc%3aa9b7ace7:6)
    at c.RadListBox.b.ControlItemContainer (Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=cntMain_sm1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a83235d95-72c5-4004-91af-69fb711f39d0%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2018.2.710.45%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a8b7d6a7a-6133-413b-b622-bbc1f3ee15e4%3a16e4e7cd%3aed16cbdc%3af7645509%3a88144a7a%3a33715776%3a24ee1bba%3a56e9f55f%3a2a733ecd%3ab7778d6c%3ae085fe68%3af46195d3%3a2003d0b8%3a1e771326%3a2bef5fcc%3aa9b7ace7:12987)
    at Function.Type.initializeBase (Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=cntMain_sm1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a83235d95-72c5-4004-91af-69fb711f39d0%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2018.2.710.45%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a8b7d6a7a-6133-413b-b622-bbc1f3ee15e4%3a16e4e7cd%3aed16cbdc%3af7645509%3a88144a7a%3a33715776%3a24ee1bba%3a56e9f55f%3a2a733ecd%3ab7778d6c%3ae085fe68%3af46195d3%3a2003d0b8%3a1e771326%3a2bef5fcc%3aa9b7ace7:6)
    at new c.RadListBox (Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=cntMain_sm1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a83235d95-72c5-4004-91af-69fb711f39d0%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2018.2.710.45%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a8b7d6a7a-6133-413b-b622-bbc1f3ee15e4%3a16e4e7cd%3aed16cbdc%3af7645509%3a88144a7a%3a33715776%3a24ee1bba%3a56e9f55f%3a2a733ecd%3ab7778d6c%3ae085fe68%3af46195d3%3a2003d0b8%3a1e771326%3a2bef5fcc%3aa9b7ace7:13923)
    at Sys.Component.create (Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=cntMain_sm1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a83235d95-72c5-4004-91af-69fb711f39d0%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2018.2.710.45%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a8b7d6a7a-6133-413b-b622-bbc1f3ee15e4%3a16e4e7cd%3aed16cbdc%3af7645509%3a88144a7a%3a33715776%3a24ee1bba%3a56e9f55f%3a2a733ecd%3ab7778d6c%3ae085fe68%3af46195d3%3a2003d0b8%3a1e771326%3a2bef5fcc%3aa9b7ace7:6)
    at <anonymous>:6:5
    at Sys._Application.add_init (Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=cntMain_sm1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a83235d95-72c5-4004-91af-69fb711f39d0%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2018.2.710.45%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a8b7d6a7a-6133-413b-b622-bbc1f3ee15e4%3a16e4e7cd%3aed16cbdc%3af7645509%3a88144a7a%3a33715776%3a24ee1bba%3a56e9f55f%3a2a733ecd%3ab7778d6c%3ae085fe68%3af46195d3%3a2003d0b8%3a1e771326%3a2bef5fcc%3aa9b7ace7:6)

 

The issue appears to be with RadListBox.  I'm not using any RadListBox so it must be a control rendered automatically by Telerik software.

I tried updating to the latest Telerik controls (2018.2.710).  I tried changing my popup controls from ClientIdMode=Static to ClientIdMode=Auto.  I tried adding my popup controls to the list of <UpdatedControls> in <telerik:AjaxSetting AjaxControlID="RadGrid1">.  I tried disabling compression in both page and popup.  I followed links to several forum posts but have been unable to resolve the issue.  What would you suggest?  Thanks!

Here is the content of my popup (AdjustInventoryQuantity.ascx):

<asp:HiddenField runat="server" id="quantityAtPageLoad" ClientIDMode="Static" value='<%#DataBinder.Eval(Container, "DataItem.CurrentQuantity")%>'/>
<asp:HiddenField runat="server" id="InventoryId" value='<%#DataBinder.Eval(Container, "DataItem.InventoryId")%>'/>
<div class="col-xs-12 pad-5">
    <telerik:RadNumericTextBox runat="server" RenderMode="Lightweight" CssClass="InventoryQuantity" ShowSpinButtons="true" ID="txtCurrentQuantity" Text='<%#DataBinder.Eval(Container, "DataItem.CurrentQuantity")%>' width="100%" textmode="Number " MinValue="0" MaxValue="2147483647">
        <ClientEvents OnValueChanged="AdjustAdjustment"/>
        <NumberFormat GroupSeparator="" DecimalDigits="0" KeepNotRoundedValue="True"></NumberFormat>
    </telerik:RadNumericTextBox>
</div>
<div class="col-xs-12 pad-5">
    <telerik:RadNumericTextBox runat="server" RenderMode="Lightweight" cssclass="InventoryAdjustment" ShowSpinButtons="true" ID="txtAdjustment" MaxLength="11" textmode="Number" width="100%"
                               Placeholder="Enter Adjustment" MinValue="-2147483648" MaxValue="2147483647">
        <ClientEvents OnValueChanged="AdjustCurrentQuantity"/>
        <NumberFormat GroupSeparator="" DecimalDigits="0" KeepNotRoundedValue="True"></NumberFormat>
    </telerik:RadNumericTextBox>
</div>
<div class="col-xs-12 pad-5">
    <telerik:RadTextBox runat="server" RenderMode="Lightweight" TextMode="MultiLine" ID="txtDescription" Placeholder="Enter Description" width="100%" rows="2" CssClass="AdjustInventoryQuantity" Text='<%#DataBinder.Eval(Container, "DataItem.CurrentQuantityDescription")%>'/>
</div>
<div class="col-xs-12 pad-5">
    <asp:Button runat="server" ID="btnSubmit" Text="Save" CommandName="Update" CssClass="btn btn-success btn-block btn-lg " OnClick="Save"/>
    <asp:Button runat="server" ID="btnCancel" Text="Cancel" CssClass="btn btn-default btn-block btn-lg" CommandName="Cancel" OnClick="Cancel" CausesValidation="false"/>
</div>

 

Here is the content of my page:

01.<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
02.                <AjaxSettings>
03.                    <telerik:AjaxSetting AjaxControlID="RadGrid1">
04.                        <UpdatedControls>
05.                            <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1"></telerik:AjaxUpdatedControl>
06.                        </UpdatedControls>
07.                    </telerik:AjaxSetting>
08.                </AjaxSettings>
09.            </telerik:RadAjaxManager>
10.            <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" skin="Default">
11.            </telerik:RadAjaxLoadingPanel>
12.            <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" EnableAJAX="True" LoadingPanelID="RadAjaxLoadingPanel1" ClientEvents-OnRequestStart="pnlRequestStarted">
13.                <telerik:RadPersistenceManagerProxy runat="server" ID="RadPersistenceManagerProxy1" UniqueKey="Inventories">
14.                    <PersistenceSettings>
15.                        <telerik:PersistenceSetting ControlID="RadGrid1" />
16.                    </PersistenceSettings>
17.                </telerik:RadPersistenceManagerProxy>
18.                <telerik:RadGrid  OnPreRender="RadGrid1_OnPreRender" RenderMode="Auto" ID="RadGrid1" GridLines="None" onitemdatabound="RadGrid1_OnItemDataBound" OnItemCommand="RadGrid1_OnItemCommand" AllowFilteringByColumn="true" runat="server" FilterType="HeaderContext" EnableHeaderContextMenu="true" skin="Bootstrap"
19.                     EnableHeaderContextFilterMenu="true" AllowPaging="False" OnFilterCheckListItemsRequested="RadGrid1_FilterCheckListItemsRequested" AllowSorting="true" GroupingEnabled="true">
20.                    <ExportSettings FileName="Inventory" IgnorePaging="True" SuppressColumnDataFormatStrings="True" ExportOnlyData="True" OpenInNewWindow="True" >
21.                        <Excel Format="Xlsx"  />
22.                    </ExportSettings>
23.                    <MasterTableView CssClass="InventoryGrid" AutoGenerateColumns="False" DataKeyNames="InventoryId" CommandItemDisplay="TopAndBottom" AllowPaging="True"  EditMode="PopUp">
24.                        <PagerStyle AlwaysVisible="True" Mode="NextPrevNumericAndAdvanced" />
25.                        <CommandItemTemplate  >
26.                            <asp:ImageButton runat="server" id="btnNew" ImageUrl="/images/icons/add.png" tooltip="Add New Inventory" alternateText="Add New Inventory" commandName="New" cssclass="right pad-5"/>
27.                            <asp:ImageButton runat="server" id="btnPrint" ImageUrl="/images/icons/print.png" tooltip="Print" alternateText="Print" commandName="Print" cssclass="right pad-5"/>
28.                            <asp:ImageButton runat="server" id="btnExport" ImageUrl="/images/icons/save.png" tooltip="Export to Excel" alternateText="Export to Excel" commandName="Export" cssclass="right pad-5" />
29.                        </CommandItemTemplate>
30.                        <Columns>
31.                             
32.                            <telerik:GridBoundColumn ReadOnly="True" FilterCheckListEnableLoadOnDemand="true" DataField="InventoryName" FilterControlAltText="Filter Inventory Name column" HeaderText="Name" SortExpression="InventoryName" UniqueName="InventoryName"/>
33.                            <telerik:GridBoundColumn ReadOnly="True" Display="False" FilterCheckListEnableLoadOnDemand="false" DataField="InventoryImage" HeaderText="Image" AllowSorting="False" UniqueName="InventoryImage" ConvertEmptyStringToNull="True"/>
34.                            <telerik:GridBoundColumn ReadOnly="True" display="False" FilterCheckListEnableLoadOnDemand="true" DataField="InventoryDescription" FilterControlAltText="Filter Inventory Description column" HeaderText="Description" SortExpression="InventoryDescription" UniqueName="InventoryDescription"/>
35.                            <telerik:GridBoundColumn ReadOnly="True" FilterCheckListEnableLoadOnDemand="true" DataField="BuildingName" FilterControlAltText="Filter Building Name column" HeaderText="Building" SortExpression="BuildingName" UniqueName="BuildingName"/>
36.                            <telerik:GridBoundColumn ReadOnly="True" Display="False" FilterCheckListEnableLoadOnDemand="true" DataField="BuildingId" FilterControlAltText="Filter Building Id column" HeaderText="Building Id" SortExpression="BuildingId" UniqueName="BuildingId"/>
37.                            <telerik:GridBoundColumn ReadOnly="True" FilterCheckListEnableLoadOnDemand="true" DataField="SpaceName" FilterControlAltText="Filter Space Name column" HeaderText="Space" SortExpression="SpaceName" UniqueName="SpaceName"/>
38.                            <telerik:GridBoundColumn ReadOnly="True" Display="false" FilterCheckListEnableLoadOnDemand="true" DataField="SpaceId" FilterControlAltText="Filter Space Id column" HeaderText="Space Id" SortExpression="SpaceId" UniqueName="SpaceId"/>
39.                            <telerik:GridBoundColumn ReadOnly="True" FilterCheckListEnableLoadOnDemand="true" DataField="InventoryTypeName" FilterControlAltText="Filter Inventory Type column" HeaderText="Type" SortExpression="InventoryTypeName" UniqueName="InventoryTypeName"/>
40.                            <telerik:GridBoundColumn ReadOnly="True" FilterCheckListEnableLoadOnDemand="true" DataField="CategoryName" FilterControlAltText="Filter Inventory Category column" HeaderText="Category" SortExpression="CategoryName" UniqueName="CategoryName"/>
41.                            <telerik:GridBoundColumn ReadOnly="True" display="False" FilterCheckListEnableLoadOnDemand="true" DataField="UnitQuantityAbbreviation" FilterControlAltText="Filter Unit Abbreviation" HeaderText="Unit" SortExpression="UnitQuantityAbbreviation" UniqueName="UnitQuantityAbbreviation"/>
42.                            <telerik:GridBoundColumn ReadOnly="True" display="False" FilterCheckListEnableLoadOnDemand="true" DataField="UnitPrice" DataFormatString="{0:C}" FilterControlAltText="Filter Unit Price" HeaderText="Price" SortExpression="UnitPrice" UniqueName="UnitPrice"/>
43.                            <telerik:GridBoundColumn ReadOnly="True" FilterCheckListEnableLoadOnDemand="true" DataField="CurrentQuantity"  FilterControlAltText="Filter Current Quantity" HeaderText="Quantity" SortExpression="CurrentQuantity" UniqueName="CurrentQuantity"/>
44.                            <telerik:GridBoundColumn ReadOnly="True" display="False" FilterCheckListEnableLoadOnDemand="true" DataField="CurrentQuantityDescription"  FilterControlAltText="Filter Current Quantity Description" HeaderText="Quantity Description" SortExpression="CurrentQuantityDescription" UniqueName="CurrentQuantityDescription"/>
45.                            <telerik:GridBoundColumn ReadOnly="True" display="False" FilterCheckListEnableLoadOnDemand="true" DataField="MinimumQuantity" FilterControlAltText="Filter Minimum Quantity" HeaderText="Minimum" SortExpression="MinimumQuantity" UniqueName="MinimumQuantity"/>
46.                            <telerik:GridBoundColumn ReadOnly="True" display="False" FilterCheckListEnableLoadOnDemand="true" DataField="PartNumber" FilterControlAltText="Filter Part Number" HeaderText="Part" SortExpression="PartNumber" UniqueName="PartNumber"/>
47.                            <telerik:GridBoundColumn ReadOnly="True" display="False" FilterCheckListEnableLoadOnDemand="true" DataField="ModelNumber" FilterControlAltText="Filter Model Number" HeaderText="Model" SortExpression="ModelNumber" UniqueName="ModelNumber"/>
48.                            <telerik:GridBoundColumn ReadOnly="True" display="False" FilterCheckListEnableLoadOnDemand="true" DataField="StockNumber" FilterControlAltText="Filter Stock Number" HeaderText="Stock" SortExpression="StockNumber" UniqueName="StockNumber"/>
49.                            <telerik:GridBoundColumn ReadOnly="True" display="False" FilterCheckListEnableLoadOnDemand="true" DataField="Manufacturer" FilterControlAltText="Filter Manufacturer" HeaderText="Mfr." SortExpression="Manufacturer" UniqueName="Manufacturer"/>
50.                            <telerik:GridBoundColumn ReadOnly="True" display="False" FilterCheckListEnableLoadOnDemand="true" DataField="Url" FilterControlAltText="Filter Url" HeaderText="Url" SortExpression="Url" UniqueName="Url"/>
51.                            <telerik:GridEditCommandColumn UniqueName="Adjust" EnableHeaderContextMenu="false" Exportable="False" ButtonType="ImageButton" EditImageUrl="/images/icons/Adjust.png"/>
52.                            <telerik:GridButtonColumn ConfirmText="Delete this inventory?" ConfirmDialogType="RadWindow" EnableHeaderContextMenu="False" ConfirmTitle="Delete" Exportable="False" Reorderable="False" ButtonType="ImageButton" ImageUrl="/images/icons/delete.png" CommandName="Delete" Text="Delete" UniqueName="Delete" />
53.                            <telerik:GridButtonColumn  Text="Edit" CommandName="Detail" Exportable="False" Reorderable="False" EnableHeaderContextMenu="False" FilterCheckListEnableLoadOnDemand="False"  ButtonType="ImageButton" ImageUrl="/images/icons/edit.png"  UniqueName="Detail"/>
54.                            
55.                        </Columns>
56.                        <EditFormSettings UserControlName="/Controls/AdjustInventoryQuantity.ascx" EditFormType="WebUserControl">
57.                            <PopUpSettings Modal="True" ShowCaptionInEditForm="True" Width="320px"  />
58.                        </EditFormSettings>
59.                    </MasterTableView>
60.                    <ClientSettings>
61.                        <ClientEvents OnPopUpShowing="PopUpShowing" />
62.                        <Selecting AllowRowSelect="true" />
63.                    </ClientSettings>
64.                </telerik:RadGrid>
65.            </telerik:RadAjaxPanel>

 

Page Script:

01.var xPos;
02.var yPos;
03.$(document).ready(function () {
05.    $(document).on('mouseenter', "input[src='/images/icons/Adjust.png']", function (e) {
06.        xPos = e.pageX;
07.        yPos = e.pageY;
08.    });
09.});
10. 
11.function pnlRequestStarted(ajaxPanel, eventArgs) {
12.    if (eventArgs.EventTarget.includes("btnExport") || eventArgs.EventTarget.includes("btnPrint")) {
13.        eventArgs.EnableAjax = false;
14.    } else {
15.        eventArgs.EnableAjax = true;
16.    }
17.}
18.var popUp;
19.function PopUpShowing(sender, eventArgs) {
20.    var $sender = $(sender);
21.    popUp = eventArgs.get_popUp();
22.    var popUpWidth = popUp.style.width.substr(0, popUp.style.width.indexOf("px"));
23.    popUp.style.left = xPos - popUpWidth + "px";
24.    popUp.style.top = yPos + "px";
25.}
26.function AdjustCurrentQuantity(sender, eventArgs) {
27. 
28.    var quantityAtPageLoad = parseInt($("#quantityAtPageLoad").val());
29.    var adjustment = parseInt($(".InventoryAdjustment").val());
30. 
31.    if ((quantityAtPageLoad + adjustment) >= 0) {
32.        $(".InventoryQuantity").val(quantityAtPageLoad + adjustment);
33.    } else {
34.        if (isNaN(adjustment)) {
35.            $(".InventoryQuantity").val(quantityAtPageLoad);
36.        } else {
37.            $(".InventoryAdjustment").val(quantityAtPageLoad * -1);
38.            $(".InventoryQuantity").val(0);
39.        }
40. 
41.    }
42.};
43.function AdjustAdjustment(sender, eventArgs) {
44.    var quantityAtPageLoad = parseInt($("#quantityAtPageLoad").val());
45.    var currentQuantity = parseInt($(".InventoryQuantity").val());
46.    if (currentQuantity >= 0) {
47.        $(".InventoryAdjustment").val(currentQuantity - quantityAtPageLoad);
48.    }
49.};
Marin Bratanov
Telerik team
 answered on 23 Jul 2018
1 answer
258 views

Hello, I'm new in telerik teleport designer and i need "Radgrid Header Context Menu Filter option for choosing columns displayed", but i don't know, where i can find it menu in telerik. can you help me? I can't find "EnableHeaderContextMenu" also:(

Please, help me(

Vessy
Telerik team
 answered on 23 Jul 2018
3 answers
156 views

I'm using "AllowCustomSorting" to prevent the RadGrid from sorting the values (they are already sorted) and let it just show the sort direction.

This works fine for "normal" columns.

 

But if such a column is grouped, the RadGrid ignores this setting and sorts by itself.

In my case it's a column with DateTime values (already formatted as strings) - they are already correctly sorted. But if I group this column, the RadGrid sorts the values itself, and especially for DateTime values as strings, this doesn't work correctly.

 

How can I prevent the RadGrid from sorting grouped columns and just use them as they are? I'm on the current version (2018.1) of Telerik ASP.NET Ajax.

 

Thanks!

Eyup
Telerik team
 answered on 23 Jul 2018
3 answers
372 views

Hi,

My issue and code here:
I have a telerik RadNumeric Text Box and a button.  When i enter 6 digit number in the text box, it should auto tab to button.
I am using "OnKeyUp" to achieve this. The first time i type in the 6 digits into the text box, it auto tabs to the button. After that, if i go back to the text box to enter a new number, after entering a single digit, it auto tabs out. It does not wait till i enter 6 digits to tab out.
I can't figure out why it is tabbing out after entering a single digit. 
NOTE: When i load the page the first time, it works good. It tabs out after entering 6 digits. Every subsequent attempt  to enter a number in that text box, it tabs out after single digit.(No new page load involved). Why is it tabbing out after entering single digit

 

<telerik:RadNumericTextBox ID="txtClientIDSelect" Runat="server" AutoPostBack="false"  
                                DataType="System.Int32" ValidationGroup="Submit"  OnTextChanged="txtClientIDSelect_TextChanged"
                                  MaxLength="6" Width="50px" onkeyup="NumericValue1KeyDown(this,event)"    >
                            <NumberFormat ZeroPattern="n" AllowRounding="False" DecimalDigits="0" DecimalSeparator="#" GroupSeparator=""
                                    GroupSizes="6"></NumberFormat>
                                    
                            </telerik:RadNumericTextBox>
                            <asp:RequiredFieldValidator ID="reqClientID" runat="server" ControlToValidate="txtClientIDSelect" ValidationGroup ="Submit"
                    ErrorMessage="ClientID is required." ToolTip="ClientID is required." InitialValue="--Select--"
                    SetFocusOnError="True">*</asp:RequiredFieldValidator>
                           <%-- <asp:TextBox ID="txtClientIDSelect" runat="server"></asp:TextBox>--%>
                              
                            <asp:Button ID="btnSubmitClient" runat="server" Text="SUBMIT" ValidationGroup ="Submit"
                                onclick="btnSubmitClient_Click" />
 
<script type="text/javascript">
                 
            function NumericValue1KeyDown(sender, e) {
            var key = e.keyCode;
            var textCount = 0;
            textCount = document.getElementById('<%= txtClientIDSelect.ClientID %>').value
            //setTimeout(function() { }, 200);
            if(textCount.length >= 6)
            {
             document.getElementById('<%=btnSubmitClient.ClientID %>').disabled = false ;
             document.getElementById('<%=btnSubmitClient.ClientID %>').focus();
            }
            }
</script>
Rumen
Telerik team
 answered on 20 Jul 2018
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?