C# 如何制作ajax更新面板?(MVC2)

C# 如何制作ajax更新面板?(MVC2),c#,ajax,json,asp.net-mvc-2,view,C#,Ajax,Json,Asp.net Mvc 2,View,我正在使用Telerik树视图控件: 我想做的是在左边设置这个控件,然后在右边设置一个“面板”,这是一个在单击treeview时更新的视图 因此,当在树状视图中单击时,我想执行AJAX调用从DB检索信息。然后我可以用当前项目的信息更新“面板” 我怎样才能开始建造这个“面板”?任何为ASP.NET MVC2设计的控件都会更好,因为这就是我要实现的。我看到了一个叫做UFRAME的东西,但它让我想起了IFRAME,并认为我应该避免它 我是否可以使用部分视图进行此操作,然后只更新页面的部分视图区

我正在使用Telerik树视图控件:

我想做的是在左边设置这个控件,然后在右边设置一个“面板”,这是一个在单击treeview时更新的视图

因此,当在树状视图中单击时,我想执行AJAX调用从DB检索信息。然后我可以用当前项目的信息更新“面板”

我怎样才能开始建造这个“面板”?任何为ASP.NET MVC2设计的控件都会更好,因为这就是我要实现的。我看到了一个叫做UFRAME的东西,但它让我想起了IFRAME,并认为我应该避免它

我是否可以使用部分视图进行此操作,然后只更新页面的部分视图区域


谢谢。

Telerik
TreeView
有:

  • OnSelect
    客户端事件
  • 你想订阅和
  • 发生select时发出Ajax调用
  • 到您的Asp.net MVC应用程序控制器操作
  • 将返回一个
    PartialView
    ,其中
  • 然后可以附加到右侧面板
  • 这是有待开发的过程

    我一生中从未使用过Telerik的控件,但根据他们页面上的文档,它似乎是这样工作的。除了您必须使用的
    OnSelect
    客户端事件之外,所有内容基本上都是通常的Asp.net MVC+jQuery。因此,只要Telerik的控制系统按预期工作(这可能是它自己的故事),就没有什么特别复杂的事情

    一些代码 由于我从未使用过Telerik,我仍然认为这是可以做到的:

  • 您在其中一个视图中定义了TreeView,如:

    <%= Html.Telerik().TreeView().Name("ClientSideID") %>
    

  • 这段代码没有经过测试,但可以让您开始。

    我不知道如何开始这些任务(有限的jquery/javascript知识)-是否有教程或我可以遵循的内容开始?特别是"3"。在发生以下情况时发出Ajax调用'
    $(function(){
        $("#ClientSideID").bind("select", function(e){
            e.preventDefault();
            $.ajax({
                url: "SomeURL",
                data: e.item,
                type: "POST",
                success: function(partialView) {
                    partialView = $(partialView);
                    $("RightPanelSelector").append(partialView);
                },
                error: function(xhr, status, err){
                    // handle error
                }
            });
        });
    });