Question

我的MVC应用程序中有一个下拉列表。

我的模型中有一个字段：

 public IList<SexGenderModel> SexualOrientationList { get; set; }

SexGenderModel的课程：

public class SexGenderModel
    {
        public int? MasterID { get; set; }

        public string CodeDescription { get; set; }

        public string SNOMED { get; set; }

    }

在我的视图页面中，我使用了razor语法

@Html.DropDownListFor(x => x.SexualOrientationList, new SelectList(Model.SexualOrientationList, "MasterID", "CodeDescription"), "--Select--", new { @class = "form-control input-sm"})

每个列表项都有自己的 SNOMED ，我想在工具提示中显示。请注意，我希望tooltip显示ListItem，而不是选定的下拉项目。

如何用剃刀实现这一目标？从后端映射属性到dropdownlist(Model.SexualOrientationList）的任何其他选项？怎么样？

Answer 1

您需要添加属性＆＃34; title＆＃34;下拉列表中的每个项目

CREATE TABLE users (
    id int NOT NULL autoincrement
);
CREATE TABLE posts (
    id int NOT NULL autoincrement,
    user_id int NOT NULL,
    CONSTRAINT fk_users FOREIGN KEY (user_id) REFERENCES users (id)
);
CREATE TABLE shares (
    id int NOT NULL autoincrement,
    user_id int NOT NULL,
    post_id int NOT NULL,
    CONSTRAINT fk_users FOREIGN KEY (user_id) REFERENCES users (id),
    CONSTRAINT fk_posts FOREIGN KEY (post_id) REFERENCES posts (id)
);
CREATE TABLE likes (
    id int NOT NULL autoincrement,
    user_id int NOT NULL,
    post_id int,  /* NULLABLE */
    share_id int,  /* NULLABLE */
    CONSTRAINT fk_users FOREIGN KEY (user_id) REFERENCES users (id),
    CONSTRAINT fk_posts FOREIGN KEY (post_id) REFERENCES posts (id),
    CONSTRAINT fk_shares FOREIGN KEY (share_id) REFERENCES shares (id)
);

Answer 2

进一步了解@ Khaled-Yosry的答案：

@Ankita这个使用Razor，所以我不确定你为什么会受到限制。
如果它是你担心的<select>标记呈现，你可以自己添加必要的标记：

您需要添加属性＆＃34; title＆＃34;下拉列表中的每个项目

<select name="@Html.NameFor(m => m.SexualOrientation)" id="@Html.IdFor(m => m.SexualOrientation)" class="form-control input-sm">
    <option value="">--Select one--</option>
    @foreach (var item in Model.SexualOrientationList)
    {
        <option title="@item.SNOMED" value="@item.MasterID" @(Model.SexualOrientation == item.MasterID ? "selected" : string.empty)>@item.CodeDescription</option>
    }
</select>

此外，请勿忘记在您的模型中添加一个属性，该属性实际上将绑定到下拉列表的选定值：

public int SexualOrientation { get; set; }

使用razor显示下拉列表项的动态标题

2 个答案: