首页
学习
活动
专区
工具
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.

    81511

    【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

    49930

    JavaWeb(八)JQuery

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

    1.8K40

    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.8K01

    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

    可视化搭建 - 场景实战

    利用 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

    基于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

    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

    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) { ... // 检查并添加筛选出来的监听列表

    74682

    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

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

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

    94920
    领券