This is a migrated thread and some comments may be shown as answers.

How to make template column not editable

1 Answer 72 Views
This is a migrated thread and some comments may be shown as answers.
Ei Wai
Top achievements
Rank 1
Ei Wai asked on 24 Dec 2014, 01:40 AM

I have radgrid with InPlace edit mode. Inside one of the template column is radbutton which is used as checkbox. 

<telerik:GridTemplateColumn HeaderText="Present" UniqueName="Present" >
          <telerik:RadButton ID="btnAttendTwo" runat="server" ToggleType="CheckBox" Skin="Office2010Silver"
          ButtonType="LinkButton" CommandArgument="UpdatePresent" EnableEmbeddedSkins="False"
           Width="70px" Height="45px">
          <telerik:RadButtonToggleState Text="" Value="false" PrimaryIconCssClass="rbToggleCheckboxChecked" />
          <telerik:RadButtonToggleState Text="" Value="true" PrimaryIconCssClass="rbToggleCheckbox" />
 <ItemStyle HorizontalAlign="Left" VerticalAlign="Top"   />
<HeaderStyle HorizontalAlign="Center" Width="2%" />
 <FooterStyle BorderStyle="None" />

My problem is when user click on surrounding area of radbutton for a couple of times, the page hang and can't do anything. It is ok when clicking on radbutton multiple times. So, I was thinking how to make the surrounding area not editable for this column only. I tried to set readonly properties. But no luck. Can someone advice me how to make it work? I also tried to fill whole column with button. But there is some space left even if I tried to change width and height of button.

1 Answer, 1 is accepted

Sort by
Konstantin Dikov
Telerik team
answered on 26 Dec 2014, 12:40 PM

I have tested your GridTemplateColumn in a simple scenario, but I am not able to replicate any issue on my end.

However, if you want to disable the entire RadGrid once you click on the RadButton, you can wrap the grid in a RadAjaxPanel for example and display RadAjaxLoadingPanel after the AJAX request starts:
<telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1" Skin="Default"></telerik:RadAjaxLoadingPanel>
<telerik:RadAjaxPanel runat="server" LoadingPanelID="RadAjaxLoadingPanel1">
    <telerik:RadGrid runat="server" ID="RadGrid1">

Please give this a try and see if the result meets your requirement.

Konstantin Dikov

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.

Asked by
Ei Wai
Top achievements
Rank 1
Answers by
Konstantin Dikov
Telerik team
Share this question