Infragistics｜Ignite UI for jQuery｜在 ASP.NET Core MVC 中顯示 igGrid

尚無瀏覽量

2023-08-06 更新

在 ASP.NET Core MVC 中顯示 igGrid 的示例。放置 igGrid 的 cshtml 引用顯示 igGrid 所需的樣式文件和腳本文件。

index.cshtml

@{

    ViewData[“Title”] = “Home Page”;

}

@section Styles {

    <link href=“https://cdn-na.infragistics.com/igniteui/2020.2/latest/css/themes/infragistics/infragistics.theme.css” rel=“stylesheet”>

    <link href=“https://cdn-na.infragistics.com/igniteui/2020.2/latest/css/structure/infragistics.css” rel=“stylesheet”>

}

<div class=“text-center”>

    <h1 class=“display-4”>Welcome</h1>

    <p>Learn about <a href=“https://docs.microsoft.com/aspnet/core”>building Web apps with ASP.NET Core</a>.</p>

</div>

<table id=“grid”></table>

@section Scripts {

    <script src=“https://code.jquery.com/ui/1.10.3/jquery-ui.min.js”></script>

    <script src=“https://cdn-na.infragistics.com/igniteui/2020.2/latest/js/i18n/infragistics-ja.js”></script>

    <script src=“https://cdn-na.infragistics.com/igniteui/2020.2/latest/js/infragistics.core.js”></script>

    <script src=“https://cdn-na.infragistics.com/igniteui/2020.2/latest/js/infragistics.lob.js”></script>

    <script src=“https://cdn-na.infragistics.com/igniteui/2020.2/latest/js/modules/i18n/regional/infragistics.ui.regional-ja.js”></script>

    <script>

        $(function () {

            var data = [

                { “名前”: “John Smith”, “年齢”: 45 },

                { “名前”: “Mary Johnson”, “年齢”: 32 },

                { “名前”: “Bob Ferguson”, “年齢”: 27 }

];

            $(“#grid”).igGrid({

                dataSource: data

});

});

    </script>

}

✦ 群昱 AccessSoft 你的全面軟體解決方案 ✦

身為全球眾多知名軟體在台灣合作夥伴，歡迎諮詢你需要的軟體服務！

群昱作為全球知名軟體推薦合作夥伴，致力於提供更多軟體解決方案給你！