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.

Pressing filter button in Grid B loads the dialogue up in Grid A

Thread ID:

Created:

Updated:

Platform:

Replies:

124447 Jun 10,2016 04:26 AM Jun 16,2016 03:01 AM JavaScript 3
loading
Tags: ejGrid
duncan
Asked On June 10, 2016 04:26 AM

I have two different grids, each one drawn in a seperate div. When I press the filter button on Grid B, the dialogue gets loaded over the same column in grid A.

How can I prevent this error in the Syncfusion library?

Seeni Sakthi Kumar Seeni Raj [Syncfusion]
Replied On June 13, 2016 02:25 AM

Hi Duncan, 

We could see that you are using detailsTemplate feature of Grid from the Forum 124416 and you are facing this problem with the detailsTemplate. While using the detailsTemplate, you need to generate a unique ID for each details Grid which will avoid the opening of filter dialog for different details Grid. Refer to the following code example and sample, 

    <div id="Grid"></div> 
    <script id="tabGridContents" type="text/x-jsrender"> 
        <div id="detailGrid{{:EmployeeID}}"> 
        </div> 
    </script> 
    <script type="text/javascript"> 
        $(function () { 
            $("#Grid").ejGrid({ 
                dataSource: ej.DataManager(window.employeeView), 
                detailsTemplate: "#tabGridContents", 
                detailsDataBound: "detailGridData", 
                .  . .. 
            }); 
        }); 
        function detailGridData(e) { 
            var filteredData = e.data["EmployeeID"]; 
            var data = ej.DataManager(window.ordersView).executeLocal(ej.Query().where("EmployeeID", "equal", parseInt(filteredData), true)); 
            e.detailsElement.find("#detailGrid" + filteredData).ejGrid({ 
                dataSource: data, 
                allowFiltering: true, 
                filterSettings: { filterType: "excel" }, 
                 . . . . 
            }); 
        } 
    </script> 


If we misunderstood your query, please get back to us with the following information to analyze the issue. 

1)      Code example of both the Grids 
2)      Are you using two separate Grids? Or placed the GridA within the GridB? 

Regards, 
Seeni Sakthi Kumar S. 


duncan
Replied On June 15, 2016 04:05 AM

Thanks for your advice I'll bear it in mind. I have solved the issue a different way now by creating separate prototypes for each of my grids.

Mani Sankar Durai [Syncfusion]
Replied On June 16, 2016 03:01 AM

Hi Duncan,  
Thanks for your feedback. 
 
We have happy to hear that your requirement is achieved.  
 
Regards, 
Manisankar Durai. 
                                                                                                                  


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.

;