How to make template column not editable

[Ei Wai]

Hello, 

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

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.

[Konstantin Dikov]

Hello,

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">
        ....
    </telerik:RadGrid>
</telerik:RadAjaxPanel>

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


Regards,
Konstantin Dikov
Telerik