Keystone.js关联模型优化：添加请假单时展示员工姓名而非user-data ID

没问题！要实现这个需求，我们只需要调整Keystone.js中模型的字段配置，让关联字段在管理面板中显示关联链末端的Employees姓名，同时保持leaves与user-datas的关联关系。下面是具体的实现方案：

原始代码回顾 #

var leaves = new keystone.List('leaves');
leaves.add({
  createdBy: { 
    type: Types.Relationship, 
    ref: 'user-datas', 
    initial: true, 
    label: 'Submitted By', 
  },
});

var userData = new keystone.List('user-datas');
userData.add({
  user_id: { type: Types.Relationship, ref: 'Employees' },
});

var Employees = new keystone.List('Employees');
Employees.add({
  name: { type: Types.Name, required: true, index: true, initial: true },
});

解决方案：通过配置labelField和关联字段格式化实现 #

我们可以通过两个关键配置来实现需求：

1. 给Employees模型指定显示用的字段，确保它被关联时显示姓名
2. 让user-datas模型在被关联时，展示其关联的Employees姓名

修改后的完整代码如下：

// 1. 先定义并配置Employees模型
var Employees = new keystone.List('Employees');
Employees.add({
  name: { type: Types.Name, required: true, index: true, initial: true },
});
// 指定Employees模型在被关联时显示name字段
Employees.labelField = 'name';
Employees.register();

// 2. 定义并配置user-datas模型
var userData = new keystone.List('user-datas');
userData.add({
  user_id: { type: Types.Relationship, ref: 'Employees' },
});
// 指定user-datas模型在被关联时，显示其关联的Employees的姓名
userData.labelField = 'user_id';
userData.register();

// 3. 定义leaves模型（无需修改核心关联逻辑）
var leaves = new keystone.List('leaves');
leaves.add({
  createdBy: { 
    type: Types.Relationship, 
    ref: 'user-datas', 
    initial: true, 
    label: 'Submitted By', 
  },
});
leaves.register();

备选方案：自定义关联字段的显示格式 #

如果你需要更灵活的显示逻辑（比如添加额外信息），可以在leaves模型的createdBy字段中使用labelFormatter函数：

var leaves = new keystone.List('leaves');
leaves.add({
  createdBy: { 
    type: Types.Relationship, 
    ref: 'user-datas', 
    initial: true, 
    label: 'Submitted By',
    // 自定义显示格式，展示关联的Employees姓名
    labelFormatter: (item) => {
      // item是user-datas的实例，访问其关联的Employees姓名
      return item?.user_id?.name?.full || `未关联用户（ID: ${item.id}）`;
    }
  },
});
// 确保获取user-datas时同时加载关联的Employees数据
leaves.populate({
  path: 'createdBy',
  populate: { path: 'user_id' }
});
leaves.register();

这样修改后，你在管理面板添加请假单时，Submitted By下拉框就会显示对应的员工姓名，而非user-datas的Object ID，同时leaves模型依然保持与user-datas的关联关系。

内容的提问来源于stack exchange，提问作者chitrank