Telerik Forums
UI for ASP.NET AJAX Forum
0 answers
203 views
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];
            }
        }
    }
}

Troy
Top achievements
Rank 1
 asked on 09 May 2011
1 answer
112 views
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
Simon
Telerik team
 answered on 09 May 2011
4 answers
142 views
I have the following requirements:

  1. Access the filter expression on the client.
  2. Save the filter expression to database using AJAX.
  3. Get filter expression from database using AJAX.
  4. 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
Mandy
Top achievements
Rank 2
 answered on 09 May 2011
16 answers
557 views
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
Marco Piumi
Top achievements
Rank 2
 answered on 09 May 2011
6 answers
743 views
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} &nbsp;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
Veli
Telerik team
 answered on 09 May 2011
1 answer
63 views

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);



Nikolay Tsenkov
Telerik team
 answered on 09 May 2011
6 answers
512 views
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
Veli
Telerik team
 answered on 09 May 2011
1 answer
164 views
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.
Marin Bratanov
Telerik team
 answered on 09 May 2011
2 answers
293 views
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.
L. M. Pathan
Top achievements
Rank 1
 answered on 09 May 2011
4 answers
470 views
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
Vasssek
Top achievements
Rank 1
 answered on 09 May 2011
Narrow your results
Selected tags
Tags
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?