Data display method and device

Abstract

The invention discloses a data display method and device, and relates to the technical field of computers. A specific embodiment of the method comprises the following steps: acquiring a current rolling distance, a set buffer area size, a visual item number and an option height, and calculating a pull-down box height according to the current rolling distance, the buffer area size, the option height and the visual item number and the option height, the method comprises the steps of determining a start subscript and an end subscript used for selecting data to select data to be mounted from total data, determining a start subscript of data located in a drop-down box according to a current rolling distance and an option height, and displaying data with the number being the number of visual items in the data to be mounted in the drop-down box according to the start subscript. And storing the data, except the data in the drop-down box, in the to-be-mounted data in the buffer area. According to the embodiment, poor experience caused by lagging when the number of the options reaches a certain amount can be avoided, retrieval is supported, and it is guaranteed that excellent performance can be achieved in the face of a large amount of option data.

Description

technical field [0001] The present invention relates to the field of computer technology, and in particular, to a data display method and device. Background technique [0002] At present, Web development technology has made great progress, but the changes of Web forms (including drop-down selection controls) are not obvious. Since web forms don't provide an out-of-the-box solution for many common businesses, many developers not only use JavaScript when working with forms, but also enhance the default behavior of some standard form controls. select is a native drop-down selection control in html. In order to facilitate interaction with this control, in addition to the attributes and methods common to all form fields, it also provides some unique attributes and methods of the select control, such as the options attribute (all option elements in the control) , add method (insert a new option element into the control), remove method (remove the option element at a given positio...

AI Technical Summary

Problems solved by technology

[0005] The native select control and the select in the UI component library will freeze when the number of options reaches a certain amount, resulting in a poor experience. Among them, the native select control does not support retrieval, and performance problems for a large number of option data are inevitable. Although the select component in the UI component library supports retrieval, the performance problem is more prominent when faced with the same option data volume

Images