在XPAGES上动态创建虚线节点 [英] Create dash node dynamically on XPAGES

问题描述

我最近安装了包含对象的扩展库，特别是我使用的是Dashboard组件。我想知道如何通过编程来动态创建DashNode。

是否有从SSJS执行此活动的模式？

推荐答案

我最近在做一些关于动态创建旋转木马控件的实验。我将在下面发布实现它的代码，它应该为您提供动态创建仪表板所需操作的起点。如果您想不明白，或者有其他问题，那么如果我有时间，我可以在某个时候专门查看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组件。

这篇关于在XPAGES上动态创建虚线节点的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！