Questions on UI for ASP.NET AJAX Forum

0 answers

203 views

How To Emulate Facebook Search Behavior Using A RadComboBox

If you want to emulate the search behavior of Facebook, I have included sample code below. The Facebook search allows the user to enter text in the input field and highlights the first item in the results. If the user presses the enter key after typing in a name, the first item in the search results is sent to the server on the postback. Thanks goes to Dimitar at Telerik for this solution.

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" />

<asp:Panel ID="Panel1" DefaultButton="Button1" runat="server">

<telerik:RadComboBox

ID="RadComboBox1"

AllowCustomText="true"

AutoCompleteSeparator=","

EnableLoadOnDemand="true"

EnableTextSelection="true"

MarkFirstMatch="true"

OnClientDropDownOpening="onClientDropDownOpening"

OnClientItemsRequested="onClientItemsRequested"

OnClientSelectedIndexChanging="OnClientSelectedIndexChanging"

Skin=""

runat="server">

<CollapseAnimation Type="None" />

<ExpandAnimation Type="None" />

<WebServiceSettings Path="WebService1.asmx" Method="GetSearchResults" />

</telerik:RadComboBox>

<asp:Button ID="Button1" Text="Submit" OnClick="Button1_Click" runat="server" />

</asp:Panel>

<asp:Label ID="Label1" runat="server" />

<script type="text/javascript">

var flag;

var $ = $telerik.$;

var $T = Telerik.Web.UI;

var $p = Telerik.Web.UI.RadComboBox.prototype;

function pageLoad()

{

flag = true;

}

function OnClientSelectedIndexChanging(sender, args)

{

var domEvent = args.get_domEvent();

if (domEvent.type == "click")

{

flag = true;

sender.set_text(args.get_item().get_text());

}

$p.set_text = function (value)

{

value = $T.RadComboBox.htmlDecode(value);

this.get_element().value = value;

this._suppressChange = true;

var inputElement = this.get_inputDomElement();

if (flag)

{

inputElement.value = value;

}

inputElement.className = "rcbInput";

this.set_value("");

if (inputElement.fireEvent && document.createEventObject)

{

var eventObject = document.createEventObject();

inputElement.fireEvent("onchange", eventObject);

}

else if (inputElement.dispatchEvent)

{

var canBubble = true;

var eventObject = document.createEvent("HTMLEvents");

eventObject.initEvent("change", canBubble, true);

inputElement.dispatchEvent(eventObject);

}

this._suppressChange = false;

this._ensureChildControls();

this.updateClientState();

},

$p._onKeyDown = function (e)

{

flag = false;

var keyCode = e.keyCode || e.which;

if (keyCode == $T.Keys.Escape)

{

e.preventDefault();

}

if ($telerik.isIE && keyCode != $T.Keys.Down && keyCode != $T.Keys.Up)

{

this._updateFilterText = true;

}

if (!this._fireEvents || this._ajaxRequest) return;

if ($telerik.isIE9 && (keyCode == 8 || keyCode == 127))

{

this._compensateValuePropertyChangeEvent = true;

}

if (!e) e = event;

{

this.raise_onClientKeyPressing(e);

}

this._lastKeyCode = keyCode;

if (keyCode == $T.Keys.Escape && this.get_dropDownVisible())

{

this._hideDropDown(e);

return;

}

else if (keyCode === $T.Keys.Enter)

{

if (this.get_dropDownVisible())

{

this._hideDropDown(e);

}

var itemToBeSelected = this.findItemByText(this.get_text());

if (this.get_allowCustomText() && !this.get_markFirstMatch() && !itemToBeSelected)

{

if (this.raise_selectedIndexChanging(null, e) == false)

{

var selectedItem = this.get_selectedItem();

var highlightedItem = this.get_highlightedItem();

if (selectedItem)

{

selectedItem.set_selected(false);

}

if (highlightedItem)

{

highlightedItem.unHighlight();

}

this.set_selectedItem(null);

this.set_selectedIndex(null);

this.set_highlightedItem(null);

this.raise_selectedIndexChanged(null, e);

var command = { Command: "Select", Index: -1 };

this.postback(command);

}

else

{

this._performSelect(this.get_highlightedItem(), e);

}

if (this.get_markFirstMatch())

{

var textLength = this.get_text().length;

}

return;

}

else if (keyCode === $T.Keys.Down)

{

e.returnValue = false;

if (e.altKey)

{

this._toggleDropDown(e);

return;

}

this.highlightNextItem(null);

if (e.preventDefault)

{

e.preventDefault();

}

return;

}

else if (keyCode === $T.Keys.Up)

{

e.returnValue = false;

if (e.altKey)

{

this._toggleDropDown(e);

return;

}

this.highlightPreviousItem();

if (e.preventDefault)

{

e.preventDefault();

}

return;

}

else if (keyCode === $T.Keys.Tab)

{

if (this.get_dropDownVisible())

{

this._hideDropDown(e);

}

this._raiseClientBlur(e);

this._selectItemOnBlur(e);

this._applyEmptyMessage();

this._focused = false;

return;

}

if (keyCode == $T.Keys.Left || keyCode == $T.Keys.Right)

{

return;

}

if (keyCode >= $T.Keys.Numpad0 && keyCode <= $T.Keys.Numpad9)

{

keyCode -= ($T.Keys.Numpad0 - $T.Keys.Zero);

}

var letter = String.fromCharCode(keyCode);

if (letter && (!e.altKey) && !(this.get_enableLoadOnDemand() || !this.get_readOnly()))

{

this.highlightNextItem(letter);

return;

}

};

function onClientDropDownOpening(sender, eventArgs)

{

if (sender._filterText.length < 1)

{

eventArgs.set_cancel(true);

}

function onClientItemsRequested(sender, eventArgs)

{

if (sender.get_items().get_count() > 0)

{

$('.rcbSlide').show();

}

else

{

$('.rcbSlide').hide();

}

</script>

</form>

using System;

using System.Web.UI;

namespace WebApplication1

{

public partial class WebForm1 : Page

{

protected void Button1_Click(object sender, EventArgs e)

{

Label1.Text = RadComboBox1.SelectedValue;

RadComboBox1.Text = string.Empty;

}

using System.Collections.Generic;

using System.ComponentModel;

using System.Web.Script.Services;

using System.Web.Services;

using Telerik.Web.UI;

namespace WebApplication1

{

[WebService(Namespace = "http://tempuri.org/")]

[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

[ToolboxItem(false)]

[ScriptService]

public class WebService1 : WebService

{

[WebMethod]

public RadComboBoxItemData[] GetSearchResults(object context)

{

IDictionary<string, object> contextDictionary = (IDictionary<string, object>)context;

string searchString = contextDictionary["Text"].ToString();

if (searchString.Length > 1)

{

List<RadComboBoxItemData> results = new List<RadComboBoxItemData>();

results.Add(new RadComboBoxItemData { Text = "School", Value = "1" });

results.Add(new RadComboBoxItemData { Text = "Text Book", Value = "2" });

results.Add(new RadComboBoxItemData { Text = "Ruler", Value = "3" });

results.Add(new RadComboBoxItemData { Text = "Chalk", Value = "4" });

results.Add(new RadComboBoxItemData { Text = "Teacher", Value = "5" });

results.Add(new RadComboBoxItemData { Text = "Math", Value = "6" });

results.Add(new RadComboBoxItemData { Text = "Science", Value = "7" });

results.Add(new RadComboBoxItemData { Text = "Language", Value = "8" });

results.Add(new RadComboBoxItemData { Text = "Music", Value = "9" });

results.Add(new RadComboBoxItemData { Text = "Desk", Value = "10" });

return results.ToArray();

}

else

{

return new RadComboBoxItemData[0];

}

ComboBox

asked on 09 May 2011

1 answer

112 views

Sys.ScriptLoadFailedException with EnableScriptCombine="true"

Hi,

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" LoadScriptsBeforeUI="true"

ScriptMode="Release" EnableScriptCombine="true" EnablePageMethods="true">

<CompositeScript ScriptMode="Release">

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js"

ScriptMode="Release" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js"

ScriptMode="Release" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js"

ScriptMode="Release" />

</Scripts>

</CompositeScript>

</telerik:RadScriptManager>

<telerik:RadAjaxManager ID="RadAjaxManagerpanelcontainer" runat="server" RequestQueueSize="50">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="radgrdAssignment">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="radgrdAssignment" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />

<telerik:RadGrid ID="radgrdAssignment" runat="server" AutoGenerateColumns="False"

AllowFilteringByColumn="true" AllowSorting="True" AllowMultiRowSelection="False"

AllowPaging="True" OnItemCommand="radgrdAssignment_ItemCommand" OnItemDataBound="radgrdAssignment_ItemDataBound"

OnNeedDataSource="radgrdAssignment_NeedDataSource" OnDetailTableDataBind="radgrdAssignment_DetailTableDataBind"

OnPreRender="radgrdAssignment_PreRender" OnUpdateCommand="radgrdAssignment_UpdateCommand"

EnableLinqExpressions="false">

<MasterTableView GridLines="None" Width="100%" DataKeyNames="AssignmentID" Name="ParentTable"

HierarchyLoadMode="Client" CommandItemDisplay="Top" CommandItemSettings-ShowAddNewRecordButton="false"

CommandItemSettings-ShowExportToCsvButton="true">

<DetailTables>

<telerik:GridTableView DataKeyNames="SubmittedAssignmentID" Width="100%" EditMode="EditForms"

Name="ChildTable" AllowFilteringByColumn="false" HierarchyLoadMode="Client">

<Columns>

<telerik:GridBoundColumn UniqueName="StudentCode" HeaderText="Code" SortExpression="StudentCode"

DataField="StudentCode">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="FirstName" HeaderText="First Name" SortExpression="FirstName"

DataField="FirstName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="LastName" HeaderText="Last Name" SortExpression="LastName"

DataField="LastName">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn AllowFiltering="false" HeaderStyle-HorizontalAlign="Center"

UniqueName="assignmentstatus" HeaderText="Assignment Status">

<ItemStyle Width="6%" HorizontalAlign="Center" />

<ItemTemplate>

<asp:ImageButton ID="idassignmetstatus" runat="server" CommandName="Edit" CommandArgument='<%#Eval("LookUpValue")%>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<EditFormSettings InsertCaption="assignment" CaptionFormatString="Recevied Assignment : {0}"

CaptionDataField="assignment" EditFormType="Template">

<PopUpSettings Modal="true" Height="43%" Width="45%" />

<FormTemplate>

<table class="table100Per" cellpadding="5" cellspacing="0" border="0">

<tr>

<td valign="top">

<asp:Label ID="lblStudentComments" runat="server" Text="Comments"></asp:Label>

</td>

<td colspan="2" align="left">

<telerik:RadEditor Content='<%# Bind("Comments") %>' Enabled="false" runat="server"

SkinID="RE780px*200" ID="REStudentComments">

</telerik:RadEditor>

</td>

</tr>

<tr>

<td valign="top">

<asp:Label ID="lblAssignmentNotes" runat="server" Text="Comment"></asp:Label>

</td>

<td colspan="2">

<telerik:RadEditor SkinID="RE780px*200" runat="server" ID="REComment" Enabled="true">

</telerik:RadEditor>

</td>

</tr>

<tr>

<td width="15%">

</td>

<td align="left " colspan="2" width="85%">

<asp:Button ID="btnaccept" SkinID="CommonButton" runat="server" Text="Accept" CommandArgument="Accept"

CommandName="Update" />

<asp:Button ID="btnReject" SkinID="CommonButton" runat="server" Text="Reject" CommandArgument="Reject"

CommandName="Update" />

<asp:Button ID="btncancel" SkinID="CommonButton" runat="server" Text="Cancel" CausesValidation="false"

CommandName="cancel" />

</td>

</tr>

</table>

<table style="width: 100%">

</table>

</FormTemplate>

</EditFormSettings>

</telerik:GridTableView>

</DetailTables>

<Columns>

<telerik:GridBoundColumn SortExpression="AssignmentTopic" HeaderText="Assignment topic"

HeaderButtonType="TextButton" DataField="AssignmentTopic">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="EducationPeriodName" HeaderText="Education period"

HeaderButtonType="TextButton" DataField="EducationPeriodName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="ClassroomName" HeaderText="Classroom" HeaderButtonType="TextButton"

DataField="ClassroomName">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

get the ScriptLoadFailedException when EnableScriptCombine="true".
i get this error when i click on edit button on DetailsTable.

Thanks,
Jayesh Goyani

Ajax

answered on 09 May 2011

4 answers

142 views

Client-Side Access to Filter Expression

I have the following requirements:

Access the filter expression on the client.
Save the filter expression to database using AJAX.
Get filter expression from database using AJAX.
Apply saved filter expression to filter.

I know I can do steps 2 and 3, if I can do step 1. Can I do steps 1 and 4? If so, can you please provide examples?

John

Filter

answered on 09 May 2011

16 answers

557 views

Strategy for IE 9

The Internet Explorer 9 beta 1 has caused a lot of misalignment, gaps, and weirdness in my Telerik-based ASP.NET 4 Web application. This is expected as IE moves more towards standards and away from quirks.

For me, the issue is whether I try to compensate for IE 9's rendering standards or whether I wait until Telerik's controls are updated.

Telerik's controls already detect the browser and adjust their output accordingly so that's the preferable approach. Do we have a timeline on when we'll start seeing builds that are IE 9 aware?

I'd like to hear Telerik's advice on how to proceed.

Thanks!

Ken

General Discussions

answered on 09 May 2011

6 answers

743 views

date format

Hi,
the code of a grid with template columns follows:

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

function ShowColumnHeaderMenu(ev, columnName) {

var grid = $find("<%=RadGrid1.ClientID %>");

var columns = grid.get_masterTableView().get_columns();

for (var i=0; i < columns.length; i++)

{

if (columns[i].get_uniqueName() == columnName)

{

columns[i].showHeaderMenu(ev, 75, 20);

}

</script>

</telerik:RadCodeBlock>

<div>

<telerik:RadGrid ID="RadGrid1" runat="server" AllowFilteringByColumn="True"

AllowPaging="True" AllowSorting="True" CellSpacing="0"

Culture="Italian" DataSourceID="SqlDataSource1" GridLines="None"

PageSize="20" ShowStatusBar="True" Skin="Office2007"

Width="99%" EnableHeaderContextFilterMenu="True"

EnableHeaderContextMenu="True" >

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default"

enableimagepreloading="True"></HeaderContextMenu>

<PagerStyle FirstPageToolTip="Pagina iniziale" LastPageToolTip="Ultima pagina"

NextPagesToolTip="Pagine successive" NextPageToolTip="Pagina successiva"

PagerTextFormat="Cambia pagina: {4}  Pagina <strong>{0}</strong> di <strong>{1}</strong> - Righe da <strong>{2}</strong> a <strong>{3}</strong> - Numero righe totali <strong>{5}</strong>."

PageSizeLabelText="Numero righe:" PrevPagesToolTip="Pagine precedenti"

PrevPageToolTip="Pagina precedente" />

<PagerStyle AlwaysVisible="True" />

<MasterTableView autogeneratecolumns="False" datakeynames="idContratto" IsFilterItemExpanded="false"

datasourceid="SqlDataSource1" allowmulticolumnsorting="True">

<CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column"></RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column"></ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn DataField="idContratto" DataType="System.Int64"

Display="False" FilterControlAltText="Filtra per idContratto"

HeaderText="idContratto" ReadOnly="True" SortExpression="idContratto"

UniqueName="idContratto" Visible="False">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn DataField="Cliente" SortExpression="Cliente"

UniqueName="Cliente" Groupable="False">

<HeaderTemplate>

<table>

<tr>

<td>

<asp:LinkButton ID="LinkButton_Cliente" runat="server" CommandArgument="Cliente" CommandName="Sort" Text="Cliente"></asp:LinkButton>

</td>

<td>

<img src="img/menu.gif" style="margin-top: 5px; margin-left: 5px; cursor: pointer" onclick='ShowColumnHeaderMenu(event,"Cliente")' alt="Apri menu" />

</td>

</tr>

</table>

</HeaderTemplate>

<ItemTemplate>

<asp:Label ID="lblCliente" runat="server" Text='<%#Eval("Cliente") %>'></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="Contratto" SortExpression="Contratto"

UniqueName="Contratto" Groupable="False">

<HeaderTemplate>

<table>

<tr>

<td>

<asp:LinkButton ID="LinkButton_Contratto" runat="server" CommandArgument="Contratto" CommandName="Sort" Text="Contratto"></asp:LinkButton>

</td>

<td>

<img src="img/menu.gif" style="margin-top: 5px; margin-left: 5px; cursor: pointer" onclick='ShowColumnHeaderMenu(event,"Contratto")' alt="Apri menu" />

</td>

</tr>

</table>

</HeaderTemplate>

<ItemTemplate>

<asp:Label ID="lblContratto" runat="server" Text='<%#Eval("Contratto") %>'></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="DataContratto"

DataType="System.DateTime" SortExpression="DataContratto"

UniqueName="Data Contratto" Groupable="False">

<HeaderTemplate>

<table>

<tr>

<td>

<asp:LinkButton ID="LinkButton_DataContratto" runat="server" CommandArgument="DataContratto" CommandName="Sort" Text="Data Contratto"></asp:LinkButton>

</td>

<td>

<img src="img/menu.gif" style="margin-top: 5px; margin-left: 5px; cursor: pointer" onclick='ShowColumnHeaderMenu(event,"DataContratto")' alt="Apri menu" />

</td>

</tr>

</table>

</HeaderTemplate>

<ItemTemplate>

<asp:Label ID="lblDataContratto" runat="server" Text='<%#Eval("DataContratto") %>'></asp:Label>

</ItemTemplate>

<ItemStyle HorizontalAlign="Center" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="StatoContratto"

SortExpression="StatoContratto" UniqueName="Stato Contratto" Groupable="False">

<HeaderTemplate>

<table>

<tr>

<td>

<asp:LinkButton ID="lnkSort" runat="server" CommandArgument="StatoContratto" CommandName="Sort" Text="Stato Contratto"></asp:LinkButton>

</td>

<td>

<img src="img/menu.gif" style="margin-top: 5px; margin-left: 5px; cursor: pointer" onclick='ShowColumnHeaderMenu(event,"StatoContratto")' alt="Apri menu" />

</td>

</tr>

</table>

</HeaderTemplate>

<ItemTemplate>

<asp:Label ID="lblStatoContratto" runat="server" Text='<%#Eval("StatoContratto") %>'></asp:Label>

</ItemTemplate>

<ItemStyle HorizontalAlign="Center" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="BC" SortExpression="BC"

UniqueName="Business Consultant" Groupable="False">

<HeaderTemplate>

<table>

<tr>

<td>

<asp:LinkButton ID="LinkButton_BC" runat="server" CommandArgument="BC" CommandName="Sort" Text="Business Consultant"></asp:LinkButton>

</td>

<td>

<img src="img/menu.gif" style="margin-top: 5px; margin-left: 5px; cursor: pointer" onclick='ShowColumnHeaderMenu(event,"BC")' alt="Apri menu" />

</td>

</tr>

</table>

</HeaderTemplate>

<ItemTemplate>

<asp:Label ID="lblBC" runat="server" Text='<%#Eval("BC") %>'></asp:Label>

</ItemTemplate>

<ItemStyle HorizontalAlign="Center" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="PM" SortExpression="PM"

UniqueName="Project Manager" Groupable="False">

<HeaderTemplate>

<table>

<tr>

<td>

<asp:LinkButton ID="LinkButton_PM" runat="server" CommandArgument="PM" CommandName="Sort" Text="Project Manager"></asp:LinkButton>

</td>

<td>

<img src="img/menu.gif" style="margin-top: 5px; margin-left: 5px; cursor: pointer" onclick='ShowColumnHeaderMenu(event,"PM")' alt="Apri menu" />

</td>

</tr>

</table>

</HeaderTemplate>

<ItemTemplate>

<asp:Label ID="lblPM" runat="server" Text='<%#Eval("PM") %>'></asp:Label>

</ItemTemplate>

<ItemStyle HorizontalAlign="Center" />

</telerik:GridTemplateColumn>

</Columns>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column"></EditColumn>

</EditFormSettings>

</MasterTableView>

<HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />

<clientsettings allowcolumnsreorder="True" reordercolumnsonclient="True">

<selecting allowrowselect="True" />

<scrolling allowscroll="True" usestaticheaders="True" />

</clientsettings>

<FilterMenu EnableImageSprites="False"></FilterMenu>

<sortingsettings sortedasctooltip="Ordinamento crescente"

sorteddesctooltip="Ordinamento decrescente" sorttooltip="Clicca per ordinare" />

</telerik:RadGrid>

I have two problem:
1) One of the columns is a date. How can I set the its format in dd/MM/yyyy?
2) How can I set EnableVirtualScrollingPaging to "True"? I tried to type such property but nothing happened

Please help me

Thanks

Grid

answered on 09 May 2011

1 answer

63 views

Failure by creating structure programatically

I found one problem when I am creating ribbon structure by code. If I first fill group with buttons and afterwards add Group to tab, buttons dont have correct reference to tab or ribbon and page rendering fails.

RibbonBarTab tab = new RibbonBarTab(); 
  
RibbonBarGroup group = new RibbonBarGroup(); 
  
RibbonBarButton button1 = new RibbonBarButton(); 
group.Items.Add(button1); 
  
RibbonBarButton button2 = new RibbonBarButton(); 
group.Items.Add(button2); 
  
tab.Groups.Add(group); 
  
ribbon.Tabs.Add(tab);

This works correctly:
RibbonBarTab tab = new RibbonBarTab(); 
ribbon.Tabs.Add(tab); 
  
RibbonBarGroup group = new RibbonBarGroup(); 
tab.Groups.Add(group); 
  
RibbonBarButton button1 = new RibbonBarButton(); 
group.Items.Add(button1); 
  
RibbonBarButton button2 = new RibbonBarButton(); 
group.Items.Add(button2);

RibbonBar

answered on 09 May 2011

6 answers

512 views

RadGrid: Checkbox selected when row is highlighted. MutltiSelection is set

Hi,

I set "AllowMultiRowSelection" to "true" in the grid, which causes GridClientSelectColumn columns to be added in the first column of the grid. The issue is that when I highlight a row, the checkbox is selected.
Is there any property/event that I can set/remove to prevent checking off the checkbox when I highlight the row?

Thanks in advance,
Mohammad

Grid

answered on 09 May 2011

1 answer

164 views

callout style different from rest

Hi,

I can't apply style to callout arrow.

Screenshots attached.

I've tried backcolor attribute of tooltip, and background-image & background-color in stylesheet. backcolor does not change anything (attachment 1 - tooltip1.png), instyle background-color change whole background but callout arrow still gray (attachment 2 - tooltip2.png).

Please help.

ToolTip

answered on 09 May 2011

2 answers

293 views

Telerik Rad Grid Date Time Column.

Dear Telerik Team,

I am using Telerik Rad Grid with GridDateTimeColumn. Please find below code pasted for reference. When this column as empty values and if user filters this date column it shows an error in IE. Also when user adds string like "test" in date picker in filterbar then nothing happens. Please also find the error message below.

Code:
<telerik:GridDateTimeColumn DataField="dtmTermDate" HeaderText="Termination Date" DataFormatString="{0:MM/dd/yyyy}"
SortExpression="dtmTermDate" UniqueName="dtmTermDate" HeaderTooltip="Termination Date" PickerType="DatePicker" ShowFilterIcon="true" ConvertEmptyStringToNull="true">
</telerik:GridDateTimeColumn>

Error in IE:

Message: Sys.WebForms.PageRequestManagerServerErrorException: Specified cast is not valid.
Line: 4723
Char: 21
Code: 0
URI: http://localhost/Test/ScriptResource.axd?d=6gQs4Ep8lZdvCRTPnRQh8ewwwsj0oRdqcYcj0780GUlE7uHPItLaQBPSqRnOCJ6nFZOBafLdJr9TM4kY6q2ceFVLqoVgM5Nu1uJkbrcLvcU1&t=ffffffffec2d9970

Please help. Thank you.

Regards

Pathan L.

Grid

answered on 09 May 2011

4 answers

470 views

Cancel Postback when EnablePostBackOnRowClick="true"

Hi:

I have a RadGrid where I have set EnablePostBackOnRowClick="true". On special situation, however, when a user click on a specific row (e.g.: if the value on a key is "xyz"), then I don't want the postback to take place.

I have tried to trap the OnRowSelecting event and was hoping that the following 2 lines of codes could cancel the postback. However, they don't. The postback occur anyway.

eventArgs.set_cancel(true);
return false;

Is there a way to cancel a postback when EnablePostBackOnRowClick="true"?

Justin

Grid

answered on 09 May 2011