Vue: Blank Parent column in Child entity list for both one-to-one and many-to-one relationships

[vw98075]

Overview of the issue

For an one-to-one relationship:

@service(serviceClass)
entity Parent {
    name String required
}

@service(serviceClass)
entity Child {
    name String required
}

relationship OneToOne {
    Child{parent(name)} to @Id Parent{child(name)}
}

and a many-to-one relationship:

@service(serviceClass)
entity Parent {
    name String required
}

@service(serviceClass)
entity Child {
    name String required
}

relationship ManyToOne {
    Child{parent(name)} to Parent{child(name)}
}

The parent column of a Child entity list is blank although the field isn't blank on both view and edit pages.

Motivation for or Use Case

Reproduce the error

Related issues

Suggest a Fix

JHipster Version(s)

8.3

JHipster configuration

{
  "generator-jhipster": {
    "applicationType": "monolith",
    "authenticationType": "jwt",
    "baseName": "manyToOne",
    "buildTool": "gradle",
    "cacheProvider": "ehcache",
    "clientFramework": "vue",
    "clientTestFrameworks": [],
    "clientTheme": "none",
    "creationTimestamp": 1713067956252,
    "databaseType": "sql",
    "devDatabaseType": "h2Memory",
    "devServerPort": 9060,
    "enableGradleEnterprise": false,
    "enableHibernateCache": false,
    "enableSwaggerCodegen": false,
    "enableTranslation": false,
    "entities": ["Parent", "Child"],
    "feignClient": null,
    "gradleEnterpriseHost": null,
    "jhipsterVersion": "8.3.0",
    "jwtSecretKey": "...",
    "lastLiquibaseTimestamp": 1713068387000,
    "messageBroker": false,
    "microfrontend": null,
    "microfrontends": [],
    "nativeLanguage": "en",
    "packageName": "com.mycompany.myapp",
    "prodDatabaseType": "postgresql",
    "reactive": false,
    "searchEngine": false,
    "serverPort": null,
    "serverSideOptions": [],
    "serviceDiscoveryType": false,
    "syncUserWithIdp": null,
    "testFrameworks": [],
    "websocket": false,
    "withAdminUi": true
  }
}

Entity configuration(s) entityName.json files generated in the .jhipster directory

Browsers and Operating System

• Checking this box is mandatory (this is just to show you read everything)

[qmonmert]

@DanielFran I confirm bug

@vw98075 can you try #25876 ?

[mraible]

I'm not sure this is related, but I'm seeing a similar issue in my jhipster8-demo project. If I clone the project, run rm -rf *, and recreate it from the main branch with jhipster, the user column is not populated when I view the blog listing.

If you look at the screenshot in the tutorial for this project, the user was rendered in 8.1.0.

[mraible]

Nevermind, the reason there's no user listed is because there is no user assigned by Faker. It works as expected with the main branch if I modify the data.

[qmonmert]

@mraible working also when you view and edit?

[mraible]

@qmonmert Yes.

[qmonmert]

@mraible ok it works on Angular but not with Vue

[mraible]

@qmonmert I changed the project to use Vue and it seems to work as expected.

React works too.

Maybe this issue is about something other than the relationships I have in my project? Here's the JDL that jhipster8-demo uses:

entity Blog {
  name String required minlength(3)
  handle String required minlength(2)
}

entity Post {
  title String required
  content TextBlob required
  date Instant required
}

entity Tag {
  name String required minlength(2)
}

relationship ManyToOne {
  Blog{user(login)} to User with builtInEntity
  Post{blog(name)} to Blog
}

relationship ManyToMany {
  Post{tag(name)} to Tag{post}
}

paginate Post, Tag with infinite-scroll