dany/antos-frontend
1
0
Fork 0
mirror of https://github.com/lxsang/antos-frontend.git synced 2024-11-16 09:48:20 +01:00
Code Issues 1 Actions Projects Releases Wiki Activity

ListView: add API to scroll the list to top/bottom
All checks were successful
gitea-sync/antos/pipeline/head This commit looks good
Details

Browse Source
This commit is contained in:
DanyLE 2023-02-02 21:54:47 +01:00
parent c8fbc08c63
commit d1f2861fd5
3 changed files with 65 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
d.ts/antos.d.ts vendored
View File

@ -4744,6 +4744,18 @@ declare namespace OS {
* @memberof ListViewTag
*/
protected dropoff(e: any): void;
/**
* Scroll the list view to bottom
*
* @memberof ListViewTag
*/
scroll_to_bottom(): void;
/**
* Scroll the list view to top
*
* @memberof ListViewTag
*/
scroll_to_top(): void;
/**
* calibrate the list layout
*
@ -6316,13 +6328,25 @@ declare namespace OS {
* @memberof GridViewTag
*/
delete(row: GridRowTag): void;
/**
* Scroll the grid view to bottom
*
* @memberof GridViewTag
*/
scroll_to_bottom(): void;
/**
* Scroll the grid view to top
*
* @memberof GridViewTag
*/
scroll_to_top(): void;
/**
* Push a row to the grid
*
* @param {GenericObject<any>[]} row list of cell data
* @param {boolean} flag indicates where the row is add to beginning or end
* of the row
* @memberof GridViewTags
* @memberof GridViewTag
*/
push(row: GenericObject<any>[], flag: boolean): void;
/**

21
src/core/tags/GridViewTag.ts
View File

@ -869,6 +869,25 @@ namespace OS {
}
$(row).remove();
}
/**
* Scroll the grid view to bottom
*
* @memberof GridViewTag
*/
scroll_to_bottom()
{
this.refs.container.scrollTo({ top: this.refs.container.scrollHeight, behavior: 'smooth' })
}
/**
* Scroll the grid view to top
*
* @memberof GridViewTag
*/
scroll_to_top()
{
this.refs.container.scrollTo({ top: 0, behavior: 'smooth' });
}
/**
* Push a row to the grid
@ -876,7 +895,7 @@ namespace OS {
* @param {GenericObject<any>[]} row list of cell data
* @param {boolean} flag indicates where the row is add to beginning or end
* of the row
* @memberof GridViewTags
* @memberof GridViewTag
*/
push(row: GenericObject<any>[], flag: boolean): void {
const rowel = $("<afx-grid-row>").css(

20
src/core/tags/ListViewTag.ts
View File

@ -1346,6 +1346,26 @@ namespace OS {
}
}
/**
* Scroll the list view to bottom
*
* @memberof ListViewTag
*/
scroll_to_bottom()
{
this.refs.mlist.scrollTo({ top: this.refs.mlist.scrollHeight, behavior: 'smooth' })
}
/**
* Scroll the list view to top
*
* @memberof ListViewTag
*/
scroll_to_top()
{
this.refs.mlist.scrollTo({ top: 0, behavior: 'smooth' });
}
/**
* calibrate the list layout
*