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

164 瀏覽人次

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 你的全面軟體解決方案 ✦

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

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