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などを使用する必要があります。しかし、私はそれを仕事のダウンリストで動作させる方法を知らない。
ありがとうございます。