RadGrid On Row Mouseover Not Working

0 Answers 102 Views
Grid
Sachita
Top achievements
Rank 1
Iron
Iron
Iron
Sachita asked on 28 Jun 2021, 02:29 PM

Hi Team,


<telerik:RadGrid ID="TestRadGrid" AllowCustomPaging="true" AllowFilteringByColumn="True" AllowPaging="True" AllowSorting="True" 
              AutoGenerateColumns="False" GridLines="none" AllowMultiRowSelection="true"
              GroupingSettings-CaseSensitive="false" PageSize="50" Skin="BDS" EnableEmbeddedSkins="false"
              ShowGroupPanel="false" UseEmbeddedScripts="false" Width="100%" runat="server">
       <SortingSettings SortedAscToolTip="Sorted Ascending" SortedDescToolTip="Sorted Descending" />
  <MasterTableView CommandItemDisplay="Top" DataKeyNames="Guid" ClientDataKeyNames="Guid" Width="100%" AllowNaturalSort="false">
<Columns>
            <Query:NewGridBoundColumn DataField="Action" FilterOptions="Added,Updated" FilterWidth="55px" HeaderButtonType="TextButton" HeaderText="Change" SortExpression="Action" UniqueName="ChangeType" meta:resourceKey="ChangeTypeColumn"/>
            <Query:NewGridBoundColumn DataField="EntityTypeName" FilterOptions="Order,Product" FilterWidth="60px" HeaderButtonType="TextButton" HeaderText="Type" SortExpression="EntityTypeName" UniqueName="EntityType" meta:resourceKey="EntityTypeColumn" />
   </Columns>
    </MasterTableView>
      <PagerStyle Mode="NextPrevAndNumeric"></PagerStyle>
    <ClientSettings AllowColumnHide="false"  AllowColumnsReorder="false" AllowDragToGroup="false" 
                    AllowGroupExpandCollapse="false" AllowKeyboardNavigation="false" AllowRowHide="false" 
                    ReorderColumnsOnClient="false" EnableRowHoverStyle="true">
   <ClientEvents OnRowMouseOut="TestRowMouseOut" OnRowMouseOver="TestRowMouseOver" OnRowSelected="TestRowSelected" OnRowSelecting="TestRowSelecting" />
        <Resizing AllowRowResize="false" AllowColumnResize="false" ClipCellContentOnResize="false" EnableRealTimeResize="false" ResizeGridOnColumnResize="False" />
        <Scrolling AllowScroll="false" SaveScrollPosition="false"/>
        <Selecting AllowRowSelect="true" EnableDragToSelectRows="false" CellSelectionMode="None"/>
    </ClientSettings>
</telerik:RadGrid>

In the above code,

1.I have issue with MultiRowSelection even after placing AllowMultiRowSelection="true"

Hovering rows is not happening.Not able to select multiple rows.

2.Trying to use customname GridBoundColumn(Query) by register of namespace but its not rendering.

Can anyone please help what has to be changed?


Javascript Code:

In the below code,

We are getting this issue after migration of RadGrid with R32020 version.

Issue: i am getting error with this.Rows.rowIndex (Cannot read property [object object] of undefined at Array.TestRowMouseOver),Telerik.Web.UI.RadGrid.raiseEvent,Telerik.Web.UI.RadGrid.raise_rowMouseOver,Telerik.Web.UI.RadGrid._mouseover.

 

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
<script type="text/javascript">
     var _TestWindowActive = false;
    var sortColumnHash = [];
   
    function TestWindowOver() { _TestWindowActive = true; }

    function TestWindowOut() { TestWindowClose(); }

    function TestRowMouseOut(rowIndex) {
        this.Rows[rowIndex].Control.style.backgroundColor = "";
    }

    function TestRowMouseOver(rowIndex) {
       
        if (this.Rows[rowIndex].Control.className.indexOf("disabled") == -1) {
            this.Rows[rowIndex].Control.style.backgroundColor = "#DFDFDF";
            this.Rows[rowIndex].Control.style.cursor = "hand";
        }
    }

    function TestRowSelecting(row) {
        if (row.Control.className.indexOf("disabled") != -1)
            return false;
    }

    function TestRowSelected(row) {
        var radWindow = Query.Utilities.WindowUtil.openRADWindow("TestEditWindow", "TestEdit.aspx?id=" + row.KeyValues["Guid"]);
        radWindow.Restore();

        var close = document.getElementById("CloseButton" + radWindow.Id);
        close.onclick = CloseRadWindow;
    }
</Script>
</telerik:RadCodeBlock>

Can anyone help me to resolve the issue.

No answers yet. Maybe you can help?

Tags
Grid
Asked by
Sachita
Top achievements
Rank 1
Iron
Iron
Iron
Share this question
or