easy-ui 小白进阶史（一）：加载数据，easy-ui显示

作为一个没上过大学，没经过正规培训的96年的小白来说，找工作就没报特别大的希望，大不了找不到在回炉重造，继续学。。。

终于在海投了200份的简历之后。。。终于找到了。。。面试也挺简单的，，，第二天就去入职了。。

行了，，，话不多说。。。我们后台用的easy-ui框架，，，不多说了，，直接上代码。。

HTML部分：

@{

ViewBag.Title = "小组管理"; Layout = "~/Views/Shared/_Layout.cshtml";

}

@section scripts {

<script src="@Url.Content("~/Scripts/Community/TopicMng.js")" type="text/javascript"></script>

}

<div id="main">

<div class="frame-top"> </div>

<div class="frame-list">

<table id="topiclist"></table>

</div>

</div>

javascripts：

$(document).ready(function () {
TopicMgr.InitPageData();
});

var TopicMgr = {

InitPageData: function () {
$("#topiclist").datagrid({
url: "/Community/Topic/List",
title: "小组管理",
width: 980,
height: 760,
loadMsg: "加载中....",
fitColumns: false,
rownumbers: true,
singleSelect: true,
idField: "Id",
columns: [[
{ field: "Id", title: "ID", width: 50, align: "left" },
{ field: "CategoryName", title: "小组类别", width: 80, align: "left" },
{ field: "TestTypeName", title: "考试类型", width: 80, align: "left" },
{ field: "TopicCont", title: "小组名称", width: 90, align: "left" },
{ field: "TopicDesc", title: "简介", width: 150, align: "left" },
{ field: "PeriodIndex", title: "当前期数", width: 70, align: "left" },
{ field: "TopicIndex", title: "小组排序", width: 70, align: "left" },
{ field: "CreatorName", title: "创始人", width: 100, align: "left" },
{
field: "PurviewLevel", title: "权限", width: 80, align: "left",
formatter: function (value) {
return value == 0 ? "特权小组" : "普通小组"
}
},
{
field: "TimeMark", title: "创建时间", width: 110, align: "left",
formatter: function (value) {
return FormatJSONDateToDate(value);
}
}
]]
});
},

}

C#：

public async Task<JsonResult> List()
{
return new JsonResult()
{
Data = await CommunityTopicFacade.ListAsync().ConfigureAwait(false)
};