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.
Unfortunately, activation email could not send to your email. Please try again.

Mouse Control

Thread ID:

Created:

Updated:

Platform:

Replies:

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

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 01:51 AM

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.

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.

;