,可以通过以下步骤实现:
$("#tree").fancytree({
checkbox: true,
selectMode: 3,
source: {
url: "/Tree/GetTreeData" // 用于获取树的数据源URL
},
select: function(event, data) {
var selectedNodes = data.tree.getSelectedNodes(); // 获取选中的节点
var selectedNodeIds = $.map(selectedNodes, function(node) {
return node.key; // 获取选中节点的ID
});
// 发送Ajax请求将选中节点传递给控制器
$.ajax({
url: "/Tree/ProcessSelectedNodes",
type: "POST",
data: { selectedNodeIds: selectedNodeIds },
success: function(result) {
// 处理控制器返回的结果
},
error: function(xhr, status, error) {
// 处理错误
}
});
}
});
[HttpPost]
public ActionResult ProcessSelectedNodes(List<string> selectedNodeIds)
{
// 处理选中节点的逻辑
// ...
return Json(new { success = true });
}
在上述代码中,我们使用了jQuery的Ajax方法将选中的节点ID通过POST请求发送给控制器的ProcessSelectedNodes
方法。控制器接收到数据后,可以根据业务需求进行相应的处理,并返回一个JSON结果。
这样,就实现了在ASP.NET MVC5中使用Ajax将Fancytree的选中节点传递给控制器的功能。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云数据库(TencentDB)。
领取专属 10元无门槛券
手把手带您无忧上云