easyui-datagrid的detailview扩展动态显示行数据详细内容(C#MVC)

引用脚本:

HTML:

班级ID 班级名称 科目 校区 开课日期
JavaScript:

function initTable(queryData, classid) {
    $("#ClassInfo_DataGrid").datagrid({
        url: '/Teaching/ClassInfo/GetAllClassInfo',
        nowrap: true,
        striped: true,
        sortOrder: 'asc',
        remoteSort: false,
        idField: 'ClassId',
        queryParams: queryData,
        pageSize: 50,
        pageList: [50, 100, 200],
        view: detailview,
        detailFormatter: function (index, row) {
            return '
'; }, onExpandRow: function (index, row) { //alert(row.ClassId); var ddv = $(this).datagrid('getRowDetail', index).find('div.ddv'); ddv.panel({ border: false, cache: false, href: '/Teaching/ClassInfo/GetDetail?classid=' + row.ClassId, onLoad: function () { $('#ClassInfo_DataGrid').datagrid('fixDetailRowHeight', index); } }); $('#ClassInfo_DataGrid').datagrid('fixDetailRowHeight', index); } }); }
AJAX:

public class ClassInfoController : BaseController
{
     	public ActionResult GetDetail()
        {
            var classId = Request["classid"];
            ClassInfo data = ClassInfoBLL.ClassInfosFirstOrDefault(classId);
            ViewBag.ClassInfo = data;
            return View();
   	}
}
MVC-View:

@if (ViewBag.ClassInfo != null)
{
    
班级系统名称: @ViewBag.ClassInfo.ClassName    年级: @ViewBag.ClassInfo.Grade.GradeName    班级种类: @ViewBag.ClassInfo.CourseCategory.CourseCategoryName    班级类型: @ViewBag.ClassInfo.CourseType.CourseTypeName    班级状态: @ViewBag.ClassInfo.ClassStatus.ClassStatusName    老系统班级ID: @ViewBag.ClassInfo.OldDbClassID    课程名称: @ViewBag.ClassInfo.CoursePlans.CourseName    网站更新: @if (ViewBag.ClassInfo.IsUpdate){}else{}   原班级ID: @if (ViewBag.ClassInfo.OriginalClassID != "0"){@ViewBag.ClassInfo.OriginalClassID;}   班级介绍: @ViewBag.ClassInfo.ClassIntroduction   
}


你可能感兴趣的:(easyui-datagrid,detailview,onExpandRow,html,jquery,JS代码)