ASP.NET MVC-如何使用数组列表数据显示部分视图

本文关键字:数据 显示部 视图 列表 数组 NET MVC- 何使用 ASP | 更新日期: 2023-09-27 18:21:31

我想根据所选按钮在aspx网页上显示三个不同的部分视图。那部分工作正常。但是,每个局部视图都会从xml文件中读取单独的部分,并为视图提供数据。我试图将数据作为Arraylist传递给视图,但部分视图现在没有显示。在没有传递数据的情况下,局部视图正在工作请注意,我使用的是aspx,而不是剃须刀关于如何实现这一点的任何想法,以便在单击3个按钮中的任何一个时,也会显示一个不同的部分视图和xml数据。提前谢谢。

RenderVOIP.aspx

$(function() {
        $('#InfoButton').on("click", function() {        
            $.get('<%= Url.Action("InfoAction", "HardwareRequisition")%>', function (data) {
                $( "#myContentView" ).html( data );
            });
            $('#NotesButton').on("click", function() {              
                $.get('<%= Url.Action("NotesAction", "HardwareRequisition")%>', function (data) {
                    $( "#myContentView" ).html( data );
                });
                $('#OrdersButton').on("click", function() {                  
                    $.get('<%= Url.Action("OrdersAction", "HardwareRequisition")%>', function (data) {
                        $( "#myContentView" ).html( data );
                    });
                });
            });
        });
    });
<input type="text" id="box" style="width: 100px;" />
      <div class="row">
                    <div class="col-lg-12" id="account-subnavigation">
                        <div class="btn-group" style=" margin-bottom:10px; margin-left:10px;">                         
                            <button class="btn btn-info" style="width:120px" id="InfoButton">Info</button>
                            <button class="btn btn-info" style="width:120px" id="NotesButton">Notes</button>
                            <button class="btn btn-info" style="width:120px" id="ordersButton">Orders</button>
                        </div>
                    </div>
                </div>
               <div class="row" id="myContentView">
                </div>

voipSubform1.ascx

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<Products>" %>
<h2>VoIP Subform 1</h2>
 test
<fieldset id="voipdetails" class="section2">
    <table class="table table-bordered"> 
<tr> 
<th>Id</th> 
<th>Product Name</th> 
<th>Product Cost</th> 
</tr> 
<% foreach (var product in ((IEnumerable<Products>)ViewData["data"]))
{ %> 
<tr> 
<td> 
    <%: product.ProductId%>
</td> 
<td> 
<%= product.ProductName%>
</td> 
<td> 
<%= product.ProductCost%>
</td> 
</tr> 
<% } %>
</table>
 
HardwareRequisitionController.cs
public ActionResult InfoAction()
            {
                //return View("VoIPSubform1", _repository.GetForm(8));
      //          return PartialView("_MySecondPartialView");
      //          return View("RenderVOIPForm", _repository.GetForm(8));
                var filename = AppDomain.CurrentDomain.BaseDirectory + "App_Data''" + "log''" + "logErrors.txt";
                try
                {
                    XMLReader readXML = new XMLReader();
                    var data = readXML.ReturnListOfProducts().ToList();
                }
                catch (Exception e)
                {
                    var sw = new System.IO.StreamWriter(filename, true);
                    sw.WriteLine(DateTime.Now.ToString() + " " + e.Message + " " + e.InnerException);
                    sw.Close();
                }
               // return View(data.ToList());
                XMLReader readXML2 = new XMLReader();
                var data2 = readXML2.ReturnListOfProducts();
                var sw2 = new System.IO.StreamWriter(filename, true);
                sw2.WriteLine(DateTime.Now.ToString() + " " + data2);
                sw2.Close();
                return PartialView("_VoIPSubform1", data2);
           //     return View("_VoIPSubform1", data.ToList());
            }  

ASP.NET MVC-如何使用数组列表数据显示部分视图

如果有人对解决方案感兴趣,我在控制器中添加了这些行,它就起了作用。

ViewData["data"] = data2;
return PartialView("_VoIPSubform1");