or
1 answer
117 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
268 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
