Javascript 使用Nativescript telerik ui滑动抽屉切换抽屉状态
我正在使用最新版本的Telerik Nativescript UI(1.3.1版)。此更新版本应支持动作栏重叠。我正在使用所示的示例重新工作现有的抽屉实现。我遇到的问题是,在更新之后,我曾经功能齐全的切换抽屉按钮不再工作。我试图调用ToggleDrawersState()来处理这个问题,但当我试图获取抽屉的引用时失败了。我的另一个问题是抽屉内容不再从我的小部件目录加载下面是我的代码示例 XML视图Javascript 使用Nativescript telerik ui滑动抽屉切换抽屉状态,javascript,telerik,nativescript,nativescript-telerik-ui,Javascript,Telerik,Nativescript,Nativescript Telerik Ui,我正在使用最新版本的Telerik Nativescript UI(1.3.1版)。此更新版本应支持动作栏重叠。我正在使用所示的示例重新工作现有的抽屉实现。我遇到的问题是,在更新之后,我曾经功能齐全的切换抽屉按钮不再工作。我试图调用ToggleDrawersState()来处理这个问题,但当我试图获取抽屉的引用时失败了。我的另一个问题是抽屉内容不再从我的小部件目录加载下面是我的代码示例 XML视图 <dpg:DrawerPage navigatedTo="onNavigated
<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>
显然,试图通过将ID附加到
上来访问抽屉是不正确的,希望有人能给我指出正确的方向。在您使用“show over ActionBar”的场景中RadSideDrawer的功能您不再将RadSideDrawer
添加到页面的内容中,而是添加到自定义DrawerPage
的属性中,这就是为什么您不能再使用页面的.getViewById()
方法的原因。在这种情况下,您可以简单地将页面强制转换为DroperPage,并直接使用其sideDrawer
属性,该属性是XML中声明的RadSideDrawer。例如:
SideDrawer.prototype.toggleDrawer = function() {
var page = topmost().currentPage;
page.sideDrawer.toggleDrawerState();
};
您可以查看本例中的代码-,其中显示了如何使用ActionBar重叠functionality@NikolayTsonev我有,但它没有显示如何正确使用ToggleDrawerstate方法。基于我上面的代码,我不明白为什么我当前的切换功能实现不起作用。我需要以不同的方式进入抽屉吗?
SideDrawer.prototype.toggleDrawer = function() {
var page = topmost().currentPage;
page.sideDrawer.toggleDrawerState();
};