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)
            };