2016-10-19 6 views
2

Jhipsterのインスタンスを生成しました。これには、エンティティエンティティとファミリリンクエンティティがあります。他のエンティティからのすべてのレコードをリストするJhipsterエンティティページにドロップダウンリストを追加する方法

人物のエンティティでは、私はたくさんの人を列挙しました。家族のリンクでは、私は一緒にリンクしたい。つまり、Person AはPerson Bの息子、CはPerson Dの妻です。

ファミリーリンクの "Add new"ページでは、検索機能付きのドロップダウンリストがいくつかあります。 Person Entityからの人。何かリンクこの:

  • 名:ジョン・ドウ
  • 父:(人のドロップダウンリスト)
  • 母:(人のドロップダウンリスト)
  • 子供:(人のドロップダウンリスト)

私はこのようなコードを使用しようとしました:

<div class="form-group"> 
      <label translate="archerApp.familyLink.child" for="field_child">Child</label> 
      <ui-select ng-model="vm.familyLink.child" id="field_child" ng-disabled="disabled" > 
       <ui-select-match placeholder="Select or search a person name in the list...">{{$select.selected.firstname + ' ' + $select.selected.lastname}}</ui-select-match> 
       <ui-select-choices repeat="person in vm.people | filter: $select.search track by person.id" 
            refresh="refreshPerson($select.search)" refresh-delay="0"> 
        <span ng-bind-html="(person.firstname+' '+person.lastname) | highlight: $select.search"></span> 
       </ui-select-choices> 
      </ui-select> 
     </div> 

問題は、このコードでPersonエンティティからの最初の20人しか表示できないことです。

<form name="searchForm" class="form-inline"> 
       <div class="input-group pull-right" > 
        <input type="text" class="form-control" ng-model="vm.searchQuery" id="searchQuery" placeholder="{{ 'archerApp.person.home.search' | translate }}"> 
        <span class="input-group-btn width-min" > 
         <button class="btn btn-info" ng-click="vm.search(vm.searchQuery)"> 
          <span class="glyphicon glyphicon-search"></span> 
         </button> 
        </span> 
        <span class="input-group-btn width-min" ng-if="vm.currentSearch"> 
         <button class="btn btn-info" ng-click="vm.clear()"> 
          <span class="glyphicon glyphicon-trash"></span> 
         </button> 
        </span> 
       </div> 
      </form> 

これは、Personエンティティの検索バーのコードです。これは、ElasticSearch APIなどを使用する必要があります。しかし、私はそれを仕事のダウンリストで動作させる方法を知らない。

ありがとうございます。

答えて

0

エンティティにはページが割り当てられている可能性があります。つまり、データの取得要求には、取り出すデータ量を指定するページネーション変数(sizeおよびpage)が含まれています。これらの変数が存在しない場合、サーバーはデフォルトのページサイズを使用します(デフォルトはpage: 0size: 10ですが、変更されている可能性があります)。これは角度コントローラーで起こります。デフォルトのページサイズを使用するページネーション変数なし

例:改ページ変数と

vm.entities = Entity.query(); 

例:

vm.entities = Entity.query({ 
    page: 0, 
    size: 20 
}); 

、あなたのドロップダウンは、20個の以上のエンティティを表示したい場合は、あなたが必要としますページサイズを何か高い値に設定します。

関連する問題