Lines Matching refs:grid
30 …grid. This child component does not scroll with the corresponding cell and is not displayed after …
32 …e current display area. Therefore, the relative position of grid items may change as the grid scro…
46 …ble components, such as [List](ts-container-list.md), [Grid](ts-container-grid.md), or [Scroll](ts…
55 …grid item with the specified index. For details, see Example 3. **onGetRectByIndex** can be used f…
59 …rows and columns occupied by a grid item with regular size. The only supported value is **[1, 1]**…
60 …grid item with an irregular size in the grid. When **onGetIrregularSizeByIndex** is not set, the g…
61 …grid item with an irregular size. This parameter is used together with **irregularIndexes**. In ve…
62 …grid item with the specified index, in the format of [rowStart,columnStart,rowSpan,columnSpan],<br…
72 Sets the number of columns, fixed column width, or minimum column width of the grid. If this attrib…
87 …e column width is 0, and grid item in the column is not displayed. If this attribute is set to any…
97 | value | string | Yes | Number of columns or minimum column width of the grid.|
103 Sets the number of rows, fixed row height, or minimum row height of the grid. If this attribute is …
116 …, the row width is 0, and grid item in the row is not displayed. If this attribute is set to any o…
126 | value | string | Yes | Number of rows or minimum row height of the grid.|
136 > - If the width and height of a grid are not set, the grid adapts to the size of its parent compo…
137 > - The size of the grid rows and columns is the size of the grid content area minus the gap betwe…
138 > - By default, the grid items fill the entire grid.
146 > - The cross axis size of the grid is the cross axis size of the grid content area minus the gaps…
147 … main axis size of the grid is the maximum value of the main axis sizes of all grid items in the c…
151 …y **layoutDirection**. The number of columns is jointly determined by the grid width, width of the…
152 > - The number of rows is jointly determined by the grid height, height of the first element, **ce…
156 > - If there are no grid items in the grid, the width and height of the grid are set to 0.
243 Sets the number of grid items to be cached (preloaded). It works only in [LazyForEach](../../../qui…
245 The number of the grid items to be cached before and after the currently displayed one equals the v…
247 …w-rendering-control-repeat.md) with the **virtualScroll** option enabled, grid items that are outs…
257 | value | number | Yes | Number of grid items to be cached (preloaded).<br>Default value: **1**|
263 Sets the number of grid items to be cached (preloaded) and specifies whether to display the preload…
265 The number of the grid items to be preloaded before and after the currently displayed one equals th…
275 | count | number | Yes | Number of grid items to be preloaded.<br>Default value: **1**|
282 Sets whether to enable edit mode. In edit mode, the user can drag the [grid items](ts-container-gri…
298 Sets the main axis direction of the grid.
308 | value | [GridDirection](#griddirection8) | Yes | Main axis direction of the grid.<br>Default va…
376 …ected** attribute and **onSelect** event to obtain the selected status of grid items; you can also…
392 Sets whether to enable animation. Currently, the grid item drag animation is supported. Animation i…
473 Sets the alignment mode of grid items in the grid. For details, see [Example 9](#example-9).
483 …temAlignment](#griditemalignment12)\> | Yes | Alignment mode of grid items in the grid.<br>Defaul…
493 | DEFAULT | 0 | Use the default alignment mode of the grid.|
494 | STRETCH | 1 | Use the height of the tallest grid item in a row as the height for all other grid…
500 … if each grid item in a row is of a regular size (occupying only one row and one column). It is no…
501 …H** is used, only grid items without a set height will adopt the height of the tallest grid item i…
502 > 4. When **STRETCH** is used, the grid undergoes an additional layout process, which may incur add…
529 …m displayed in the grid changes, that is, when the index of either the first or last item changes.…
539 | first | number | Yes | Index of the first item of the grid.|
540 | last<sup>10+</sup> | number | Yes | Index of the last item of the grid.|
546 Triggered when a grid item starts to be dragged. If **void** is returned, the drag operation cannot…
548 This event is triggered when the user long presses a grid item.
550 …e grid item is bound to the long press gesture, it cannot be dragged. In light of this, if both lo…
567 Triggered when the dragged item enters the drop target of the grid.
583 Triggered when the dragged item moves over the drop target of the grid.
601 Triggered when the dragged item leaves the drop target of the grid.
618 Triggered when the dragged item is dropped on the drop target of the grid.
637 Triggered when the first item displayed in the grid changes. You can use the callback to set the po…
639 This API is intended solely for setting the scroll position of the grid. Avoid implementing service…
649 | index | number | Yes | Index of the first item of the grid. |
650 …ber | Yes | Offset of the displayed first item relative to the start position of the grid, in vp.|
662 Triggered when the grid reaches the start position.
664 This event is triggered once when the grid is initialized and once when the grid scrolls to the sta…
674 Triggered when the grid reaches the end position.
686 …n the grid starts to scroll. After the amount by which the grid will scroll is passed in, the even…
703 | { offsetRemain: number } | Actual amount by which the grid scrolls, in vp.|
709 Triggered when the grid starts scrolling initiated by the user's finger dragging the grid or its sc…
719 Triggered when the grid stops scrolling after the user's finger leaves the screen. This event is al…
728 Triggered when the grid scrolls.
740 …ffset of each frame. The offset is positive when the grid is scrolled up and negative when the gri…
751 | totalOffset | number | No| No| Total offset of the grid content relative to the display area, in…
752 | totalLength | number | No| No| Total length of the grid content, in px. |
758 …grid with fixed number of rows and columns, for which you can use **onGetRectByIndex** in **GridLa…
842 This example shows a scrollable grid with all its scrolling attributes and events specified.
851 …@State gridPosition: number = 0 // 0 indicates scrolling to the top of the grid, 1 indicates scrol…
935 irregularIndexes: [0, 6], // The grid item whose indexes are 0 and 6 occupies one row.
940 …irregularIndexes: [0, 7], // The number of columns occupied by the grid item whose indexes are 0 a…
975 // The grid does not scroll, and undefined is used to reserve space.
1182 1. Set **editMode\(true\)** to enable edit mode, where the user can drag the grid items.
1242 .editMode(true) // Enable edit mode, where the user can drag the grid items.
1243 ….onItemDragStart((event: ItemDragInfo, itemIndex: number) => { // Triggered when a grid item start…
1247 …uccess: boolean) => { // Triggered when the dragged item is dropped on the drop target of the grid.
1248 …// If isSuccess is set to false, the item is dropped outside of the grid. If the value of insertIn…
1262 Below shows how the grid looks when dragging of grid items starts.
1266 Below shows how the grid looks when dragging of grid items is in progress.
1270 Below shows how the grid looks after grid item 1 and grid item 6 swap their positions.
1323 This example demonstrates how to adjust the number of columns in the grid with a pinch gesture usin…
1395 
1467 This example implements a grid that contains two columns. The grid item in each column consists of …
1469 …grid items may differ; however, after the grid's **alignItems** attribute is set to **GridItemAlig…
1516 …en the grid has its alignItems attribute set to STRETCH, it adjusts the height of all grid items i…