c# Asp.NET mvc view create element's database dynamic答案

【问题标题】：c# Asp.NET mvc view create element's database dynamicc# Asp.NET mvc view create element's database dynamic
【发布时间】：2021-06-29 13:52:42
【问题描述】：

我有一个问题，我想创建一个动态页面来在数据库中创建一个元素。我的想法是：我有一个包含 8 列的数据库，但默认情况下，我编辑了前 4 列，如果我点击一个链接，它会创建一个 5' 列最多 8 列的文本框。

> @model Generate_database.Models.Recipe
> 
> @{
>     ViewData["Title"] = "Create"; }
> 
> <h1>Create</h1>
> 
> <h4>Recipe</h4> <hr /> <div class="row">
>     <div class="col-md-4">
>         <form asp-action="Create">
>             <div asp-validation-summary="ModelOnly" class="text-danger"></div>
>             <div class="form-group">
>                 <label asp-for="RecipeName" class="control-label"></label>
>                 <input asp-for="RecipeName" class="form-control" />
>                 <span asp-validation-for="RecipeName" class="text-danger"></span>
>             </div>
>             <div class="form-group">
>                 <label asp-for="RecipeTimer" class="control-label"></label>
>                 <input asp-for="RecipeTimer" class="form-control" />
>                 <span asp-validation-for="RecipeTimer" class="text-danger"></span>
>             </div>
>             <div class="form-group">
>                 <label asp-for="ComponentID_1" class="control-label"></label>
>                 <select asp-for="ComponentID_1" class="form-control" asp-items="ViewBag.ComponentID_1"></select>
>             </div>
>             <div class="form-group">
>                 <label asp-for="RecipeInputWeight_1" class="control-label"></label>
>                 <input asp-for="RecipeInputWeight_1" class="form-control" />
>                 <span asp-validation-for="RecipeInputWeight_1" class="text-danger"></span>
>             </div>
> 
>             <div class="form-group">
>                 <label asp-for="ComponentID_2" class="control-label"></label>
>                 <select asp-for="ComponentID_2" class="form-control" asp-items="ViewBag.ComponentID_2"></select>
>             </div>
>             <div class="form-group">
>                 <label asp-for="RecipeInputWeight_2" class="control-label"></label>
>                 <input asp-for="RecipeInputWeight_2" class="form-control" />
>                 <span asp-validation-for="RecipeInputWeight_2" class="text-danger">></span>
></div>
> "A link to edit new box"

这可以创建吗？

编辑：如果我单击按钮比较新标签并选择框，我可以制作代码吗？我认为使用 javascript 但我无法让它工作。代码

<!--<script>
    var counter = 1;
    $(".btnAdd").click(function ()  {-->
        @*//var r0 = '<label>@Html.DisplayNameFor(model => model.ComponentID_2) </label>';*@
        <!--var r1 = @Html.EditorFor(modelItem => modelItem.RecipeInputWeight_2, new { htmlAttributes = new { @class = "form-control" } });
        //var r2 = '<label asp-for="ComponentID_2" class="control-label"></label>';
        //var r3 = '<select asp-for="ComponentID_2" class="form-control" asp-items="ViewBag.ComponentID_2"></select>';
        //var r4 = '</div>';
        //var r5 = '<div class="form-group">';
        //var r6 = '<label asp-for="RecipeInputWeight_2" class="control-label"></label>';
        //var r7 = '<input asp-for="RecipeInputWeight_2" class="form-control" value="0" />';
        //var r8 = '<span asp-validation-for="RecipeInputWeight_2" class="text-danger"></span>';
        //var r9 = '</div >';
        $("form").append('<div>'+r1+'</div>');
        });-->
</script>

【问题讨论】：

标签： c# asp.net asp.net-mvc model-view-controller

【解决方案1】：

如果我是你，我只会在 db 中有 1 个字段，然后只需使用 json 或 xml 来序列化和反序列化，然后你可以轻松地扩展它而不会太痛苦。

如果您想使用现有模型更快地开始，那么只需使用类似这样的东西，然后您也可以看到结构。我确信有类似的 xml 在线工具，但这应该会为您指明正确的方向。

https://csharp2json.io/

【讨论】：