Enabling Telerik gridcheckboxcolumn - telerik

I am trying to use a GridCheckboxColumn in a Telerik RadGrid to allow users to select or deselect a particular item. My problem is that the checkboxes in the column are not cickable. How do I make them clickable? Thank you in advance for you help.
<Columns>
<telerik:GridBoundColumn HeaderText="FMP Item ID" DataField="FMPItemID" UniqueName="FMPItemID" Visible="True">
</telerik:GridBoundColumn>
</telerik:GridTemplateColumn>
<telerik:GridCheckBoxColumn DataField="IsInclude" DataType="System.Boolean" HeaderText="Included" UniqueName="gcbIsIncluded" AllowSorting="true">
</telerik:GridCheckBoxColumn>
</Columns>

Related

Telerik RadGrid Does not Show

I have a RadGrid That is used in several ASPX applications. It works fine in other apps. However when I copy and paste it into this aspx page it does not work. I get no error messages and the OnNeedData method shows records being pulled. All I get is a white line where the RadGrid should appear. Below is the RAdGrid Setup
<telerik:RadGrid ID="RadGridSubject" runat="server"
OnInsertCommand="RadGridSubject_InsertCommand"
OnUpdateCommand="RadGridSubject_UpdateCommand"
AllowAutomaticInserts="false"
AutoGenerateColumns="false"
OnNeedDataSource="RadGridSubject_NeedDataSource"
AllowAutomaticDeletes="false"
MasterTableView-AllowAutomaticInserts="true">
<MasterTableView AutoGenerateColumns="false" CommandItemDisplay="Top"
DataKeyNames="CaseId_FK, SubjectId" Font-Size="Medium"
NoMasterRecordsText="No Subjects Entered"
CommandItemSettings-AddNewRecordText="Add New Subject">
<Columns>
<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn" />
<telerik:GridDateTimeColumn DataField="ReceivedDate" HeaderText="ReceivedDate" SortExpression="OrderDate"
PickerType="DatePicker" EnableTimeIndependentFiltering="true" DataFormatString="{0:MM/dd/yyyy}">
</telerik:GridDateTimeColumn>
<telerik:GridBoundColumn UniqueName="SubjectName" HeaderText="Subject Name" DataField="SubjectName"></telerik:GridBoundColumn>
<telerik:GridDateTimeColumn DataField="SubjectDOB" HeaderText="DOB" SortExpression="DOB"
PickerType="DatePicker" EnableTimeIndependentFiltering="true" DataFormatString="{0:MM/dd/yyyy}">
</telerik:GridDateTimeColumn>
<telerik:GridBoundColumn UniqueName="Race" HeaderText="Race" DataField="SubjectRace"></telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="Sex" HeaderText="Sex" DataField="SubjectSex"></telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="JackectNumnber" HeaderText="Jackect #" DataField="Jacketnum"></telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="SID" HeaderText="SID #" DataField="SID"></telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="FBI" HeaderText="FBI #" DataField="FBI"></telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="SubjectOther" HeaderText="Other" DataField="SabjectOtherInfo"></telerik:GridBoundColumn>
<telerik:GridTemplateColumn AllowFiltering="false">
<ItemTemplate>
<asp:Button ID="btnSubjectDelete" CssClass="btn btn-xs btn-danger" Text="Delete" runat="server" OnClick="btnSubjectDelete_Click" OnClientClick="confirmAspButton(this); return false;"></asp:Button>
</ItemTemplate>
</telerik:GridTemplateColumn>
</Columns>
<EditFormSettings UserControlName="SubjectEdit.ascx" EditFormType="WebUserControl" PopUpSettings-Modal="false">
<EditColumn UniqueName="EditCommandColumn1"></EditColumn>
</EditFormSettings>
</MasterTableView>
</telerik:RadGrid>
Why would it work on other pages within the web app but not this one? When you copy and paste a RADGrid do I need to reset all of the properties?
This was an error on my part. I failed to Bind the RadGrid once I did that the control worked as designed.

telerik GridEditCommandColumn + pass row index to another page

I have a web form, mypage.aspx and I use a Radgrid to bind data from an entity data model using a linq to entities query.
In my RadGrid i have 2 columns that get data from my entities model and an "Edit" column (telerik:GridEditCommandColumn).
When i click on Edit i want to pass the Id for the specific record in a new page, MydetailsPage.aspx. In that page I want to edit the specific row and save the record. I want to pass the id as a query string from mypage.aspx to MydetailsPage.aspx. Then i need to pass that id in the Linq to entities query in MydetailsPage.aspx in order to retrieve the data.
In MydetailsPage.aspx page I have 2 textbox web server controls that I need to bind the values from columns "SystemName" and "Title" from mypage.aspx.
thanks
<MasterTableView EditMode="EditForms" AllowFilteringByColumn="False" AllowSorting="False" DataKeyNames="Id" AutoGenerateColumns="false">
<Columns>
<telerik:GridBoundColumn DataField="SystemName" HeaderText="SystemName" SortExpression="SystemName"
UniqueName="SystemName">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Title" HeaderText="Title" SortExpression="Title"
UniqueName="Title">
</telerik:GridBoundColumn>
<telerik:GridEditCommandColumn ButtonType="LinkButton" UniqueName="EditCommandColumn" >
</telerik:GridEditCommandColumn >
</Columns>
<EditFormSettings>
<EditColumn ButtonType="ImageButton" />
</EditFormSettings>
</MasterTableView>
</telerik:RadGrid>

Rebind detailtable in radgrid

i have a radgrid with detailtables ,
detailTable has "GridEditCommandColumn" and another "GridTemplateColumn" that contains linkbutton to remove row ,
<MasterTableView DataKeyNames="FEATURE_ID">
<Columns>
<telerik:GridBoundColumn DataField="FEATURE_ID" UniqueName="FeatureID" ></telerik:GridBoundColumn>
</Columns>
<DetailTables>
<telerik:GridTableView ShowHeader="true" CommandItemDisplay="Top"
SkinID="RadGridSkin" Width="100%" runat="server" Name="Fees"
EditMode="InPlace">
<Columns>
<telerik:GridEditCommandColumn></telerik:GridEditCommandColumn>
<telerik:GridBoundColumn DataField="FEE_TEMPLATE_ID" UniqueName="FeeID"></telerik:GridBoundColumn>
<telerik:GridTemplateColumn UniqueName="DeleteFee">
<ItemTemplate>
<asp:LinkButton ID="RemoveFee" runat="server" CommandName="RemoveFee" Text="RemoveFee" ImageUrl="../../../images/cancel.png" ToolTip="<%$Resources:Strings,remove %>" />
</ItemTemplate>
</telerik:GridTemplateColumn>
</Columns>
</telerik:GridTableView>
</DetailTables>
</MasterTableView>
in code behind in itemCommand event :
dataSource of radgrid is updated and Datable.acceptchanges() is called ;
how to rebind only the detailTable where changes have occurred ??
You didn't supply the name of your RadGrid, but the first thing I would try is:
RadGrid1.MasterTableView.DetailTables(0).Rebind(),
or, although I'm not sure whether this works for you (it compiles in VS for me), you might be able to say:
RadGrid1.MasterTableView.DetailTables("Fees").Rebind().
Obviously, replace 'RadGrid1' with the name of your RadGrid.

Telerik RadGrid not opening popup editor

I've a Telerik Radgrid displaying a list of customers. In the grid, I have a command button that's supposed to open a popup editor to add new customers. For some reason, the popup does not open. It shows a small flicker and nothing happens. Strangely enough, if I go into the database, manually add a customer record and refresh the grid, I'm able to open the editor.
Here is the grid definition in my ascx:
<telerik:RadGrid ID="CustomerList" runat="server"
GroupingEnabled="False" ShowStatusBar="True" OnPreRender="CustomerList_PreRender"
DataSourceID="CustomerDataSource"
OnItemCommand="CustomerList_ItemCommand" OnItemDataBound="CustomerList_ItemDataBound"
OnInsertCommand="CustomerList_InsertCommand" OnItemInserted="CustomerList_ItemInserted"
OnItemEvent="CustomerList_ItemEvent" >
<MasterTableView DataKeyNames="CustomerId" DataSourceID="CustomerDataSource"
AllowPaging="true" AutoGenerateColumns="False"
GridLines="None" EditMode="PopUp" ShowFooter="True"
InsertItemDisplay="Bottom" CommandItemDisplay="TopAndBottom" >
<CommandItemSettings AddNewRecordText="Add Customer" />
<Columns>
<telerik:GridBoundColumn DataField="CustomerId" DataType="System.Int32" FilterControlAltText="Filter CustomerId column" HeaderText="CustomerId" ReadOnly="True" SortExpression="CustomerId" UniqueName="CustomerId">
<ColumnValidationSettings>
<ModelErrorMessage Text="" />
</ColumnValidationSettings>
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="CustomerName" FilterControlAltText="Filter CustomerName column" HeaderText="CustomerName" SortExpression="CustomerName" UniqueName="CustomerName">
<ColumnValidationSettings>
<ModelErrorMessage Text="" />
</ColumnValidationSettings>
</telerik:GridBoundColumn>
<telerik:GridEditCommandColumn UniqueName="EditCommandColumn">
<ItemStyle Width="20px" Font-Underline="true" />
</telerik:GridEditCommandColumn>
</Columns>
<NoRecordsTemplate>
No customers have been created yet.
</NoRecordsTemplate>
<EditFormSettings EditFormType="WebUserControl" CaptionDataField="CustomerName"
UserControlName="~/UserControls/CustomerEditor.ascx"
>
<EditColumn UniqueName="EditCommandColumn" HeaderButtonType="TextButton">
</EditColumn>
<PopUpSettings ScrollBars="None" Width="581"/>
</EditFormSettings>
<PagerStyle Mode="NextPrevAndNumeric" Position="Bottom" />
</MasterTableView>
</telerik:RadGrid>
Any help is most welcome!

Telerik RadGrid: My "delete record" checkbox column is read only. How can I fix this?

Here's my grid:
<telerik:RadGrid AutoGenerateColumns="False" ID="grdUsers" DataSourceID="LinqDataSource1" AllowSorting="True" runat="server" GridLines="None" Skin="Office2007">
<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default"></HeaderContextMenu>
<MasterTableView TableLayout="Fixed" DataSourceID="LinqDataSource1">
<CommandItemSettings ExportToPdfText="Export to Pdf"></CommandItemSettings>
<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column"></RowIndicatorColumn>
<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column"></ExpandCollapseColumn>
<Columns>
<telerik:GridBoundColumn HeaderText="FirstName" DataField="FirstName" ReadOnly="True" SortExpression="FirstName" HeaderStyle-Width="150"></telerik:GridBoundColumn>
<telerik:GridBoundColumn HeaderText="LastName" HeaderStyle-Width="150" DataField="LastName" ReadOnly="True" SortExpression="LastName"></telerik:GridBoundColumn>
<telerik:GridBoundColumn HeaderText="Email" DataField="Email" ReadOnly="True" SortExpression="Email"></telerik:GridBoundColumn>
<telerik:GridCheckBoxColumn HeaderText="Delete?" HeaderStyle-Width="60" ReadOnly="false"></telerik:GridCheckBoxColumn>
</Columns>
<EditFormSettings>
<EditColumn FilterControlAltText="Filter EditCommandColumn column"></EditColumn>
</EditFormSettings>
</MasterTableView>
<FilterMenu EnableImageSprites="False"></FilterMenu>
</telerik:RadGrid>
As you can see, I have a GridCheckBoxColumn at the end that I would like the users to be able to select a few records and then click another button to delete them. The problem is that the check boxes are all disabled even though I set the ReadOnly property to false.
Any ideas?
You are using the GridCheckBoxColumn incorrectly. It must be bound to a datafield just like a GridBoundColumn. In your case, you need to place a CheckBox in an ItemTemplate of a GridTemplateColumn. This will achieve your desired result.
Here is a link from Telerik going through the entire process: http://www.telerik.com/help/aspnet/grid/grddeletegriditemsdependingoncheckboxstate.html

Resources