首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在SAPUI5 SmartTable on event beforeRebindTable中添加一些筛选器

在SAPUI5中,SmartTable是一个灵活的表格控件,可以根据数据模型自动创建列和行,同时支持排序、筛选和分页等功能。

在使用SmartTable时,可以通过在事件beforeRebindTable中添加筛选器来对表格数据进行过滤。事件beforeRebindTable在每次重新绑定数据之前触发,可以在此事件中动态添加筛选器来限制表格数据的显示。

为了在beforeRebindTable事件中添加筛选器,可以按照以下步骤进行操作:

  1. 在视图文件(.view.xml)中,找到SmartTable的标签,并在其中添加beforeRebindTable事件的绑定。

例如:

代码语言:txt
复制
<smartTable:SmartTable
    id="mySmartTable"
    beforeRebindTable="onBeforeRebindTable"
    ...
/>
  1. 在控制器文件(.controller.js)中,实现beforeRebindTable事件的处理函数。

例如:

代码语言:txt
复制
onBeforeRebindTable: function(oEvent) {
    var oBindingParams = oEvent.getParameter("bindingParams");
    
    // 创建筛选器对象
    var oFilter = new sap.ui.model.Filter("fieldName", sap.ui.model.FilterOperator.EQ, "filterValue");

    // 将筛选器添加到绑定参数中
    oBindingParams.filters.push(oFilter);
}

在上面的代码中,我们通过创建Filter对象来定义筛选条件,然后将筛选器对象添加到绑定参数(oBindingParams)中的filters属性中。通过这种方式,就可以将筛选器应用到SmartTable的数据绑定中,实现表格数据的筛选功能。

需要注意的是,"fieldName"需要替换为实际的字段名,"filterValue"需要替换为实际的筛选值。根据实际需求,可以创建多个筛选器对象,并将它们依次添加到oBindingParams.filters数组中。

关于SmartTable控件的更多信息和使用方法,可以参考腾讯云的SAPUI5开发文档:SmartTable - SAPUI5开发文档

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

如何创建SAP UI5项目?

选择SAP UI5 我们可以通过过滤条件,输入sapui5和Cloud Foundry,作为条件来筛选需要的磁贴应用,这样可以查找到名为SAPUI5 Application的磁贴,然后单击Next。...项目文件 我们单击文件夹图标,把目录展开,有一些关于SAP UI5架构的内容,我以前也推送过,可以查看公众号的文章(公众号:SAP Technical),显示如下图所示: ?...SAPUI5是一个与设备无关的框架,这意味着它具有检测到正在使用的设备,操作系统,浏览和浏览版本的机制。...大概步骤就是这样的,matinal建议有兴趣的朋友可以自己手动操作一下,这样感受会更深一些。...国内,有关SAP UI5的项目,据我了解,到目前为止还没有太多,虽然这是SAP比较看好的,并且极力推广的内容,但市场接受的程度还是需要一段时间的,毕竟转变的幅度还是很大。

69620
  • 推荐11个GitHub上比较热门的Java项目

    它是一款基于图形界面的Java反编译,Java字节码编辑,APK编辑,Dex编辑,APK反编译,DEX反编译。不仅如此,它还是一款Hex查看,代码搜索和代码调试。...它可以帮助你加快开发进程,有效防止一些可能导致重大失误的细节问题,不过深入了解 java-design-patterns 之前,你应提前熟悉各种编程/软件设计原则。...框架的发布版本,包括集成的CLI(命令行界面),可以Spring仓库手动下载和安装。...https://github.com/huangyanbin/smartTable Star 1200 ?...SmartTable 是一套数据源使用 Ajax 获取数据,并展现成表格与图像的形式,并且支持下载(思路源于talkingdata)的智能表格。

    1.1K20

    matinal:SAP 零基础学习CDS之概览(一)

    如我们所知,HANA CDS只支持HANA数据库,ABAP CDS理论上支持多种数据库供应商,结果是,ABAP CDS相比之下要少一些功能。...通过对数据库表添加assciation和annotation等方式定义带有丰富语义的视图对象,供ODATA和SAPUI5使用。 接下来主要介绍ANAP CDS的使用。...ABAP CDS使用 a)使用ADT创建一个ABAP项目 选择需要链接的服务,并输入用户名密码进行登录,这里会自动带出GUI端配置的链接,用Eclipse进行开发首先需要安装SAP GUI b)创建ABAP...视图框输入 NSDM_E_MSEG,查出结果: NSDM_V_MSEG 5、使用CDS创建oData Service 5-1..../N/IWFND/MAINT_SERVICE 激活并维护服务 点击添加服务 输入筛选条件,点击获取服务,查处对应服务后点击添加所选服务 添加完之后可以列表中看到 5-3.

    81811

    【SAP HANA系列】SAP HANA XS使用JavaScript编程详解

    正文部分 第一篇的时候,我们说过如下内容: SAP HANA XS支持JavaScript的服务端应用程序编程。...开发的服务端应用程序使用JavaScript API将授权数据公开给客户端请求,例如,由客户端GUI(如Web浏览SAPUI5应用程序或移动设备)这些客户端。...这一篇,我们就来了解一下,SAP HANA XS如何使用JavaScript编程。...第二步:创建过程 由于JavaScript程序存储SAP HANA Repository,所以,我们这里先不说project,先讲repository 1、根目录创建一个js文件,我这里创建的名字叫...文件内容如下,这里内容我稍稍修改了一下,具体参数意思这里不再说,可以加群了解: 4、添加JS文件内容如下 5、执行URL访问结果 URL内容为:http://:80

    50130

    JavaWeb(八)JQuery

    方法 描述 addClass() 向匹配的元素添加指定的类名。 after() 匹配的元素之后插入内容。 append() 向匹配元素集合的每个元素结尾插入由参数指定的内容。...函数 描述 .add() 将元素添加到匹配元素的集合。 .andSelf() 把堆栈之前的元素集添加到当前集合。 .children() 获得匹配元素集合每个元素的所有子元素。....filter() 将匹配元素集合缩减为匹配选择或匹配函数返回值的新元素。 .find() 获得当前匹配元素集合每个元素的后代,由选择进行筛选。....parents() 获得当前匹配元素集合每个元素的祖先元素,由选择筛选(可选)。 .parentsUntil() 获得当前匹配元素集合每个元素的祖先元素,直到遇到匹配选择的元素为止。....prev() 获得匹配元素集合每个元素紧邻的前一个同辈元素,由选择筛选(可选)。 .prevAll() 获得匹配元素集合每个元素之前的所有同辈元素,由选择进行筛选(可选)。

    1.8K40

    SAP Web IDE环境搭建 – 详细指导

    SAP WebIDE 介绍 在前面我的一些文章已经有了SAP Web IDE的介绍,还包括了本地的WEB IDE的搭建,以及使用Eclipse作为Fiori开发的平台.不过目前看来,SAP...添加新的子账号: 地区: 选择你的订阅区域,如果是测试版,一般是eu-trial 子账号: 就是前面记录的账号,一串随机数 显示名称: SAP Cloud Connector显示的名字,随意...图中灰色部分需要填写公司内部Gateway的地址和端口 Access Control需要指定云端可以访问的资源地址,在这里测试添加到整个根目录,你可以根据自己的访问限制来添加: 配置好之后...Connectivity->Cloud connector : 连接正常显示如下 配置Destination * URL: 就是SAP Cloud Connector配置的虚拟地址....hana.ondemand.com 检查和SAP Gateway的连接: 选择Destination配置的地址,如果能够显示以下屏幕,表示连接到后端系统成功.

    1.5K100

    React Table 表格组件使用教程 排序、分页、搜索过滤筛选功能实战开发

    图片本文完整版:《React Table 表格组件使用教程 排序、分页、搜索过滤筛选功能实战开发》 日常开发,特别是内部使用的后台系统时,我们常常会需要用表格来展示数据,同时提供一些操作用于操作表格内的数据...跟随本文你将学到如何使用 react-table React 搭建表格组件如何使用 react-table 表格组件进行数据的分页、排序、搜索过滤筛选react-table 实战案例:手把手教你使用...', accessor: 'address' }, { Header: '下单日期', accessor: 'date', } ], [])接着我们表头处添加排序相关的逻辑...{ useTable, usePagination } from 'react-table' 然后 useTable 添加分页相关的参数:const { getTableProps, headerGroups...,通常筛选都是位于表格以外的,本例子,我们期待在筛选输入的搜索值应用在所有的列,这里我们创建一个 TableFilter 组件:// components/TableFilter.jsimport

    16.9K01

    基于vue2.0+vuex+localStorage开发的本地记事本

    功能说明 支持回车添加事件 支持事件状态切换 添加事件 -> 进入未完成列表 未完成 -> 已完成(勾选checkbox) 未完成 -> 已取消(点击取消按钮) 已完成 -> 未完成(取消勾选checkbox...//添加事件组件 | | | |——dialog.vue //弹出框组件 | | | |——event_table.vue...} 2.切换状态 难点:不同的状态间切换,实时地把事件不同状态列表显示出来 解决方法:利用vuex进行状态管理,把所有事件和状态存储store对象组件通过计算属性获得事件...和 关键词 进行筛选 知识点:返回所有事件的计算属性上,使用过滤器( filter ),进行对 type 和 content 的筛选,返回符合条件的事件。...01-25:添加筛选功能 02-07:修复issues 取消事件的bug #1

    60430

    可视化搭建 - 场景实战

    利用 setValue 点击下钻按钮时,修改组件自己的 value,然后通过 valueRelates 让该组件的联动作用于自身,剩下的逻辑就和普通筛选、联动没有太多区别了,区别仅仅是联动触发源是自己...targetComponentId: componentId, }, ], fetcher: ({ selector }) => { // relates 可能来自自己、其他筛选组件实例...实现任意协议 我们也许为了进一步抽象,或对指定业务场景降低配置门槛,组件树拓展一些额外的 json 结构协议做一些特定功能。...forEach((event) => { switch (event.type) { case "openModal": // 给组件添加新的...总结 本文我们总结了三个场景实战: 利用 treeLike 结构组件内渲染任意数量的子组件实例,如 tabs 或富文本。 利用组件联动的 API,实现筛选、联动以及上卷下钻。

    20160

    基于vue2.0+vuex+localStorage开发的本地记事本

    在线预览地址:DEMO 功能说明 支持回车添加事件 支持事件状态切换 添加事件 -> 进入未完成列表 未完成 -> 已完成(勾选checkbox) 未完成 -> 已取消(点击取消按钮) 已完成 -> 未完成...//添加事件组件 | | | |——dialog.vue //弹出框组件 | | | |——event_table.vue...} 2.切换状态 难点:不同的状态间切换,实时地把事件不同状态列表显示出来 解决方法:利用vuex进行状态管理,把所有事件和状态存储store对象组件通过计算属性获得事件...和 关键词 进行筛选 知识点:返回所有事件的计算属性上,使用过滤器( filter ),进行对 type 和 content 的筛选,返回符合条件的事件。...01-25:添加筛选功能 02-07:修复issues 取消事件的bug #1

    1.2K60

    Python Tkinter实战——开发音频播放

    ,都会存在一些细节问题,这些细节问题不是初识小控件的时候能弄明白的,需要有一定的实战经验,并结合具体的项目才能体会出来。...设置窗体透明度 这部分描述,tkinter文档并未描述,我们需要查看tcl/Tk的 相关文档https://www.tcl.tk/man/tcl8.7/TkCmd/wm.htm ,关于窗口feature...Seekbar,我们监听了鼠标按下和移动事件,关于事件的修饰符,可以查看tcl/Tk的官方文档,内容比tkinter要全面很多,相关部分文档https://www.tcl.tk/man/tcl8.7...,后续大家可以添加收藏、本地歌单、网易云音乐本地缓存、在线歌单筛选、桌面歌词等等功能 对于VCL库的所有调用均在主线程中进行,当VCL库的API耗时或阻塞时,会造成界面无响应。...要改善该问题,可以考虑将音频播放移入后台线程运行,而不阻塞前台的GUI 本地音频文件格式筛选,不要将非音频文件导入 响应快捷键,包括控制栏上的播放、暂停、快进等 界面美化 完整项目源码 传送门

    4.2K40

    精读《BI 搭建 - 筛选条件》

    下面介绍 bi-designer 的筛选条件设计。 筛选条件设计 基于上述分析,bi-designer 组件元信息没有增加所谓的筛选组件类型,而是将其设定为一种筛选能力,任何组件都能触发。...一般筛选组件会选择作用于的目标组件,类似下图: 这些信息会存储筛选组件的组件配置,即 componentInstance.props,筛选目标组件 componentMeta.eventConfigs...组件如何感知筛选条件 组件取数是结合了筛选条件一起的,只要如上设置了 filterFetch,渲染引擎会自动计算取数参数的回调函数 getFetchParam 添加 filters 代表筛选组件信息...如上图所示,其实每个筛选条件渲染引擎数据流还存储了一个 ready 状态,表示筛选条件是否就绪,一个组件关联的筛选条件只要有一个 ready 不为 true,组件就不会触发取数。...如果你对原理感兴趣,可以再多看一下这张图: 突破筛选作用域 然而实际场景,可能存在更复杂的组合,见下面的例子: 筛选 1 同时对 筛选 2、表格 产生筛选作用 filterFetch,但对 表格

    94920

    Spring高手之路15——掌握Spring事件监听的内部逻辑与实现

    异步事件:  从Spring 4.2开始,我们可以轻松地使事件监听异步化。Spring 5,这一功能仍然得到支持。只需要在监听方法上添加@Async注解并确保启用了异步支持。...早期事件的处理:Spring的生命周期中,ApplicationContext可能还没有完全初始化,这时会有一些早期的事件。...listener : listeners) { if (this.supportsEvent(listener, eventType, sourceType)) { ... // 添加筛选出来的监听列表...}}从IOC容器筛选监听retrieveApplicationListeners方法,除了从defaultRetriever获取已经编程式注入的监听,代码还会尝试从IOC容器(通过...beanFactory = this.getBeanFactory(); for (String listenerBeanName : listenerBeans) { ... // 检查并添加筛选出来的监听列表

    75382

    VUE 四个常用选项

    例如,从[‘abc’,‘abd’,‘ade’]数组取得包含‘ab’的值,那么可通过过滤器筛选出来‘abc’和‘abd’;把‘Hello’变成‘Hello World’,那么可用过滤器给值‘Hello’...可以直接通过 app 实例访问这些方法,或者指令表达式中使用。 方法的 this 自动绑定为 Vue 实例。...`methods` 对象定义方法 methods: { greet: function (event) { // `this` 方法里指向当前 Vue 实例 alert('Hello ' + this.name...// `event` 是原生 DOM 事件 if (event) { alert(event.target.tagName) }}} }) 复制代码 内联处理的方法:v-on 除了直接绑定到一个方法...DOM 事件,可以用特殊变量 $event 把 它传入方法: 通过 event 可以获得一个 MouseEvent 对象,从而得到鼠标点击时所 的位置,以及这个事件触发的后关于这个事件的信息。

    46330

    0654-6.2.0-如何通过CM API获取集群事件并入库到MySQL

    测试环境: 1.RedHat7.2 2.CDH6.2.0 3.Python 2.7 4.使用root用户操作 操作步骤 CM获取API和event信息 首先需要知道CM API...的方式,通过明文用户和密码,CM创建一个只读用户用来测试。...CM>管理>User&Roles 添加只读用户 关于事件的汇总可以CM界面>诊断>事件 通过添加筛选来进行查看 编辑Shell 脚本获取数据 CM界面筛选出想要的数据后...rm -rf /root/eventScript/all_event.sql fi 执行调试,由于近10分钟没有告警,所以创建了一个触发进行测试,详情参考文章《0642-6.2-如何在CM界面创建触发..."+str(i)+".txt") 测试环境Python2.7 进行测试 添加Linux 定时执行 写入到定时每10分钟执行一次 crontab -e */10 *

    1.2K10
    领券