首页 > 其他分享 >ag-grid api方法

ag-grid api方法

时间:2024-08-14 08:56:34浏览次数:6  
标签:... const ag gridApi 刷新 获取 api grid 跳转

ag-Grid 的 gridApi 提供了一系列功能,允许你对网格进行各种操作,如数据操作、过滤、排序、分页等。以下是一些常用的 gridApi 方法及其功能:

数据操作

  1. setRowData(rowData): 设置网格的数据。

    gridApi.setRowData(myRowData);
  2. updateRowData(transaction): 更新网格的数据。

    const transaction = {
      add: [{...}],
      update: [{...}],
      remove: [{...}]
    };
    gridApi.updateRowData(transaction);
  3. getRowNode(id): 根据行 ID 获取行节点。

    const rowNode = gridApi.getRowNode('someId');
  4. applyTransaction(transaction): 应用数据事务(添加、更新、删除)。

    gridApi.applyTransaction({
      add: [{...}],
      update: [{...}],
      remove: [{...}]
    });

过滤和排序

  1. setFilterModel(model): 设置过滤模型。

    gridApi.setFilterModel({
      colId: {
        type: 'contains',
        filter: 'text'
      }
    });、
  2. getFilterModel(): 获取当前的过滤模型。

    const filterModel = gridApi.getFilterModel();
  3. setSortModel(model): 设置排序模型。

    gridApi.setSortModel([
      { colId: 'field', sort: 'asc' }
    ]);
  4. getSortModel(): 获取当前的排序模型。

    const sortModel = gridApi.getSortModel();

选择

  1. selectAll(): 选择所有行。

    gridApi.selectAll();
  2. deselectAll(): 取消选择所有行。

    gridApi.deselectAll();
  3. getSelectedRows(): 获取所有被选中的行数据。

    const selectedRows = gridApi.getSelectedRows();
  4. getSelectedNodes(): 获取所有被选中的行节点。

    const selectedNodes = gridApi.getSelectedNodes();

分页

  1. paginationGoToNextPage(): 跳转到下一页。

    gridApi.paginationGoToNextPage();
  2. paginationGoToPreviousPage(): 跳转到上一页。

    gridApi.paginationGoToPreviousPage();
  3. paginationGoToFirstPage(): 跳转到第一页。

    gridApi.paginationGoToFirstPage();
  4. paginationGoToLastPage(): 跳转到最后一页。

    gridApi.paginationGoToLastPage();
  5. paginationGoToPage(pageNumber): 跳转到指定页。

    gridApi.paginationGoToPage(2);

刷新和重绘

  1. refreshCells(params): 刷新单元格。

    gridApi.refreshCells({
      force: true, // 强制刷新
      rowNodes: [rowNode], // 只刷新特定行
      columns: ['colId'] // 只刷新特定列
    });
  2. redrawRows(params): 重绘行。

    gridApi.redrawRows({
      rowNodes: [rowNode] // 只重绘特定行
    });
  3. refreshView(): 刷新整个视图。

    gridApi.refreshView();

其他

  1. sizeColumnsToFit(): 调整列宽以适应网格宽度。

    gridApi.sizeColumnsToFit();
  2. exportDataAsCsv(params): 导出数据为 CSV 文件。

    gridApi.exportDataAsCsv({
      fileName: 'my-data.csv'
    });
  3. getDisplayedRowAtIndex(index): 获取显示的行节点。

    const rowNode = gridApi.getDisplayedRowAtIndex(0);
  4. getFirstDisplayedRow(): 获取第一个显示的行节点。

    const firstRowNode = gridApi.getFirstDisplayedRow();
  5. getLastDisplayedRow(): 获取最后一个显示的行节点。

    const lastRowNode = gridApi.getLastDisplayedRow();

     

 

标签:...,const,ag,gridApi,刷新,获取,api,grid,跳转
From: https://www.cnblogs.com/zhaofen/p/18358109

相关文章

  • 解决《龙珠超宇宙2》中缺失 api-ms-win-crt-runtime-l1-1-0.dll 的问题 快速恢复游戏
    在尝试启动《龙珠超宇宙2》(DragonBallXenoverse2)时,可能会遇到一个常见的问题:“丢失api-ms-win-crt-runtime-l1-1-0.dll”。这个问题通常是由游戏所需的MicrosoftVisualC++运行库缺失或损坏引起的。本文将详细介绍该问题的原因以及如何解决它。问题原因api-ms-win-cr......
  • Java并发类的主要API方法-Semaphore
    一、Semaphoreemaphore是Java并发包(java.util.concurrent)中的一个同步工具类,类Semaphore所提供的功能完全就是synchronized关键字的升级版,但它提供的功能更加的强大与方便,主要的作用就是控制线程并发的数量,而这一点,单纯地使用synchronized是做不到的。emaphore它用......
  • 4.第一天(第四部分):Using IPS Device Manager
    idm初始化ids,通过https,进行连接。https://202.100.12.101设置jave分配内存-Xmx256m证书的3个test1.办法者是否可信2.时间是否有效3.url的主机名和生猪里边的cn是否匹配rdep思科私有用来传输configsdee用来传输事件告警证书是自签名的sdee由icsa研发,促进了整合的第三......
  • M3KE: A Massive Multi-Level Multi-Subject Knowledge Evaluation Benchmark for Chi
    文章目录题目摘要简介相关工作M3KE实验结论题目M3KE:面向中文大型语言模型的海量多层次多学科知识评估基准论文地址:https://arxiv.org/abs/2305.10263项目地址:https://github.com/tjunlp-lab/M3KE摘要    大型语言模型最近在跨任务泛化、指令跟随等多个......
  • CF1393B Applejack and Storages 题解
    ProblemSolution注意到能拼出时必须要存在\(2\)组及以上的四个相同的木棍,或者\(1\)组及以上的四个相同的木棍和除此之外的\(2\)组及以上的两个相同的木棍。同时又注意到\(a_i\)很小,所以可以用桶统计,同时实时更新四个相同木棍的组数和两个相同木棍的组数即可。Code#in......
  • [RIS]Contrastive Grouping with Transformer for Referring Image Segmentation-CGFo
    1.BaseInfoTitleContrastiveGroupingwithTransformerforReferringImageSegmentationAdresshttps://arxiv.org/pdf/2309.01017Journal/TimeCVPR2023Author上海科技大学Codehttps://github.com/SooLab/CGFormerRead202408013Table#VisonLanguage#RIS2.CreativeQ......
  • Mediapipe + KNN检测人体跌倒基本过程
    输入:图片、视频、摄像头等预处理:GBR2RGB、缩放、归一化等检测:加载训练模型BlazePose检测是否有人若有人,则提取33个关键点注:BlazePose是一个基于MobileNet的训练模型。       MobileNet是一个基于CNN(卷积神经网络),专为移动设备和边缘计算的深度学习模型。  ......
  • Jenkins配置分布式构建环境——添加固定Agent并使用JNLP启动Agent详解
    1、概述在《Jenkins部署架构概述 》这篇博文中对Jenkins部署架构进行了讲解。对于分布式架构,Jenkins包括固态Agent和动态Agent两种方案。固定Agent(常用于虚拟机):Agent容器一直运行,任务构建完成后不会销毁,创建完成后将一直占用集群资源,配置过程较简单。动态Agent(常用于K8s):构建......
  • iMessage群发 苹果推信真的很好用
    iMessage是苹果设备(iPad、iPhone、iPodtouch)自带的免费信息发送应用。它的信息通过网络发送,不同于运营商短信。目前iMessage日活跃用户1.9亿,日发送约20亿条。和短信分不清不是原因,甚至苹果本来就不希望大家区分imessage和短信因为在很多国家,包括我现在所处的澳大利亚,短信和......
  • flaskapi 路由管理APIRouter
    前言  开发一个应用程序或API,不会将所有的代码都放到main.py文件中。Flask使用蓝图(BluePrint)来管理路由,FastAPI提供了一个类似的工具APIRouter。路由管理1、fastapi项目目录层级 2、api/cms/user.py定义API路由和处理函数。实例化 APIRouter类,参数prefix......