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


Download file with extension for internet explorer and chrome using javascript

SOLVED Problem Statement :
Internet explorer download file does not shows file extension

Solution : java script code that append file type extension

function save() { var fileUrl = "${fileUrl}"; var fileName = "${fileName}"; var mimeType = "${mimeType}"; var ie = navigator.userAgent.match(/MSIE\s([\d.]+)/), ie11 = navigator.userAgent .match(/Trident\/7.0/) && navigator.userAgent.match(/rv:11/), ieEDGE = navigator.userAgent .match(/Edge/g), ieVer = (ie ? ie[1] : (ie11 ? 11 : (ieEDGE ? 12 : -1))); if (ie && ieVer < 10) { console.log("No blobs on IE ver<10"); return; } if (ieVer > -1) { console.log(" blobs on IE ver>10"); //window.open(fileUrl,"_self");        var xhr = new XMLHttpRequest(); xhr.open('GET', fileUrl, true); xhr.responseType = 'blob'; xhr.onload = function(e) { if (this.status == 200) { var myBlob = this.response; downloadFileForIE(myBlob, fileName, mimeType); } }; xh…