将 .NET AJAX 转换为 MVC/学习 - 是否可以在不破坏 MVC 范例的情况下实现此功能？

Question

我正在尝试在 MVC 中复制以下功能，我让它适用于 AJAX：

• 用户将项目拖放到页面上。
• OnDropped 将创建一个新控件并将其附加到页面。该控件的类型为 RadDock，它将停靠到 RadDockZone 类型的控件。

旧代码：

    /// <summary>
    /// Creates the RadDock + Contents when dropping a graph onto the page.
    /// </summary>
    /// <param name="sender"> The RadListBox with an element being dropped from inside it. </param>
    /// <param name="e"> Information about the drop such as target and what is being dropped. </param>
    protected void RadListBox_Dropped(object sender, RadListBoxDroppedEventArgs e)
    {
        CormantRadDockZone dockZone = RadDockLayout1.RegisteredZones.OfType<CormantRadDockZone>().First(registeredDockZone => registeredDockZone.ID == e.HtmlElementID);

        if (!object.Equals(dockZone, null) && !dockZone.Docks.Any())
        {
            RadSlidingPane slidingPane = ((sender as RadListBox).Parent as RadSlidingPane);
            CormantReport report = new CormantReport(int.Parse(e.SourceDragItems[0].Value), e.SourceDragItems[0].Text, slidingPane.Title);
            CormantRadDock dock = new CormantRadDock(report);
            dock.CreateContent();
            dock.Dock(dockZone);
        }
    }

现在，我一直在努力思考如何在 MVC 中做这样的事情。我认为应该发生的是视图应该获取必要的数据，然后将该数据传递回控制器。控制器将处理创建 RadDock，然后将对象转换为 JSON 并将数据传递回视图。检索该数据后，我“相信”我应该能够以某种方式重新创建该元素，以便我可以将其附加到 RadDockZone，但没有 Telerik.Web.UI.RadDock() 构造函数......这似乎相当无望？ 这可能吗？

function OnClientDropped(sender, eventArgs) {
//Capture e.HTMLElementID, e.SourceDragItems[0].Value, e.SourceDragItems[0].Text, and slidingPane.Title here

var droppedID = eventArgs.get_htmlElement().id;

if( droppedID.indexOf("RadDockZone") != -1 )
{
    var radDockZone = $find(droppedID);
    //This constructor does not exist!
    var radDock = new Telerik.Web.UI.RadDock();
    radDock.dock(radDockZone);
}
else
{
    alert("Failed to find RadDockZone on dropped target.");
}

var slidingPaneTitle = "";

if (sender.get_id().indexOf("lstBxHistorical") != -1) {
    slidingPaneTitle = "Historical Widgets";
}
else if (sender.get_id().indexOf("lstBxCustom") != -1) {
    slidingPaneTitle = "Custom Widgets";
}
else {
    alert(sender.get_id());
}

$.ajax({
    type: 'POST',
    url: 'ReportDropped',
    dataType: 'json',
    data: {
        //e.HTMLElementID, e.SourceDragItems[0].Value, etc...
    },
    success: function (data) {

        alert("Success");
    },
    errror: function (xhr, ajaxOptions, error) {
        alert("Error");
    }
});

}

Answer 1

我让它适用于 AJAX：

我相信你指的是 aps.net ajax。并且您不能将asp.net的服务器控件与mvc一起使用，因为mvc根本没有任何asp.net服务器控件严重依赖的ViewState概念。如果您确实想使用这样的控件，您有两个选择（我能想到）

• 实现与 asp.net mvc 兼容的自己的控件
• 或 并排运行 asp.net 和 mvc并在必要时使用 asp.net 服务器控件