MVC5视图报错：无法将字符串转换为System.Collection.Generic.IEnumerable

看起来你遇到的是典型的类型不匹配问题——代码里某个地方期望接收IEnumerable集合，但实际传入了字符串，导致无法隐式转换。结合你的场景（部门-员工树形结构），我来一步步帮你解决：

1. 先明确核心错误原因 #

这个报错大概率出在三个环节：

• 控制器传递给视图的模型类型不对（传了JSON字符串而非集合）
• TreeViewHelper的方法返回值类型错误（返回字符串而非节点集合）
• 视图的模型声明与实际传入的类型不匹配

2. 先搭建正确的树形节点模型 #

首先定义一个符合JTree数据格式的节点类，放在Models文件夹下：

public class TreeNode
{
    public string Id { get; set; }
    public string Text { get; set; }
    public List<TreeNode> Children { get; set; }
    // 可选：JTree需要的其他属性，比如图标、是否展开等
    public string Icon { get; set; }
    public bool Expanded { get; set; } = false;
}

3. 修正控制器的树形数据构建逻辑 #

在Employee控制器的Index方法里，正确构建部门-员工的树形集合，不要直接传递JSON字符串：

public ActionResult Index()
{
    // 从数据库获取部门及关联的员工（记得提前配置EF的关联关系）
    var departments = db.Departments.Include(d => d.Employees).ToList();
    
    // 转换为树形节点集合
    var treeNodes = new List<TreeNode>();
    foreach (var dept in departments)
    {
        treeNodes.Add(new TreeNode
        {
            Id = $"dept_{dept.Id}",
            Text = dept.Name,
            Icon = "fa fa-building", // 可选：用FontAwesome图标区分部门
            Children = dept.Employees.Select(emp => new TreeNode
            {
                Id = $"emp_{emp.Id}",
                Text = emp.Name,
                Icon = "fa fa-user" // 可选：员工图标
            }).ToList()
        });
    }
    
    // 传递集合给视图，而非字符串
    return View(treeNodes);
}

4. 修正TreeViewHelper的方法 #

如果你的Helper是用来生成JTree需要的JSON数据，应该返回MvcHtmlString而非字符串或错误的集合类型：

using Newtonsoft.Json; // 需要通过NuGet安装Newtonsoft.Json
using System.Web.Mvc;

public static class TreeViewHelper
{
    // 把节点集合序列化为JTree可用的JSON字符串
    public static MvcHtmlString ToJTreeJson(this HtmlHelper helper, IEnumerable<TreeNode> nodes)
    {
        var jsonSettings = new JsonSerializerSettings
        {
            Formatting = Formatting.Indented
        };
        var json = JsonConvert.SerializeObject(nodes, jsonSettings);
        return new MvcHtmlString(json);
    }
}

5. 修正Index视图的代码 #

确保视图声明正确的模型类型，并正确初始化JTree：

@{
    ViewBag.Title = "部门员工树形图";
    // 声明模型为节点集合
    @model IEnumerable<TreeNode>
}

<!-- 引入JTree的样式和脚本 -->
<link rel="stylesheet" href="~/Content/jtree.css" />
<script src="~/Scripts/jquery.min.js"></script>
<script src="~/Scripts/jtree.js"></script>

<!-- 树形容器 -->
<div id="deptEmpTree" style="width: 300px; margin: 20px;"></div>

<script>
    $(document).ready(function() {
        // 通过Helper把模型转成JTree能识别的JSON
        var treeData = @Html.ToJTreeJson(Model);
        
        // 初始化JTree
        $('#deptEmpTree').jtree({
            data: treeData,
            // 可选：配置点击事件等
            onSelect: function(node) {
                console.log("选中节点：", node.text);
            }
        });
    });
</script>

6. 排查常见的错误点 #

如果还是报错，检查这几个地方：

• 控制器里有没有错误地把JSON字符串传给视图？比如return View(JsonConvert.SerializeObject(treeNodes));——这会导致模型是string类型，和视图声明的IEnumerable<TreeNode>不匹配。
• TreeViewHelper的子节点方法是不是返回了HTML字符串而非节点集合？比如原本的方法直接拼接<li>标签，现在要改成返回IEnumerable<TreeNode>。
• 视图顶部的@model声明是不是写错了？比如写成了string而非IEnumerable<TreeNode>。

内容的提问来源于stack exchange，提问作者abeer shlby