Недавно я экспериментировал с динамическим созданием элемента управления карусели. Я отправлю код, который был достигнут ниже, и он должен дать вам отправную точку для того, что вам нужно сделать для динамического создания Dashboard. Если вы не можете понять это или задать дополнительные вопросы, тогда я смогу в какой-то момент взглянуть на версию Dashboard, если найду время.
<xp:this.afterPageLoad><![CDATA[#{javascript:importPackage(com.ibm.xsp.theme.bootstrap.components.responsive);
var photos = [["http://www.gstatic.com/webp/gallery/1.jpg","My Caption 1"]];
photos.push(["http://www.gstatic.com/webp/gallery/2.jpg","My Caption 2"]);
photos.push(["http://www.gstatic.com/webp/gallery/3.jpg","My Caption 3"]);
photos.push(["http://www.gstatic.com/webp/gallery/4.jpg","My Caption 4"]);
photos.push(["http://www.gstatic.com/webp/gallery/5.jpg","My Caption 5"]);
var carousel:com.ibm.xsp.theme.bootstrap.components.responsive.UICarousel = getComponent("carousel1");
for(var i = 0; i < photos.length; i++) {
var data = photos[i];
var slide:com.ibm.xsp.theme.bootstrap.components.responsive.SlideNode = new com.ibm.xsp.theme.bootstrap.components.responsive.SlideNode();
slide.setBackgroundSrc(data[0]);
slide.setCaptionText(data[1]);
slide.setButtonLabel("Open This Image");
slide.setButtonHref("/photo.xsp?photo=" + data[0]);
carousel.addSlideNode(slide);
}}]]>
</xp:this.afterPageLoad>
<xe:carousel id="carousel1" wrapped="true" pause="hover" slideInterval="2000">
</xe:carousel>
Ключ должен сначала получить ссылку на компонент, лежащий в основе управления Carousel, UICarousel
. Затем создайте компоненты SlideNode
, задав их параметры конфигурации по желанию и добавьте их в компонент UICarousel
.
Предоставьте образец кода и/или снимок экрана о том, что вы пробовали. – stwissel