We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on : Nov 16th 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Mouse Control

Thread ID:

Created:

Updated:

Platform:

Replies:

124776 Jun 29,2016 10:33 AM UTC Jun 30,2016 05:51 AM UTC ASP.NET Web Forms 1
loading
Tags: Grid
Hrvoje Voda
Asked On June 29, 2016 10:33 AM UTC

How to change mouse cursor?
When pointed on selected row I would like it to be hand

Venkatesh Ayothi Raman [Syncfusion]
Replied On June 30, 2016 05:51 AM UTC

Hi Hrvoje, 

Thank you for contacting Syncfusion support. 

We have achieved your requirement using recordClick event in the Grid. This event triggered while we click the record. And we have created a sample for your requirement. Refer to the code example, sample and Help document, 

Code example: 
<CSS> 
<style> 
 
        .cursor { 
         
        cursor:pointer; 
        } 
 
    </style> 
 
<script type="text/javascript"> 
       
<GRID> 
  $(function () { 
            $("#Grid").ejGrid({ 
              . . . 
 
                recordClick:"recordClick", 
 
                columns: [ 
                        { field: "OrderID", isPrimaryKey: true, headerText: "Order ID", textAlign: ej.TextAlign.Right, validationRules: { required: true, number: true }, width: 90 }, 
                        { field: "CustomerID", headerText: 'Customer ID', validationRules: { required: true, minlength: 3 }, width: 90 }, 
                        { field: "EmployeeID", headerText: 'Employee ID', editType: ej.Grid.EditingType.Dropdown, textAlign: ej.TextAlign.Right, width: 80 }, 
                        . . . 
                ] 
            }); 
        }); 
 
 
<Record Click Event> 
 
         function recordClick(e) { 
            var previousCursor = this.element.find(".e-gridcontent").find("tr.cursor"); // find the row which has cursor class 
            if ($(previousCursor).hasClass("cursor")) 
                $(previousCursor).removeClass("cursor"); //Remove the cursor class 
             
            $(e.row).addClass("cursor"); // Add the cursor class for selected row  
        }    </script> 





Regards, 
Venkatesh Ayothiraman. 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;