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.

after gird bind border issue with grid

Thread ID:

Created:

Updated:

Platform:

Replies:

120246 Sep 14,2015 03:28 AM Sep 15,2015 05:19 AM JavaScript 1
loading
Tags: ejGrid
Bharat Buddhadev
Asked On September 14, 2015 03:28 AM

After grid bind gridview border not appear

<div id="targetsGrid" ej-grid e-datasource="data"
                     e-columns="columns"
                     e-scrollsettings-width="null"
                     class="gridStyle"
                     e-allowresizing="true"
                     e-allowkeyboardnavigation="true"
                     e-allowscrolling="true"
                     e-allowsorting="true"
                     e-minwidth="550"
                     e-isresponsive="true"               
                     e-actioncomplete="actioncomplete"
                     e-allowgrouping="true"
                     e-groupsettings-groupedcolumns="targetGroupColumn"
                     e-allowfiltering="true"
                     e-filtersettings-filtertype="excel"></div>
            </div>


First Way Tried

   $scope.setTargetList = function (targetList) {                                              
            $scope.data = targetList;
            var targetsGrid = $("#targetsGrid").data("ejGrid");

            if (targetsGrid != undefined) {
                targetsGrid.dataSource(targetList)
            }           
            targetsGrid.windowonresize();

        }

Second Way tried

 $scope.setTargetList = function (targetList) {                                              
            $scope.data = targetList;
            var targetsGrid = $("#targetsGrid").data("ejGrid");

            if (targetsGrid != undefined) {
                targetsGrid.dataSource(targetList)
            }           

        }



but still getting border issue after grid bind on page load
I think this issue occur because of browser scrolling produce.

If you want to reproduce same thing you have two gridview on your page and data must be enough big so that browser scrolling will appear.

Waiting for you quick reply
Very urgent.





  



Attachment: borderissue_2fe50f61.rar

Balaji Marimuthu [Syncfusion]
Replied On September 15, 2015 05:19 AM

Hi Bharat,

Thanks for contacting Syncfusion support.

We have checked the provided code and screenshot. We have used the similar code example and called the windowonresize method after binding data to Grid, its working fine.

The reason for the issue might be the windowonresize method is called before data bound to Grid. So we suggest you to use the windowonresize method in actionComplete event which triggers every Grid action complete.

Please refer to the following sample and code example, and Help document, 
Sample: http://jsplayground.syncfusion.com/dc213lmw
Help Document: http://help.syncfusion.com/js/api/ejgrid#events:actioncomplete


<div id="targetsGrid" ej-grid e-datasource="data"

                     e-columns="columns"

                     e-scrollsettings-width="null" ,

                     class="gridStyle"

                     e-allowresizing="true"

                     e-allowkeyboardnavigation="true"

                     e-allowscrolling="true"

                     e-allowsorting="true"

                     e-minwidth="550"

                     e-isresponsive="true"

                     e-actioncomplete="actioncomplete"

                     e-allowgrouping="true"

                     e-groupsettings-groupedcolumns="groupedcol"

                     e-allowfiltering="true"

                     e-filtersettings-filtertype="excel"></div>

            </div>


$scope.actioncomplete = function (args) {

                if (args.requestType == "refresh") {

                    this.windowonresize();

                    this.refreshScrollerEvent();

                }

            }


If we misunderstood your requirement or the scenario wrongly, please modify the provided sample to be issue reproducible and send.
Regards,
Balaji Marimuthu

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.

;