Skip to main content

Drop down menu with name instead of ID in Jhipster


Problem:
how to list item name in drop down instead of ID.




Solution 1 :

In entity relationship use name field so that the value will appear directly in the drop down, for example in the below entity relationship food item name directly appear in the Menu entity instead of food item ID .

relationship OneToMany {
FoodItem to Menu{fooditem(foodname)}
Vendor to Menu{vendor(name)}
Vendor to Order{vendor(name)}
FoodItem to Order{fooditem(foodname)}
}

Solution 2 :
Modify the entity html page remove ID and add field name which you want to show.
   <td>
                    <div *ngIf="vendor.menu">
                        <a [routerLink]="['../menu', vendor.menu?.id, 'view' ]" >{{vendor.menu?.id}}-{{vendor.menu?.foodname}}</a>
                    </div>
                </td>





Full entity relationship for reference. 

entity Vendor
{
name String required
}
entity Menu
entity FoodItem {
foodname String required ,
    cost Long required
}
/*
// an ignored comment
/** not an ignored comment */
entity Order {
    employeeid String required,
    phone String,
    date Instant required,
cost Long,
    status Status,
}

enum Status {
    INPROGRESS, READYTOSERVE, COMPLETED
}
relationship OneToMany {
  FoodItem to Menu{fooditem(foodname)}
  Vendor to Menu{vendor(name)}
  Vendor to Order{vendor(name)}
  FoodItem to Order{fooditem(foodname)}
}
relationship ManyToOne {
FoodItem{user(login)} to User
Menu{user(login)} to User
}



Comments

Popular posts from this blog

Angular cli ng command is not working

Problem : angular cli command  ng is not working

C:\Windows\System32>ng
'ng' is not recognized as an internal or external command,
operable program or batch file.

Solution :

update .npmrc file at C:\Users\{USERNAME}
with the below line

prefix=${APPDATA}\npm

warning: LF will be replaced by CRLF in

Problem :

The file will have its original line endings in your working directory







Solution:

step1) open .gitconfig file

step2) paste the below code


[core]
autocrlf = false
[filter "lfs"]
required = true
clean = git-lfs clean -- %f
smudge = git-lfs smudge -- %f
process = git-lfs filter-process


How to remove entity in jhipster and create fresh entities

Problem Statement : Not able to delete jhipster entity and wanted to entities freshly

Solution :

Step 1) Open command prompt and point to the jhipster project root

Step 2) Run  jhipster remove-entity

Step 3) Run jhipster

Step 4) Then import new jdl  using below command

jhipster import-jdl jhipster-jdl.jh

Step 5 ) Then Run  mvnw


Still Problem  : One of the entity may not load data and shows 500 error

Drop the tables in h2 database and let and do mvnw again.

To connect to local database Goto -> Administration -->Database --> Connect