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

Do event for a selection of checkbox with Syncfusion

Thread ID:

Created:

Updated:

Platform:

Replies:

143579 Mar 27,2019 04:26 PM UTC Mar 29,2019 05:04 AM UTC ASP.NET Web Forms 3
loading
Tags: Grid
Guadalupe
Asked On March 27, 2019 04:26 PM UTC

Hello 
I want do events with selected elements, I'm using checkbox:



Vignesh Natarajan [Syncfusion]
Replied On March 28, 2019 08:08 AM UTC

Hi Gaudalupe, 
 
Thanks for contacting Syncfusion support. 
 
Query : I want do events with selected elements, I'm using checkbox: 
 
From the given details we suspect that you are using template column to display the checkbox and you want bind the click event for the checkbox. Your achievement can be achieved using the templateRefresh event of Grid. We have achieved your requirement in the below code example. 
 
 
<div> 
        <ej:Grid ID="FlatGrid" runat="server" AllowSorting="True" AllowPaging="True" IsResponsive="true"> 
            <Columns> 
                <ej:Column Field="OrderID" HeaderText="Order ID" IsPrimaryKey="True" TextAlign="Right" Width="75" /> 
                <ej:Column Field="CustomerID" HeaderText="Customer ID" Width="80" /> 
                <ej:Column Field="EmployeeID" HeaderText="Employee ID" TextAlign="Right" Width="75" Priority="4" /> 
                <ej:Column Field="Freight" HeaderText="Freight" TextAlign="Right" Width="75" Format="{0:C}" Priority="3" /> 
                <ej:Column Field="OrderDate" HeaderText="Order Date" TextAlign="Right" Width="80" Format="{0:MM/dd/yyyy}" Priority="2" /> 
                <ej:Column HeaderText="CheckBox" Template="#columnTemplate" TextAlign="Center" Width="110" /> 
            </Columns> 
            <ClientSideEvents TemplateRefresh="templaterefresh" /> 
        </ej:Grid> 
    </div> 
 
    <script type="text/x-jsrender" id="columnTemplate"> 
        <input type="checkbox" id="check" /> 
    </script> 
 
    <script type="text/javascript"> 
        function templaterefresh(args) { 
            $(args.cell).find("#check").click(function (args) { 
                debugger; 
            }) 
        } 
    </script> 
 
 
Refer our API documentation for your reference 
 
 
If the above provided solution does not meet your requirement please share more details about your requirement. 
 
Regards, 
Vignesh Natarajan. 


Guadalupe
Replied On March 28, 2019 02:31 PM UTC

Oh!
It's great, I can use template but I didn't know the function template refresh.

Vignesh Natarajan [Syncfusion]
Replied On March 29, 2019 05:04 AM UTC

Hi Guadalupe, 

Thanks for the update.  

We are glad to know that you are able to achieve your requirement using TemplateRefresh clientSideEvent.   

Please let us know if you need any further assistance on this. 

Regards, 
Vignesh Natarajan. 





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