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. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback
Essential JS2

Syncfusion jQuery based widgets are no longer in active development. Switch to our pure JavaScript based next generation Essential JS 2 library.

Cell Click Event in ejgrid

Thread ID:





144955 May 28,2019 12:30 PM UTC May 30,2019 04:03 PM UTC jQuery 1
Tags: ejGrid
Bhavesh Patil
Asked On May 28, 2019 12:30 PM UTC

I want to open a popup which contain another page window how should I do this using cell click event in ejgrid syncfusion....  Thanks in Advance 

Farveen Sulthana Thameeztheen Basha [Syncfusion]
Replied On May 30, 2019 04:03 PM UTC

Hi Bhavesh, 

Thanks for contacting Syncfusion Support. 

Query#:- I want to open a popup which contain another page window how should I do this using cell click event in ejgrid syncfusion 
We have achieved your requirement “open popup while clicking on the cell” through recordClick event of the Gird. In recordClick event of the Grid, we have open the ejDialog on clicking on the particular cell. 

Please refer to the code example:- 

<script type="text/javascript"> 
    $(function () { 
            // the datasource "window.employeeData" is referred from templatelocaldata.js 
            dataSource: window.gridData, 
            allowPaging: true, 
            allowSelection: true, 
            columns: [ 
                .    .     . 
                { field: "LastName", headerText: "Last Name", width: 100, format: "<a class='symbol'>{Symbol}</a>" }, 
                { field: "HireDate", headerText: "Hire Date", width: 100, format: "{0:MM/dd/yyyy}", textAlign: ej.TextAlign.Right }, 
                { field: "Country", headerText: "Country", width: 100 }, 
            recordClick: "click", 
    function click(args) { 
        if (args.cell.find('a').hasClass("symbol")) { 
            $("#commanddialog").ejDialog({ showOnInit: false }); 

Refer to the API Link:- 

If your requirement is different from above solution please get back to us with further details. 

Farveen sulthana T 


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.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

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

Live Chat Icon For mobile
Live Chat Icon