Once you pass the buffer zone on the grids, your selection will disappear

To experience the loss of selection, scroll beyond the predefined grid buffer zone (default is 5 pages).

Follow these steps to reproduce:

  1. Choose any item from the first page
  2. Scroll through each cached page until a new group of pages loads (scroll past the buffer zone) - typically set at 5 pages by default
  3. Your selection will be lost (indicated by the button label showing "Selected (0)")

ExtJS version being used: 6.7.0

Check out this live example

Answer №1

Make sure to check out the details in the BufferedStore documentation. In the final section, it mentions:

To preserve selection state across page boundaries, you can set the SelectionModel to keep records even when they are removed from the main store collection. To achieve this, configure the SelectionModel as follows:

selModel: {
    pruneRemoved: false
}

You have the option to apply this configuration either to your store or your grid.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

What is the best way to convert a JSON string from a specific array into an array object?

JSON object: { "data": { "myStatus": "[1 2 21 0 50 0 0 0],[2 1 3 1 50 0 0 0]" }, "success": true } Upon converting to the JSON object, it appears that the myStatus is being treated as a string. The goal is to parse it as an Array inst ...

Modify the `value` of the `<input type=color>` element

Hello there! I have been working on a feature where I need users to select a color and have that choice reflected in the value field. Initially, I assumed this could be achieved easily through Bootstrap's features since my project is based on Bootstr ...

Exploring Nextjs with server-side rendering and fetching data from

When utilizing the getServerSideProps function in Next.js to make a fetch request to my API, I encountered an issue where the origin header was coming back as undefined. This seems to be specific to requests made from the server in Next.js, as I am able ...

Changing view upon button click in ReactJS: implement conditional rendering

After grasping the fundamentals of ReactJS, I am eager to put my knowledge into practice by building a small application. The application includes two images below. In the Home view (1st image), there are several buttons that, when clicked, should lead to ...

Troubleshooting why content set to a <div> element with JavaScript / jQuery is not persisting after a

This is the current code snippet I am working with: <asp:Button ID="btnSave" runat="server" OnClick="Save" CssClass="StylizedButton" resourcekey="btnSave" /> <div id="lbltot"></div> Below is the JavaScript portion of the code: $(do ...

What causes a user to log out when the page is refreshed in a React/Redux application?

Each time the page is reloaded in my React/Redux application, the user gets logged out, even though I have stored the token in localStorage. There seems to be an error somewhere. The token should ideally be saved when the user logs in and not lost upon rel ...

What is the best way to showcase SVG code as an image using Vuejs?

My API is returning an SVG image as ASCII text code, which I am trying to display on my page. However, instead of the image, I just see a blank space. You can view my attempted solution in this JSFiddle: https://jsfiddle.net/c0p4ku78/ The key parts of th ...

clicking on a link with the symbol "#" in the href attribute in Firefox prevents the setter

Good morning everyone, It's early Monday morning and I'm having trouble understanding why this particular line works in Internet Explorer but not in Firefox. <a class="button" href="#" onclick="setMaintenanceMode(false);">disable</a> ...

"Validation with Express-validator now includes checking the field in cookies instead of the request

My current validator is set up like this: const validationSchema = checkSchema({ 'applicant.name': { exists: true, errorMessage: 'Name field is required', }, }); and at the beginning of this route (the rest is not relevant) ...

What is the best way to retrieve data from a REST API using Vuex store?

I am currently utilizing Vuex to manage the state of my application. In order to retrieve data from a rest API via an Ajax Get request and display a list of objects, I am dispatching an action to fetch this data from the server. However, I am unsure how t ...

Issue encountered when calling theme.breakpoints.down('') function from Material UI

As a novice, I have ventured into using material UI on the front-end of my project. My aim is to achieve responsiveness by leveraging theme.breakpoints.down as indicated in the material UI documentation. However, when attempting to implement this, I encoun ...

Interference of setInterval with other setInterval functions

Attempting to set up multiple setInterval functions and store them (for later clearing) results in the last setInterval overriding the previous ones. This causes each interval to execute only once, with the same output. Below is a code snippet demonstrati ...

How can I destructure the newly added object in a reducer function?

Currently, I am in the process of learning how to implement redux in my application. The main functionality is that when a user clicks on a day in the calendar, a form will be displayed. Upon submission of the form, redux should take the data and store it ...

Using plain JavaScript (without any additional libraries like jQuery), you can eliminate a class from an element

I'm attempting to locate an element by its class name, and then remove the class from it. My goal is to achieve this using pure JavaScript, without relying on jQuery. Here is my current approach: <script> var changeController = function() { ...

The ObjectSpaceNormalMap feature is not functioning properly when used in conjunction with MeshNormal

I'm having trouble getting the MeshNormalMaterial to stay aligned with the object instead of the camera. I set .normalMapType = THREE.ObjectSpaceNormalMap, but it doesn't seem to be working as expected. Is there something crucial that I might b ...

Extracting data from an HTML image in Django: A step-by-step guide

I am facing a challenge of adding links to multiple images generated in HTML from local folders. These links should be triggered by a view function called create_pc, which will also receive the image path as a parameter. Here is a snippet from my HTML fil ...

How can I identify an event occurring on two sibling elements that are overlapping?

I have 2 overlapping siblings as shown below: document.querySelector("#item1").addEventListener('mouseup',()=>{ console.log("Mouseup item 1!"); }); document.querySelector("#item2").addEventListener('mouseup',()=>{ console. ...

Having issues with Json stringification and serializing arrays

Having an issue with Json when using serializeArray. An example of my HTML form: <form action="" method="post" name="myForm"> ID: <input type="text" name="id" /><br/> State (XX): <input type="text" name="state" /><br/> <p ...

A guide on accessing the value of ng-model in an AngularJS controller

I am facing an issue with a simple view that contains an input text field where the user enters their name. The controller should retrieve this value and assign it to the employeeDescription variable. However, the ng-model value from the input field is not ...

I am attempting to display a JSON array in an angular application

How can I display a JSON Array on the UI using AngularJS? I have the JSON array in the controller, and I'm attempting to retrieve it in the view. Below is the code snippet of what I have implemented. Please provide feedback on whether my approach is ...