SAP UI5 SmartFilterBar 中 ControlConfiguration Aggregation 的作用介绍
在 SAP UI5 和 openUI5 中，sap.ui.comp.smartfilterbar.SmartFilterBar 组件是一种强大的 UI 元素，用于在应用程序中创建动态的、可配置的筛选条。这些筛选条能够让用户通过各种过滤条件来精确地控制显示在屏幕上的数据。在这一背景下，sap.ui.c...
SAP UI5 控件的 aggregation 的概念解析
SAP UI5 控件 Aggregation 概念与作用详解引言SAP UI5 是一套用于构建企业级Web应用程序的开发框架，其中的控件是构建用户界面的基本构建块。在 SAP UI5 中，控件通常包含属性（Properties）、事件（Events）和聚合（Aggregations）。本文将深入介绍...
SAP UI5 控件聚合属性 Aggregation 的概念和具体使用案例
在 SAP UI5 中，控件是用户界面的基本构建块。控件可以是一个简单的文本框，也可以是一个复杂的表格。每个控件都有自己的属性 (properties)，事件 (events) 和方法 (methods)。而聚合 (aggregation) 是控件中的一种特殊类型的属性，它允许一...
关于 SAP UI5 Container 控件 aggregation 的深入分析试读版
一套适合SAP UI5 初学者循序渐进的学习教程 作者简介 Jerry Wang，2007 年从电子科技大学计算机专业硕士毕业后加入 SAP 成都研究院工作至今。Jerry 是 SAP 社区导师，SAP 中国技术大使。在长达 15 年的 SAP 标准产品开发生涯里，Jerry 曾...
如何修复 SAP UI5 aggregation with cardinality 0..1 相关的错误消息
错误消息：Assertion failed: multiple aggregates defined for aggregation with cardinality 0…1引起该错误的 aggregation 名称：flexContent：查看 xml 视图里该 aggregation，发现其下定...
SAP UI5 sap.viz.ui5.controls.VizFrame 的 aggregation 之一：dataset
看个具体的例子：起实际作用的是 flattenedDataset：uid：feed item 的 Uid。 请参考 VIZDOCS 中的绑定部分以获取每种图表类型的确切 sUid 字符串。例如：bar chart > 绑定 > categoryAxis ； color ; valueAx...
SAP UI5 sap.viz.ui5.controls.VizFrame 的 aggregation 之一：dataset
{ slt.addEventListener('click', (e) => { // 获取id let index = i; if(document.getElementsByClassName("course-info-item")[0]){ var w = document.getElementsByClassName("course-info-item")[0].offsetWidth; // 控制样式变化 let deg = w *i images.style.transform = `translate3d(-${deg}px, 0px, 0px)`; } // 找到原select对象、并移出样式 let slt_orgin = document.querySelector('.check'); if(slt_orgin){ slt_orgin.classList.remove('check'); // 当前select对象增加样式 slt.classList.add('check'); } for (var m = 0; m < $course.size(); m++) { urlWidth[m].style.width = "100%" } urlWidth[i].style.width = urlw + 'px' }); }); window.onresize = function(){ images.style.transform = `translate3d(0px, 0px, 0px)`; // 找到原select对象、并移出样式 let slt_orgin = document.querySelector('.check'); if(slt_orgin){ slt_orgin.classList.remove('check'); // 当前select对象增加样式 selects[0].classList.add('check'); } for (var m = 0; m < $course.size(); m++) { urlWidth[m].style.width = "100%" } urlWidth[0].style.width = urlw + 'px' } let num = 0 function autoPlay(){//使用定时器实现每隔5秒自动切换图片 timer = setInterval(function(){ num++; let index = num % $course.size(); let slt_orgin = document.querySelector('.check'); if(slt_orgin){ slt_orgin.classList.remove('check'); // 当前select对象增加样式 selects[index].classList.add('check'); } var w = document.getElementsByClassName("course-info-item")[0].offsetWidth; // 控制样式变化 let deg = w *index images.style.transform = `translate3d(-${deg}px, 0px, 0px)`; for (var m = 0; m < $course.size(); m++) { urlWidth[m].style.width = "100%" } urlWidth[index].style.width = urlw + 'px' },8000); } autoPlay();//调用自动切换图片函数 if(images){ images.onmouseover = function(){//鼠标移到图片上停止图片切换 clearInterval(timer); } images.onmouseout = autoPlay;//鼠标移开图片后继续自动切换图片 } // 通过js控制当前选择 let recommendItem = document.querySelectorAll('.recommend-click-items') let texts = document.querySelectorAll('.recommend-list')[0] if(recommendItem){ // 循环绑定点击事件 recommendItem.forEach((slt,i) => { slt.addEventListener('click', (e) => { // 获取id let numbers = 0; if (i == 0){ numbers = 0 }else { numbers = 180 } if(texts){ texts.style.transform=`translate3d(0px, -${numbers}px, 0px)` } // 找到原select对象、并移出样式 let act_orgin = document.querySelector('.rmActives'); if(act_orgin){ act_orgin.classList.remove('rmActives'); // 当前select对象增加样式 slt.classList.add('rmActives'); } }); }); } let relatedSwiper = document.getElementsByClassName('related-course-pagination') let relatedItemLength = document.getElementsByClassName('related-course-itemBox').length if(relatedItemLength<=2){ if(relatedSwiper[0]){ relatedSwiper[0].innerHTML='\n \n' } } if(relatedItemLength>2&&relatedItemLength<=4){ relatedSwiper[0].innerHTML='\n \n \n ' } if(relatedItemLength>4&&relatedItemLength<=6){ relatedSwiper[0].innerHTML='\n \n \n \n ' } let reShowScm = document.querySelectorAll('.related-course-itemBox a') let reClickItem = document.querySelectorAll('.related-course-pagination .swiper-pagination-bullet') for (var i = 0; i < reClickItem.length; i++) { (function (i) { reClickItem[i].onclick = function () { console.log(i) for (var index = 0; index < reClickItem.length; index++) { reClickItem[index].className = 'swiper-pagination-bullet related-pagination-bullet' } reClickItem[i].className = 'swiper-pagination-bullet related-pagination-bullet swiper-pagination-bullet-active' if(i == 0){ document.querySelectorAll(".related-course-box")[0].style.transform = `translate3d(0px, 0px, 0px)` reShowScm.forEach((item,index)=>{ if(index<=2){ if(item.getAttribute('data-back-up')){ item.setAttribute('data-tracker-scm', item.getAttribute('data-back-up')) item.removeAttribute('data-back-up') } }else{ if(item.getAttribute('data-tracker-scm')) { item.setAttribute('data-back-up', item.getAttribute('data-tracker-scm')) item.removeAttribute('data-tracker-scm') } } }) } if(i == 1){ document.querySelectorAll(".related-course-box")[0].style.transform = `translate3d(0px, -190px, 0px)` reShowScm.forEach((item,index)=>{ if(index>2&&index<=4){ if(item.getAttribute('data-back-up')){ item.setAttribute('data-tracker-scm', item.getAttribute('data-back-up')) item.removeAttribute('data-back-up') } }else{ if(item.getAttribute('data-tracker-scm')) { item.setAttribute('data-back-up', item.getAttribute('data-tracker-scm')) item.removeAttribute('data-tracker-scm') } } }) } if(i == 2){ document.querySelectorAll(".related-course-box")[0].style.transform=`translate3d(0px, -380px, 0px)` reShowScm.forEach((item,index)=>{ if(index>4&&index<=6){ if(item.getAttribute('data-back-up')){ item.setAttribute('data-tracker-scm', item.getAttribute('data-back-up')) item.removeAttribute('data-back-up') } }else{ if(item.getAttribute('data-tracker-scm')) { item.setAttribute('data-back-up', item.getAttribute('data-tracker-scm')) item.removeAttribute('data-tracker-scm') } } }) } } })(i); } let ismore = document.querySelectorAll('.activity-card') if(ismore.length > 1){ ismore[1].style.display = "none" }