我正在使用Onsen Ui构建混合Phonegap应用程序.某些页面上有100个项目的列表.但是,滚动条没有显示.反正有没有在页面上显示本地滚动条?
这是我正在使用的代码:
<ons-row >
<ons-col align="center" >
<ons-list class="scrollme" ng-scrollbar is-bar-shown="true">
<ons-list-item modifier="tappable" ng-repeat="hotel in hotels" ng-click="viewHotel(hotel);">
<div class="hotel-item">
<img preload-image ng-src="http://domain.com/{{hotel.thumbNailUrl}}" default-image="img/loader.gif" alt="Thumbnail" class="testimage">
<div class="gradient-overlay" style="text-align: center">
<div class="details">
<h4>{{hotel.name}}</h4>
<h4>{{hotel.rateCurrencyCode + " " + hotel.highRate}}
</div>
</div>
</div>
</ons-list-item>
<ons-button type="cta" should-spin="{{isFetching}}"
ng-show="moreResultsAvailable" ng-click="loadMore()" class="loadMore">More Results</ons-button>
</ons-list>
</ons-col>
</ons-row>
Run Code Online (Sandbox Code Playgroud)
更新
我试过这个ng-scrollbar,但它没有用.滚动列表时滚动条本身会向上滚动.
好的,问题是我有一个带页面的工作滑动菜单.现在我的一个页面有一个ons-list.通过单击ons-list-item,我想导航到带有后退按钮的新页面.我到处搜索,但没有找到任何解决我问题的方法.这是我的代码.
<ons-sliding-menu
menu-page="menu.html" main-page="home.html" side="left"
var="menu" type="reveal" max-slide-distance="260px" swipable="true">
</ons-sliding-menu>
<ons-template id="menu.html">
<ons-page modifier="menu-page">
<ons-toolbar modifier="transparent"></ons-toolbar>
<ons-list class="menu-list">
<ons-list-item class="menu-item" ng-click="menu.setMainPage('home.html', {closeMenu: true})">
<ons-icon icon="fa-plus"></ons-icon>
Home
</ons-list-item>
<ons-list-item class="menu-item" ng-click="menu.setMainPage('browsehotels.html', {closeMenu: true})">
<ons-icon icon="fa-bookmark"></ons-icon>
Browse Hotels
</ons-list-item>
<ons-list-item class="menu-item" ng-click="menu.setMainPage('specialoffers.html', {closeMenu: true})">
<ons-icon icon="fa-bookmark"></ons-icon>
Special Offers <div class="notification menu-notification">3</div>
</ons-list-item>
<ons-list-item class="menu-item" ng-click="menu.setMainPage('hoteldetails.html', {closeMenu: true})">
<ons-icon icon="fa-bookmark"></ons-icon>
Blog
</ons-list-item>
<ons-list-item class="menu-item" ng-click="menu.setMainPage('hoteldetails.html', {closeMenu: true})">
<ons-icon icon="fa-bookmark"></ons-icon>
Bookings
</ons-list-item>
<ons-list-item class="menu-item" ng-click="menu.setMainPage('hoteldetails.html', {closeMenu: true})">
<ons-icon icon="fa-bookmark"></ons-icon>
Contact Us
</ons-list-item>
</ons-list>
</ons-page> …Run Code Online (Sandbox Code Playgroud) 我正在使用AngularJS $ http从远程服务器获取一些数据.它在浏览器中工作,但在phonegap开发者应用程序中没有.但是,ajax正在发挥作用.可能是什么问题呢!!
这是我正在使用的代码.
$http({
url: domain + "modulesinfo/list",
method: "GET",
//Added after some research // I'm testing on local server
headers: {
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
}
})
.success(function(data){
$scope.modules = data.response;
$scope.$apply();
})
.error(function(){
navigator.notification.alert("You are damned", function(){
}, "Not working", "OK");
});
Run Code Online (Sandbox Code Playgroud)
经过一些研究,我尝试添加标题,但这没有用.
目前我可以使用 CustomPainter 绘制矩形。在我的 CustomPainter 的paint方法中的代码下面。
for (var rectPoints in rectangles) {
paint.color = rectPoints.color;
paint.strokeWidth = rectPoints.strokeWidth;
if (rectPoints.selected != null && rectPoints.selected == true) {
paint.color = Colors.black45;
}
var rect = Rect.fromLTWH(
rectPoints.startPoint.dx,
rectPoints.startPoint.dy,
rectPoints.endPoint.dx - rectPoints.startPoint.dx,
rectPoints.endPoint.dy - rectPoints.startPoint.dy);
canvas.drawRect(rect, paint);
}
var rect = Rect.fromLTWH(startPoint.dx, startPoint.dy,
endPoint.dx - startPoint.dx, endPoint.dy - startPoint.dy);
canvas.drawRect(rect, paint);
Run Code Online (Sandbox Code Playgroud)
矩形是一个自定义对象,具有 startPoint、endPoint 和绘制该特定矩形所需的一些其他属性。现在我想选择一个矩形并重新定位它。任何帮助,将不胜感激。谢谢