在mvc中使用JsonForm的问题

时间:2015-07-14 14:57:57

标签: javascript jquery html json asp.net-mvc

我正在尝试使用Github的JSONForm库来从json模式生成html标记。我试图在没有默认表单标记的MVC视图中执行此操作。我添加了一个html.beginform,但仍然没有生成标记,我在控制台中得到以下javascript错误:TypeError:_为null。有人可以帮帮我吗?

以下是视图中的代码:

  @{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
   }

   @using (Html.BeginForm())
   { 

<script type="text/javascript" src="~/Scripts/jquery-1.8.2.js"></script>
<script type="text/javascript" src="~/Scripts/json-form.js"></script>
<script type="text/javascript" src="~/Scripts/bootstrap.min.js"></script>
<script type="text/javascript" src="~/Scripts/underscore.js"></script>
<link href="~/Content/bootstrap.css" rel="stylesheet" />
<script type="text/javascript">
    $('form').jsonForm({
        schema: {
            name: {
                type: 'string',
                title: 'Name',
                required: true
            },
            age: {
                type: 'number',
                title: 'Age'
            }
        },
        onSubmit: function (errors, values) {
            if (errors) {

            }
            else {

            }
        }
    })



    $(document).ready(function () {

        alert('udayan');

    });





</script>







    <h2>Index</h2>
}

1 个答案:

答案 0 :(得分:1)

json-form.js 取决于下划线(_)。因此,您需要移动:

<script type="text/javascript" src="~/Scripts/underscore.js"></script>

......所以它在上面:

<script type="text/javascript" src="~/Scripts/json-form.js"></script>