Загрузить dxWidget внутри виджета вкладки на PhoneJS

Как загрузить виджет «Галерея» внутри содержимого виджета «Вкладка»?

Я пробовал поставить:

<div data-bind="dxGallery: { dataSource: galleryData }"></div>

Внутри параметра content виджета вкладки:

tabs = [
  { text: L["ABOUT_ME"], icon: "user", content: '<div data-bind="dxGallery: { dataSource: galleryData }"></div>' }

Но виджет не отображается таким образом. Как я могу сделать?


jquery phonejs
person Fez Vrasta    schedule 02.11.2013    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Следуйте рекомендациям здесь.

Используйте привязку if в своем сценарии. Ваш код должен быть следующим:

<div id="tabs" data-bind="dxTabs: { items: tabs, selectedIndex: selectedTab }"></div>
<div id="tabContent" style="height:300px;" >
        <!-- ko if: !selectedTab() -->
           <div>Tab1</div>
        <!-- /ko -->
        <!-- ko if: selectedTab() == 1 -->
           <div data-bind="dxGallery: { dataSource: galleryData  }"></div>
        <!-- /ko -->
        <!-- ko if: selectedTab() == 2 -->
           <div>Tab3</div>
        <!-- /ko -->


var viewModel = {
    galleryData: [
      "images/person1.png",
      "images/person2.png",
      "images/person3.png"
    ],
    tabs: [
        { text: "user", icon: "user" },
        { text: "comment", icon: "comment" },
        { text: "find", icon: "find" },
    ],
    selectedTab: ko.observable(0)

};

person ice9    schedule 05.11.2013

arrow_upward
-1
arrow_downward

Я думаю, вам следует использовать опцию «html» вместо «контента» (в в соответствии с документацией).

person Vadim    schedule 05.11.2013
comment
html относится к элементу элемента (кнопке меню), а не к содержимому вкладки. - person Fez Vrasta; 05.11.2013