Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
49 views

Hello, everyone. I need your help. How can I disable the button when uploading an image, and the button becomes enable after the image is uploaded successfully. I'd prefer to do it in JavaScript but I failed. just like

var btnMove = $find("<%= RadGrid1.ClientID %>").get_masterTableView().get_commandItem().findControl("btnMove");             
btnMove.set_enabled(false);

It's useless,how can I do it. there are my code.

 <telerik:RadMultiPage runat="server" ID="RadMultiPage1" SelectedIndex="0" CssClass="outerMultiPage">
            <telerik:RadPageView runat="server" ID="RadPageView1">
                <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1" Height="740px" BackColor="#FFFFFF">                   
                    <div class="ContentRow">
                        <div class="column c1 ">
                            <telerik:RadLabel ID="LabContainer" runat="server" Text="LabContainer" CssClass="LabOnRight" ForeColor="#000000"></telerik:RadLabel>
                        </div>
                        <div class="column c2 ">
                             <telerik:RadTextBox ID="txtContainer" runat="server" ></telerik:RadTextBox>
                        </div>
                    </div>     
                    <div class="ContentRow">                  
                           <telerik:RadAsyncUpload RenderMode="Lightweight" runat="server" ID="AsyncUpload1" AllowedFileExtensions="jpeg,jpg,gif,png,bmp"   OnClientFileUploading="OnClientFileUploading" OnClientValidationFailed="onClientValidationFailed"  MaxFileInputsCount="1" PostbackTriggers="btnMove" >                                
                            </telerik:RadAsyncUpload>                            
                     </div>
                    <telerik:RadGrid RenderMode="Lightweight" runat="server" ID="RadGrid1" Height="700px" AllowPaging="true" PageSize="10" AllowAutomaticDeletes="true" 
                        AllowAutomaticUpdates="false" AllowAutomaticInserts="false"  AllowFilteringByColumn="false" AllowMultiRowSelection="false"
                        OnNeedDataSource="RadGrid_NeedDataSource" OnItemCommand="RadGrid_ItemCommand" OnItemDataBound="RadGrid_ItemDataBound" 
                        OnItemCreated="RadGrid_ItemCreated" OnDeleteCommand ="RadGrid_DeleteCommand" >
                        <PagerStyle Position="Bottom" AlwaysVisible="true" PageSizes="10,20,30"></PagerStyle>
                        <ClientSettings EnableAlternatingItems="true" AllowKeyboardNavigation="False" EnablePostBackOnRowClick="true">
                            <Selecting AllowRowSelect="false" />
                            <Scrolling AllowScroll="true" UseStaticHeaders="true"></Scrolling>
                        </ClientSettings>
                         <AlternatingItemStyle BackColor ="LightBlue" />
                        <MasterTableView DataKeyNames="ContainerName" AutoGenerateColumns="false" CommandItemDisplay="Top" EditMode="PopUp">
                            <CommandItemTemplate>
                                <telerik:RadPushButton ID="btnClearAll" runat="server" UniqueName="btnClearAll" Text="Clear All" OnClick ="btnClearAll_Click"></telerik:RadPushButton>
                                <telerik:RadPushButton ID="btnMove" runat="server" UniqueName="btnMove" Text="Move In" OnClientClicking="ShowMoveForm"></telerik:RadPushButton>                               
                            </CommandItemTemplate>
                            <CommandItemSettings ShowAddNewRecordButton="false" />
                            <Columns>
 </Columns>
                        </MasterTableView>
                    </telerik:RadGrid>

                </telerik:RadAjaxPanel>
            </telerik:RadPageView>
<telerik:RadPageView runat="server" ID="RadPageView2">
//
//
</telerik:RadMultiPage>


Attila Antal
Telerik team
 answered on 26 Apr 2023
5 answers
149 views

It's my understanding that if I'm using Classic RenderMode, I should get the Sprite Icons on the pushbutton, if I use LightWeight rendering I should get the Kendo css images, with that being said, this took some digging to get it to this simple of an example, with the RadButton ID="btnRadButton" the icons will show the sprite image and the css image for both Classic and LightWeight rendering.  If you take the RadButton ID="btnRadButton" off the page, or set visible="false", you'll get the css images only.

Using 2020.1.114.45 Upgraded to 2020.1.219.45  same issue with the latest version

 

 

 

 

 

 

 

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="Test._Default" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html>
<html>
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnableScriptCombine="True">
        </telerik:RadScriptManager>
        <telerik:RadButton ID="btnRadButton" runat="server" Text="My Button" RenderMode="Classic"
            AutoPostBack="false" >
        </telerik:RadButton>
        <h1>Classic</h1>
        <telerik:RadPushButton ID="btnOK" runat="server" Text="OK Classic" RenderMode="Classic" >
            <Icon CssClass="rbOk" Top="6px" />
        </telerik:RadPushButton>
        <telerik:RadPushButton ID="btnSearch" runat="server" Text="Search Classic" RenderMode="Classic">
            <Icon CssClass="rbSearch" Top="6px" />
        </telerik:RadPushButton>
        <telerik:RadPushButton ID="btnCancel" runat="server" Text="Cancel Classic" RenderMode="Classic">
            <Icon CssClass="rbCancel" Top="6px" />
        </telerik:RadPushButton>
        <h1>Lightweight</h1>
        <telerik:RadPushButton ID="RadPushButton1" runat="server" Text="OK Classic" RenderMode="Lightweight" >
            <Icon CssClass="rbOk" Top="6px" />
        </telerik:RadPushButton>
        <telerik:RadPushButton ID="RadPushButton2" runat="server" Text="Search Classic" RenderMode="Lightweight">
            <Icon CssClass="rbSearch" Top="6px" />
        </telerik:RadPushButton>
        <telerik:RadPushButton ID="RadPushButton3" runat="server" Text="Cancel Classic" RenderMode="Lightweight">
            <Icon CssClass="rbCancel" Top="6px" />
        </telerik:RadPushButton>
    </form>
</body>
</html>

Rumen
Telerik team
 answered on 07 May 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?