局部视图到主视图? MVC4

时间:2014-04-11 09:45:26

标签: asp.net-mvc-4

我需要创建多个局部视图并在主视图中使用它们。

我成功创建了部分视图集,在主视图中,我无法访问主视图中控件的ID。

我用它在主视图中使用我的局部视图 @html.renderpartial(“partialviewname”)

部分视图:

<div id="dvphonelogactivity">
    <table>
        <tr>
            <td>
               <input type="text" id="txtdate"  />
            </td>
             <td>
              <select id="searchlist" name="searchlist">
       <option value="0">Inbound</option>
                  <option value="1">Outbound</option>
</select> 

            </td>

        </tr>
        <tr>
            <td>
                Stackholders:
            </td>
            <td>
                <input type="text" id="txtStack" /></td>




        </tr>
        <tr>
            <td>
                Details/Notes:
            </td>
            <td>
                <input type="text" id="txtDetails"  /></td>



        </tr>
        <tr>
            <td>
                <input type="button" title="Log" value="Log" id="submit" />
            </td>

        </tr>
    </table>

</div>

主要视图代码:

 <div class="tab_container"> 

                 <div id="phone" style="display: none;" class="tab_content">
                @Html.Partial("Meeting")
            </div>

            <div id="meeting" style="display: none;" class="tab_content">
                @Html.Partial("Meeting")
            </div>


               <div id="mailing" style="display: none;" class="tab_content" >
                   @Html.Partial("Mail")
           </div>


            <div id="divnote" style="display: none;" class="tab_content">
                 @Html.Partial("Notes")

            </div>
                </div>    

             <input type="button" title="Log" value="Log" id="submit" />
        </body>

在主视图脚本文件中:

<script type="text/javascript">


            $(document).ready(function () {
                $("#txtDate").datetimepicker();

                    $("#submit").click(function () {
                        debugger;
                        var date = $("#txtdate").val();
                        var search = $("#searchlist").val();
                        var stack = $("#txtStack").val();
                        var details = $("#txtDetails").val();
                        $.ajax({
                            url: "/api/Lead",
                            type: "Post",
                            data: JSON.stringify([date, search, stack, details]),
                            contentType: 'application/json; charset=utf-8',
                            success: function (data) { },
                            error: function () { alert('error'); }
                        });
                    });

因此,如何使用部分视图控制id并获取值,以便我可以发送给值控制器并执行写入逻辑以存储在DB中。

此致

1 个答案:

答案 0 :(得分:1)

<!DOCTYPE html>

位于文档的顶部(当然也会删除您可能拥有的任何其他文档类型)。

你也应该使用:

<meta http-equiv="X-UA-Compatible" content="IE=EDGE" />

如果您只需要支持 IE10 ,请使用<!DOCTYPE html>。如果你需要使用早期版本的IE(有些人仍然需要支持IE6),你可以使用JSON的JS实现:

https://github.com/douglascrockford/JSON-js

还有一件事:

您应该仅对IE 6,7,8

使用 Jquery 1.9 版本