We Keep Coding

How to allow html tags in DataGrid BoundColumn cell

I have an asp.net web forms app.
I want to be able add html tags inside DataGrid cell. Problem is DataGrid doesn't support HtmlEncode property for the BoundColumn . And after i click update i have System.Web.HttpRequestValidationException error .
I understand that I could set ValidateRequestMode for the DataGrid or ValidateRequest for the whole page, but I want to set this property only for one column.
How can i allow to input HTML tags for a single column?
UPDATE: If if use ItemTemplate, this cell will not be able to edit from OnEditCommand. I need a way to make it editable like other cells.
My Grid:
<asp:DataGrid runat="server" ID="MainGrid" AutoGenerateColumns="false" OnEditCommand="MainGrid_EditCommand" OnUpdateCommand="MainGrid_UpdateCommand" OnItemDataBound="MainGrid_ItemDataBound" OnSortCommand="MainGrid_SortCommand" AllowSorting="true" >
<Columns>
<asp:BoundColumn HeaderText="Id" DataField="ID" />
<asp:BoundColumn HeaderText="Name" DataField="Name"/>
<asp:BoundColumn HeaderText="Source" DataField="Source"/>
<asp:BoundColumn DataField="Is Active" HeaderText="Is Active" />
<asp:BoundColumn DataField="Email" HeaderText="Email" SortExpression="Email" />
<asp:TemplateColumn HeaderText="Additional info" SortExpression="Additional info" >
<ItemTemplate >
<asp:Literal Text='<%# DataBinder.Eval(Container.DataItem, "Additional info") %>
runat="server" ValidateRequestMode="Disabled" />
</ItemTemplate>
</asp:TemplateColumn>
<asp:BoundColumn DataField="Photo Path" HeaderText="Photo Path"/>
<asp:EditCommandColumn EditText="Edit" CancelText="Cancel" UpdateText="Update" HeaderText="Edit"/>
<asp:ButtonColumn CommandName="Delete" HeaderText="Delete" Text="Delete"/>
</Columns>
</asp:DataGrid>
Code :
protected void MainGrid_EditCommand(object source, DataGridCommandEventArgs e)
{
MainGrid.EditItemIndex = e.Item.ItemIndex;
BindData();
}

Set radrating value for multiple items within Telerik RadGrid

I'm trying to put radrating control within RadGrid control for multiple items. This is what I have currently:
<telerik:RadGrid ID="RadGrid2" runat="server" OnItemDataBound="RadGrid2_ItemDataBound" OnNeedDataSource="RadGrid2_NeedDataSource">
<ClientSettings AllowDragToGroup="False">
</ClientSettings>
<MasterTableView>
<HeaderStyle Width="20px"></HeaderStyle>
</RowIndicatorColumn>
<Columns>
<telerik:GridBoundColumn DataField="Property.PropertyName" HeaderStyle-Width="100px" DataFormatString="{0:g}" HeaderText="Property" SortExpression="Property.PropertyName">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="TestimonialHtml" DataFormatString="{0:g}" HeaderText="Review" SortExpression="TestimonialHtml">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="TestimonialDate" DataFormatString="{0:g}" HeaderText="Review Date" SortExpression="TestimonialDate">
</telerik:GridBoundColumn>
<telerik:GridTemplateColumn HeaderText="Task" ItemStyle-Wrap="false">
<ItemTemplate>
<telerik:RadRating runat="server" ID="TestimonialRating" Value="RatingHelper" Precision="Half"></telerik:RadRating>
</ItemTemplate>
</telerik:GridTemplateColumn>
</Columns>
</MasterTableView>
</telerik:RadGrid>
While the gridboundcolumns are working fine, the radrating control doesn't want to accept the RatingHelper value and I'm getting this error:
Cannot create an object of type 'System.Decimal' from its string
representation 'RatingHelper' for the 'Value' property.
What should I change to make this work?

Take a look here: http://www.telerik.com/help/aspnet-ajax/grid-accessing-cells-and-rows.html. See how to access the rating in the OnItemDataBound event so you can set its value as needed. Direct binding in the markup is not going to work like this, as McGarnagle noted.
Another option is to use Eval() statements like shown here: http://demos.telerik.com/aspnet-ajax/rating/examples/gridrating/defaultcs.aspx.

RadGrid - get textbox in edit mode

I have an issue working with the telerik radgrid control. I am trying to use javascript to access a textbox when the grid is in edit mode.
My code looks like the following:
<telerik:RadGrid ID="RadGrid1" GridLines="None" runat="server" AllowAutomaticDeletes="True"
AllowSorting="False" AllowAutomaticInserts="True" PageSize="10" AllowAutomaticUpdates="True"
OnItemDataBound="RadGrid1_ItemDataBound" AllowMultiRowEdit="False" AllowPaging="False"
DataSourceID="DataSource1" OnItemUpdated="RadGrid1_ItemUpdated" AllowFilteringByColumn="False"
OnItemDeleted="RadGrid1_ItemDeleted" OnItemInserted="RadGrid1_ItemInserted" AutoGenerateColumns="false"
OnDataBound="RadGrid1_DataBound">
<PagerStyle Mode="NextPrevAndNumeric" />
<MasterTableView Width="100%" CommandItemDisplay="TopAndBottom" DataKeyNames="Id"
DataSourceID="DataSource1" HorizontalAlign="NotSet" EditMode="EditForms">
<Columns>
<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn">
<ItemStyle CssClass="MyImageButton" />
</telerik:GridEditCommandColumn>
<telerik:GridButtonColumn ConfirmText="Delete this product?" ConfirmDialogType="RadWindow"
ConfirmTitle="Delete" ButtonType="ImageButton" CommandName="Delete" Text="Delete"
UniqueName="DeleteColumn">
<ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" />
</telerik:GridButtonColumn>
<telerik:GridBoundColumn DataField="Id" HeaderText="Id" Display="false" ReadOnly="true" />
<telerik:GridBoundColumn DataField="Manufacturer" HeaderText="Manufacturer" />
<telerik:GridBoundColumn DataField="Description" HeaderText="Description" />
<telerik:GridBoundColumn DataField="Configuration" HeaderText="Configuration" />
<telerik:GridDropDownColumn DataField="TypeId" HeaderText="Type" UniqueName="PartsType"
DataSourceID="PartsTypeDataSource" ListTextField="Name" ListValueField="Id" />
What I am after is that, during edit mode, when the user selects a certain value from the dropdown list 'PartsType', one of the other fields - eg 'Manufacturer' will be shown/hide.
I could get the dropdown value (in javascript) by attaching a javascript function to the dropdownlist:
function PartsTypeIndexChanged(sender, args) {
var selectedValue = args.get_item()._text;
}
I just dont know which method to use to get the 'Manufacturer' field, so I can show/hide it.
Could anyone please help?
Many thanks.

A possible approach could be to use RadControls client-side static API
$telerik.findElement(gridDOMElement, "Manufacturer");
This will help you access the column editor - I suppose it is ASP.NET TextBox rendered as input. For numeric or date columns the editor will probably be Telerik client component so you have to use findControl instead of findElement.
More info here:
http://www.telerik.com/help/aspnet-ajax/telerik-static-client-library.html
Good luck

Please check below link.
http://www.telerik.com/community/forums/aspnet-ajax/grid/set-controls-attribute-like-enable-disable-on-insert-edit-mode-using-jquery.aspx

how to insert rows into gridview

Sir,
I want to have an insert link functionality to insert rows into gridview As we have auto generate edit and delete in gridview in asp.net,. how to do it?can u also provide me the links.

Hope i have understood your question and this solution might help you..
Solution:
<asp:GridView ID="GridView1" runat="server" AllowPaging="true" AllowSorting="true"
AutoGenerateColumns="False" PageSize="2" AutoGenerateDeleteButton="true" AutoGenerateEditButton="true"
DataKeyNames="theID" DataSourceID="SqlDataSource1" >
<PagerSettings Mode=NumericFirstLast />
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="Default2.aspx">HyperLink</asp:HyperLink>
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="theID" HeaderText="ID" ReadOnly="true" SortExpression="theID" />
<asp:BoundField DataField="theName" HeaderText="Name" SortExpression="theName" />
</Columns>

Use databinding to insert the row in theposition you want and after bind it to control, if you're talking about WindowsForms.
If youare talking about WPF, do the same :)
If you use ASP.NET insert the row into the binded data and "rebind" it.

Binding Telerik RadGRID to a list<string> object

I have a simple use for RadGrid that involves binding it to a list of strings
i.e. using: list<string>
The bind works OK and the data displays in the grid. However, the header says "Item", and there are other aspects of the column I'd like to be able to customize. I've tried to set the "DataField" property of the column on the ascx page:
<telerik:GridTemplateColumn UniqueName="column"
DataField="" HeaderText="Omniture Codes">
however, it seems to want the name of a data field, as in what you would get with a datatable object, but not with a list.
Does anyone know a way to bind the column to the list, or have another idea for a work-around?

I think you should use a GridBoundColumn instead of the GridTemplateColumn and disable AutoGenerateColumns.
E.g. the following works for me:
ASPX:
<telerik:RadGrid ID="grid" runat="server" AutoGenerateColumns="false">
<MasterTableView>
<Columns>
<telerik:GridBoundColumn DataField="" HeaderText="MyHeaderText">
</telerik:GridBoundColumn>
</Columns>
</MasterTableView>
</telerik:RadGrid>
Code-behind:
protected void Page_Load(object sender, EventArgs e)
{
List<string> data = new List<string> {"a", "b", "c"};
grid.DataSource = data;
}

You have to try something like this with the RadGrid:
<Columns>
<telerik:GridBoundColumn DataField="AddrLine1" HeaderText="Address Line 1" SortExpression="AddrLine1" UniqueName="AddrLine1">
<HeaderStyle Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Left" Wrap="True" />
<ItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"Font-Underline="False" HorizontalAlign="Left" Wrap="True" />
</telerik:GridBoundColumn>
</Columns>

you may also use Item Template property of radgrid to generate any desgin..
like
<ItemTemplate>
<div style="width:277px; text-align:left;">
<span style=" font-size:11px;"> Tdata1:</span>
<%# Eval("data1")%>
<br />
<span> data2:</span>
<%# Eval("data2")%>
<br />
</div>
</ItemTemplate>
<Columns>
<telerik:GridBoundColumn DataField="data1" HeaderText="data1" SortExpression="data1" UniqueName="data1">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="data2" HeaderText="data2" SortExpression="data2" UniqueName="data2">
</telerik:GridBoundColumn>
</Columns>