MVC下使用jQueryeasyui的问题

[yaotomo]

单击tree中的子节点（每个子节点代表一个学生）向后台发出请求，以studentid作为参数查询出学生信息，并显示到前台的tabs中。新点击一个子节点就新打开一个选项卡并显示这个学生的信息。

问题是如何构造前台tabs选项卡的内容（也就是学生信息显示的页面）
tabs插件有个参数是content，是这个选项卡内容的html代码。这个代码要在javascript里生成，还是后台拼接？前台写死应该是不可行的，因为可能有多个标签页显示多个学生的信息。

                        $.get("/student/getinfo", { "stuid": nodeid + '01' }, function (data, status) {                           
                            
                            var student = $.parseJSON(data);
                            
                            if (!$("#content").tabs('exists', sessionid)) {
                            
                                //限制最多只能打开15个会话
                                if ($("#content").tabs('tabs').length >= 15) {
                                    $.messager.alert('错误', '您打开的窗口太多啦！', 'error');
                                    return;
                                }
                              
                                //添加新会话
                                $("#content").tabs('add', {
                                    title: sessionid,
                                    //content: data,
                                    iconCls: 'icon-reload',
                                    closable: true
                                    
                                });                              
          
                            } else {                                
                                $("#content").tabs('select', sessionid); //选择指定标题的会话
                            }
                        });

        public string GetInfo()
        {
            string stuid = Request["stuid"] ?? "";

            var stus = from t1 in context.Student
                       join t2 in context.Teacher on t1.teacherid equals t2.id
                       join t3 in context.Class on t1.gradeid + t1.classid equals t3.gradeid + t3.classid
                       where t1.id == stuid
                       select new
                       {
                           stuid = t1.id,
                           stuname = t1.name,
                           stugender = t1.gender,
                           stuage = t1.age,
                           stubirthday = t1.birthday,
                           stuaddress = t1.address,
                           stuidentity = t1.identityid,
                           stumobile = t1.mobile,
                           teaname = t2.name,
                           t3.classdesc
                       };


            if (stus.Count() > 0)
            {
                return Json(stus.FirstOrDefault()).Data.ToString();
            }
            else
            {
                return string.Empty;
            }          
        }

[Xanl]

Razor语法中有部分页

return PartialView();

你可以在部分页中写好代码 在控制器中返回模型、 content的内容加载部分页就好了

[yaotomo]

谢谢楼上的朋友，使用iframe加载实现了。每点击一个子节点就新建一个选项卡，iframe的src地址自动生成。

[ajaxfeifei]

引用 2 楼 yaotomo 的回复:

谢谢楼上的朋友，使用iframe加载实现了。每点击一个子节点就新建一个选项卡，iframe的src地址自动生成。

这也是一个办法，我做过类似的，不过不是采用的Iframe，而是根据每个Tab点击激活事件动态调用ajax获取数据的，如果已经获取过一次，不会再次重新加载。

[yaotomo]

引用 3 楼 lc2737 的回复:

这也是一个办法，我做过类似的，不过不是采用的Iframe，而是根据每个Tab点击激活事件动态调用ajax获取数据的，如果已经获取过一次，不会再次重新加载。

我也尝试过这么做，但是选项卡中页面元素较多，拼接字符串显得有些麻烦，干脆直接新加一个视图，在iframe里引用这个视图了。