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

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

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?

3 Replies

SS Seeni Sakthi Kumar Seeni Raj Syncfusion Team June 13, 2016 06:25 AM UTC

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. 



DU duncan June 15, 2016 08:05 AM UTC

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.


MS Mani Sankar Durai Syncfusion Team June 16, 2016 07:01 AM UTC

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


Loader.
Live Chat Icon For mobile
Up arrow icon