1

Telerik-Nativescript-UIの最新バージョン(バージョン1.3.1)を使用しています。このアップデートされたバージョンは、アクションバーのオーバーラップをサポートすることになっています。私はhereの例を使用して、既存の引き出し実装を再利用しています。私が遭遇している問題は、いったん完全に機能している私のトグル・ドロワ・ボタンは、アップデート後も機能しなくなりました。これを処理するためにtoggleDrawerState()を呼び出そうとしていますが、ドロワーへの参照を取得しようとすると失敗します。私の他の問題は、引き出しのコンテンツは、もはやここに私のウィジェットディレクトリからの荷重が、私は引き出しを切り替えるしようとtoggleDrawerState with Nativescript-telerik-uiスライド・ドロワー

XMLビュー

<dpg:DrawerPage 
    navigatedTo="onNavigatedTo" 
    navigatingTo="navigatingTo" 
    xmlns:dpg="nativescript-telerik-ui/sidedrawer/drawerpage" 
    xmlns:drawer="nativescript-telerik-ui/sidedrawer" 
    xmlns:widgets="shared/widgets" 
    xmlns="http://www.nativescript.org/tns.xsd"> 

    <page.actionBar> 
    <action-bar title="{{L('connections')}}"> 
     <!--<NavigationButton icon="res://back" tap="goBack" ios:visibility="collapsed" />  --> 
     <NavigationButton icon="res://menu" tap="toggleDrawer" ios:visibility="collapsed" /> 
     <action-bar.actionItems> 
     <ios> 
      <action-item icon="res://ic_menu" ios.position="left" tap="toggleDrawer" /> 
     </ios> 
     </action-bar.actionItems> 
    </action-bar> 
    </page.actionBar> 

    <dpg:DrawerPage.sideDrawer id=""> 
    <drawer:RadSideDrawer id="drawer"> 
     <drawer:RadSideDrawer.drawerContent> 
     <widgets:drawer-content /> 
     </drawer:RadSideDrawer.drawerContent> 
    </drawer:RadSideDrawer> 
    </dpg:DrawerPage.sideDrawer> 

    <StackLayout cssClass="mainContent"> 
     <Label text="test test test" textWrap="true" cssClass="drawerContentText"/> 

    </StackLayout> 
</dpg:DrawerPage> 

JS以下の私のコードの例ではありません

SideDrawer.prototype.toggleDrawer = function() { 
    var page = topmost().currentPage; 
    page.getViewById("drawer").toggleDrawerState(); 
}; 
はどうやら誰かが右directiに私を指すことができます願って、正しくない the<drawer:RadSideDrawer id="drawer">に接続IDを取得することにより、引き出しにアクセスしようとしていますに。あなたは、もはやページの contentRadSideDrawerを追加しているRadSideDrawerの「ショーアクションバーの上に」機能を使用していないが、あなたは、もはやページのを使用することはできませんなぜカスタム DrawerPageのプロパティに、これはシナリオで

+0

- https://github.com/telerik/nativescript-ui-samples/tree/release/sdk/app/sidedrawer/over-navigation、どこで私が持っているアクションバーの重複機能 –

+0

@NikolayTsonevを使うことができる方法が示されているが、それは正しくtoggleDrawerStateMethodを使用する方法を示していません。私の上記のコードに基づいて、トグル機能の現在の実装がうまくいかない理由を理解できません。引き出しに別の方法でアクセスする必要がありますか? –

答えて

1

.getViewById()メソッド。このシナリオでは、単にPageをDrawerPageにキャストして、XMLで宣言されたRadSideDrawerであるsideDrawerプロパティを直接使用できます。このような例:あなたはこの例では、コードを確認でき

SideDrawer.prototype.toggleDrawer = function() { 
    var page = topmost().currentPage; 
    page.sideDrawer.toggleDrawerState(); 
}; 
関連する問題