2015-11-30 3 views
0

Недавно я установил библиотеку расширений, в которой содержались объекты. В частности, я использовал компонент Dashboard. Я пытался выяснить, как динамически создавать DashNode с программным обеспечением.Динамически создавайте динамический узел на XPAGES

Существует режим для выполнения этой деятельности от SSJS?

+0

Предоставьте образец кода и/или снимок экрана о том, что вы пробовали. – stwissel

ответ

1

Недавно я экспериментировал с динамическим созданием элемента управления карусели. Я отправлю код, который был достигнут ниже, и он должен дать вам отправную точку для того, что вам нужно сделать для динамического создания 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.

Смежные вопросы