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: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

On checking a checkbox select the row and also on clicking a row redirect to another page

Thread ID:

Created:

Updated:

Platform:

Replies:

143733 Apr 3,2019 05:58 AM UTC Jun 5,2019 07:15 AM UTC Angular - EJ 2 7
loading
Tags: Grid
sunithra
Asked On April 3, 2019 05:58 AM UTC

Hi

Two operation need to be done on the same GRID
1.on checking a checkbox in a grid select the row to delete the row 2. on clicking a row of the grid redirect to another page.
I have attached the screenshot of the requirement below
Thanks in Advance.

Thanks & Regards,

Sunithra.C

Attachment: screenshot_d229ffe9.zip

Hariharan J V [Syncfusion]
Replied On April 4, 2019 01:17 PM UTC

Hi Sunithra, 

Thanks for contacting Syncfusion support. 

We have analyzed your query and prepared a sample based on it. Please find the below sample 


Query1: on checking a checkbox in a Grid select the row to delete the row 
 
We have invoked deleteRecord method in checkBoxChange  event of the Grid to achieve your requirement. You can delete the record by invoking deleteRecord method of the Grid. 


Query2: on clicking a row of the Grid redirect to another page 

We have achieved this requirement in rowSelecting event of the Grid. In that event we have opened the link for another page. 


Please get back to us if you need further assistance 

Regards, 
Hariharan 


sunithra
Replied On April 5, 2019 07:40 AM UTC

Hi 

Thanks and Now it is working fine.



Regards,

Sunithra.C

Hariharan J V [Syncfusion]
Replied On April 8, 2019 04:52 AM UTC

Hi Sunithra, 

Thanks for your update.  
  
We are happy to hear that the provided solution helped you.   
  
Please contact us if you need any further assistance. As always, we will be happy to assist you.   
  
Regards, 
Hariharan 


sunithra
Replied On April 24, 2019 09:20 AM UTC

Hi


(rowSelecting) = select(event) function is not working only in IPAD   


Regards ,

Sunithra.C

Hariharan J V [Syncfusion]
Replied On April 25, 2019 12:21 PM UTC

Hi sunithra, 

We have validated your query and tried to reproduce the reported issue with our end(chrome and safari browser tested). Please find the below details 

IPad version: 9.3.5(13G36) 
Model:  MC769HN/A 
Chrome version: 63.0.3239.73 

But it is unsuccessful and working in fine in our end. Could you please share the following details: 
1) share the full Grid code 
2) Share the EJ2 version details. 
3) Share the browser and IPad details. 
4) If possible, please reproduce the issue in our given sample. 

Please get back to us with the above details so that it will help us provide you a solution as early as possible. 

Regards, 
Hariharan 


sunithra
Replied On June 3, 2019 06:08 AM UTC

Hi

Everything is working fine onlything is onclicking anywhere in row except checkbox column the checkbox should not checked. 
we are showing a popup on selecting a row at that time the checkbox is checked
can you please help us to fix this
I have attached image with this kindly look at it
Thanks in advance


Regards

Sunithra.C



Attachment: screenshotlocalhost42002019.06.03112833.jpg_3f7d3eaa.zip

Manivel Sellamuthu [Syncfusion]
Replied On June 5, 2019 06:12 AM UTC

Hi Sunithra, 

Thanks for your update. 

We have validated your requirement. You can prevent the rowselect by giving “args.cancel” as true in rowSelecting event of the Grid. 

Please find the below code snippet and sample for more information. 

App.cmponent.html 
<div class="control-section"> 
    <ejs-grid [dataSource]='data' allowPaging='true' [enableHover]="false" [allowSelection]="true" [selectionSettings]="selectOptions" (rowSelecting)="select($event)"
    . . . 
    </ejs-grid> 
</div> 
 
App.component.ts         
select (args) { 
        if(parentsUntil(args.target, 'e-row')&&!(parentsUntil(args.target as Element, 'e-gridchkbox'))){   //checking the target is checkbox column or not 
          args.cancel = true; 
        window.open("https://www.syncfusion.com", "_self"); 
     
   





Please get back to us if you need further assistance. 

Regards, 
Manivel 


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.

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