Virtual scrolling does not work for me

[Gyorgy Gorog]

Hi All, 

I have a grid with four columns, and sometimes many rows. When virtualizaton is off, it works for a smaller number of rows but is unable to render a high number of rows. The cell contents are text paragraphs. 

When virtualization is enabled, it only renders the first portion, then scrolling runs to empty screen.

Thanks for help.

Razor:

@(Html.EJ().Grid<HomeController.CompareParagraph>("compareLanguages")

      .Datasource((IEnumerable<object>)ViewBag.datasource)

      .GridLines(GridLines.Vertical )

      .Locale("hu-HU")

      .AllowResizing()

      .AllowResizeToFit()

      .AllowTextWrap()

      .IsResponsive()

      .AllowScrolling()

      .ScrollSettings( scroll =>   scroll.Height(680)..EnableVirtualization().AllowVirtualScrolling().VirtualScrollMode(VirtualScrollMode.Normal)

      )

      .Columns(col =>

       {

           col.Field("HU").Add();

           col.Field("FR").Add();

           col.Field("EN").Add();

           col.Field("DE").Add();

       }))

C#: List<CompareParagraph> compareParagraphs = new List<CompareParagraph>();

            for (int row = 0; row < maxRows; row++)

                compareParagraphs.Add( new CompareParagraph

                    {

                        HU = huRows > row ? hu[row] : "",

                        FR = frRows > row ? fr[row] : "",

                        EN = enRows > row ? en[row] : "",

                        DE = deRows > row ? de[row] : ""

                    } );

          ViewBag.datasource = compareParagraphs;

            return View();

[Manivannan Padmanaban]

Hi Gyorgy, 

Thanks for contacting syncfusion support. We are happy to assist you. 

Query: When virtualization is enabled, it only renders the first portion, then scrolling runs to empty screen. 

 

From your code example, we could see that you have enabled IsResponsive property. In virtual scrolling, the responsive feature is not supported. So, we suggest you to remove the responsive property. And also, for your convenience we have created the sample please refer the below link. 

http://www.syncfusion.com/downloads/support/directtrac/general/ze/virtualscrolling-390930314.zip  

After referring the sample, still facing the issue please get back to us with the following details. 

1. Share the Essential studio version.
2. Share the Screenshot of the issue.
3. If possible provide the video demonstration.
4. Reproduce the issue in the provided sample and revert us back.

Regards, 

Manivannan Padmanaban. 

[Gyorgy Gorog]

Oh yes. Thanks a lot.

[Manivannan Padmanaban]

Hi Gyorgy, 

We are happy to hear that your query has been resolved. Please get back to us, if you need further assistance. 

Regards, 

Manivannan Padmanaban. 

[Gyorgy Gorog]

Well, it worked for a day or so. Now I have this error: I didn't touch the scripts. It's Version=16.2450.0.41

Uncaught TypeError: n.render[(this._id + "_JSONTemplate")] is not a function

    at Object._replacingVirtualContent (<anonymous>:10:3137040)

    at Object._refreshVirtualView (<anonymous>:10:3124176)

    at Object._renderVirtulViewContent (<anonymous>:10:3047592)

    at Object.set_currentVirtualIndex (<anonymous>:10:3047391)

    at Object._virtualViewScroll (<anonymous>:10:3120785)

    at Object.scroll (<anonymous>:10:3111134)

    at Object._trigger (<anonymous>:10:13905)

    at Object.scrollY (ej.web.all.min.js:10)

    at Object._changeTop (ej.web.all.min.js:10)

    at Object._mouseWheel (ej.web.all.min.js:10)

[Manivannan Padmanaban]

Hi Gyorgy,  

We are unable to reproduce the reported issue at our end. For your convenience we have created the sample in the mentioned version, please refer the below link. 

http://www.syncfusion.com/downloads/support/directtrac/general/7z/virtualscrolling-502980450.7z  

The reported issue is may be occur due to the following reasons, 

1. Multiple jQuery file reference. Please check whether are your referred more than one jQuery file.
2. And also, please check whether are your defined unique id to each grid. If not, define the unique id.

Please get back to us, if you need further assistance. 

Regards, 

Manivannan Padmanaban.