从数据库中收集信息并使用asp.net mvc中的jquery在同一视图中显示它

Question

我正在使用asp.net mvc开发应用程序。我有一个视图应该在左窗格中包含树视图，右窗格应该显示在树视图中选择的节点项的详细信息。左窗格表表示树视图结构，右窗格包含应从数据库中获取的所选项的详细信息。

我有树视图结构构建，也使用jquery能够获取所选项目的id。我需要收集项目详细信息并将其显示在右侧窗格中。我如何实现这一目标？

Answer 1

如果您正在使用快速解决方案（如果页面相当静态），您可以加载页面上的所有信息并在点击时隐藏/显示。

快速解决方案

$('#item1').click(function () {
  hideAll(); //Hide 
  $('#item1details').show();
}
//#item2 etc..

function hideAll() {
  $('#item1details, item2details ... ').hide();
}

您可以通过选择项目的索引并将其应用于选择器来使您的javascript更加优雅。

更详细的解决方案是使用ajax get从数据库中检索相关信息并填充您的详细信息视图。

$.get('/controller/GetDetails', { index: index }, function (retHtml) {
   $('#itemdetail').append(retHtml);
});

Answer 2

使用jquery将id发布到动作

 $.post("YourController/ItemDetails", { Id: selectedid },
     function(data) {
       $('#leftPane').html(data);
     });

在你的控制器中

    public ActionResult ItemDetails(int Id)
    {
        // get yor item model by using the Id

      return View(item);
    }

Answer 3

您好 基础教程将为您提供足够的开始

http://www.asp.net/mvc/tutorials/iteration-7-add-ajax-functionality-cs

我相信这可能正是您正在寻找的

P