小编Dan*_*mil的帖子

如何在onsen ui app列表中显示滚动条

我正在使用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,但它没有用.滚动列表时滚动条本身会向上滚动.

javascript css angularjs cordova onsen-ui

9
推荐指数
1
解决办法
1765
查看次数

Onsen-UI使用滑动菜单和导航器

好的,问题是我有一个带页面的工作滑动菜单.现在我的一个页面有一个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)

android navigator ios angularjs onsen-ui

5
推荐指数
1
解决办法
3367
查看次数

使用$ http的JSON获取数据在phonegap开发者应用程序中无效

我正在使用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)

经过一些研究,我尝试添加标题,但这没有用.

ajax angularjs cordova

5
推荐指数
1
解决办法
761
查看次数

如何在颤动中绘制自定义形状并拖动该形状?

目前我可以使用 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 和绘制该特定矩形所需的一些其他属性。现在我想选择一个矩形并重新定位它。任何帮助,将不胜感激。谢谢

dart flutter

4
推荐指数
2
解决办法
3923
查看次数

标签 统计

angularjs ×3

cordova ×2

onsen-ui ×2

ajax ×1

android ×1

css ×1

dart ×1

flutter ×1

ios ×1

javascript ×1

navigator ×1