在屏幕右侧创建视图放置表

时间:2014-04-21 13:41:06

标签: html asp.net asp.net-mvc asp.net-mvc-4 razor

我的用户实体的MVC项目与地址有一对多的关系,

我首先使用代码并通过scaffolding生成视图。在创建操作中,我在屏幕左侧看到来自userid的字段,直到工作。我需要的是非常简单的,在屏幕右侧创建视图的创建视图当前为空,其中一列是用户可以添加到地址,我该怎么做?

我是MVC的新手,并没有找到任何关于如何在create vied的右侧添加像table这样的控件的文档。

我尝试这样的事情没有成功 该表位于屏幕底部

@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()

    <div class="form-horizontal">
        <h4>User</h4>
        <hr />
        @Html.ValidationSummary(true)

        <div class="form-group">
            @Html.LabelFor(model => model.UserId, new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.UserId)
                @Html.ValidationMessageFor(model => model.UserId)
            </div>
        </div>




        <div class="form-group">
            @Html.LabelFor(model => model.WorkingAt, new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.WorkingAt)
                @Html.ValidationMessageFor(model => model.WorkingAt)
            </div>
        </div>

        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Create" class="btn btn-default" />
            </div>
        </div>
    </div>

//This is the table which I want to be in the right side of the screen
<table class="table">
    <tr>
        <th>
          @Html.EditorFor(model => model.Adress)
        </th>
</table>

<div>
    @Html.ActionLink("Back to List", "Index")
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

1 个答案:

答案 0 :(得分:1)

试试这个:

<table class="table  col-md-offset-11 col-md-10">
        <tr>
            <th>
                @Html.EditorFor(model => model.Address)
            </th>
    </table>