[MVC]bootstrap-table表格ajax获取json数据并分页_bootstraptable请求完数据的回调资源-CSDN下载

共375个文件

dll：149个

xml：53个

nupkg：27个

bootstrap

table

5星 · 超过95%的资源需积分: 50 127 浏览量 2018-03-19 17:35:27 上传评论 2 收藏 34.6MB ZIP 举报

在本文中，我们将深入探讨如何在ASP.NET MVC框架下，利用bootstrap-table插件通过AJAX方式获取JSON数据并实现分页功能。Bootstrap Table是一个轻量级、强大的前端组件，它提供了一种美观的方式来展示和操作表格数据。在MVC模式中，我们将控制器用于处理请求，视图用于展示数据，而模型则封装了业务逻辑。我们需要在HTML视图中引入bootstrap-table的相关CSS和JS文件。这些文件可以从Bootstrap Table的官方仓库下载或通过CDN链接获取。例如： ```html <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap-table@1.19.1/dist/bootstrap-table.min.css" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.19.1/dist/bootstrap-table.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.19.1/dist/extensions/export/bootstrap-table-export.min.js"></script> ``` 接下来，在HTML中定义一个表格元素，并设置必要的属性，如`data-url`用于指定AJAX请求的API地址，`data-pagination`开启分页功能： ```html <table id="table" data-toggle="table" data-url="/Home/GetJsonData"  data-pagination="true" data-page-size="10"> <thead> <tr> <th data-field="id">ID</th> <th data-field="name">Name</th> <th data-field="price">Price</th> </tr> </thead> </table> ``` 在MVC的控制器中，我们需要创建一个方法来处理AJAX请求并返回JSON数据。这里假设我们有一个名为`HomeController`的控制器，其中包含一个`GetJsonData`方法： ```csharp using System.Web.Mvc; using Newtonsoft.Json; public class HomeController : Controller { public JsonResult GetJsonData(int page, int pageSize) { // 模拟数据库查询或其他数据获取 var data = new List<MyModel> { new MyModel { Id = 1, Name = "Item1", Price = 10.99 }, // 更多数据... }; // 分页处理 int totalItems = data.Count; data = data.Skip((page - 1) * pageSize).Take(pageSize).ToList(); // 返回JSON数据 return Json(new { total = totalItems, rows = data }, JsonRequestBehavior.AllowGet); } } public class MyModel { public int Id { get; set; } public string Name { get; set; } public decimal Price { get; set; } } ``` 以上代码中，`GetJsonData`方法接收两个参数，`page`和`pageSize`，用于实现分页。根据这些参数，我们可以从数据库或者其他数据源获取对应的数据，并使用`JsonResult`返回JSON格式的结果，其中`total`字段表示总条目数，`rows`字段是当前页的数据。此外，为了增强用户体验，我们还可以添加排序、搜索等其他功能，只需在HTML中添加相应的属性，如`data-sortable="true"`启用列排序，`data-search="true"`开启全局搜索框。同时，bootstrap-table还支持导出表格数据到CSV、Excel等格式，只需要在JS中调用`table.exportTable()`方法。通过结合ASP.NET MVC、AJAX和bootstrap-table，我们可以轻松实现动态加载和分页显示JSON数据的功能，为用户提供更加流畅和高效的表格交互体验。记得根据实际项目需求调整代码和配置，以适应不同的应用场景。

资源推荐

资源详情

资源评论

收起资源包目录

[MVC]bootstrap-table表格ajax获取json数据并分页（375个子文件）

Global.asax 111B

data1.aspx 98B

bootstrap_table_mvc.csprojResolveAssemblyReference.cache 122KB

DesignTimeResolveAssemblyReferencesInput.cache 13KB

bootstrap_table_mvc.csproj.CoreCompileInputs.cache 42B

applicationhost.config 84KB

VBCSCompiler.exe.config 8KB

csi.exe.config 8KB

vbc.exe.config 8KB

csc.exe.config 8KB

vbc.exe.config 8KB

csc.exe.config 8KB

ApplicationInsights.config 6KB

bootstrap_table_mvc.dll.config 3KB

Web.config 3KB

packages.config 2KB

Web.config 2KB

Web.Release.config 1KB

Web.Debug.config 1KB

bootstrap_table_mvc.csproj.CopyComplete 0B

data1.aspx.cs 2KB

AjaxController.cs 2KB

AssemblyInfo.cs 1KB

BundleConfig.cs 1KB

RouteConfig.cs 612B

Global.asax.cs 601B

HomeController.cs 431B

FilterConfig.cs 287B

TemporaryGeneratedFile_036C0B5B-1481-4323-8D20-8F5ADCB23D92.cs 0B

TemporaryGeneratedFile_5937a670-0e60-4077-877b-f7221da3dda1.cs 0B

TemporaryGeneratedFile_E7A71F73-0F8D-4B9B-B56E-8E70B10BC5D3.cs 0B

Index.cshtml 6KB

Index2.cshtml 2KB

Error.cshtml 333B

_Layout.cshtml 292B

_ViewStart.cshtml 57B

bootstrap_table_mvc.csproj 13KB

bootstrap.css 134KB

bootstrap.css 118KB

bootstrap.min.css 97KB

bootstrap.min.css 96KB

bootstrap-table.css 7KB

Microsoft.CodeAnalysis.VisualBasic.dll 4.99MB

Microsoft.CodeAnalysis.CSharp.dll 4.25MB

Microsoft.CodeAnalysis.dll 1.91MB

Microsoft.AI.Agent.Intercept.dll 1.89MB

Microsoft.DiaSymReader.Native.amd64.dll 1.22MB

WebGrease.dll 1.22MB

Microsoft.DiaSymReader.Native.x86.dll 955KB

System.Text.Encoding.CodePages.dll 749KB

System.Web.Mvc.dll 553KB

Newtonsoft.Json.dll 491KB

Newtonsoft.Json.dll 482KB

System.Reflection.Metadata.dll 454KB

Newtonsoft.Json.dll 437KB

Newtonsoft.Json.dll 435KB

Newtonsoft.Json.dll 420KB

Newtonsoft.Json.dll 378KB

System.Web.Razor.dll 266KB

System.Collections.Immutable.dll 239KB

System.Web.WebPages.dll 207KB

Microsoft.ApplicationInsights.dll 184KB

Microsoft.ApplicationInsights.dll 153KB

Microsoft.ApplicationInsights.dll 151KB

Microsoft.ApplicationInsights.dll 145KB

Microsoft.ApplicationInsights.dll 142KB

Microsoft.ApplicationInsights.dll 141KB

System.Web.Helpers.dll 137KB

Microsoft.AI.PerfCounterCollector.dll 129KB

Microsoft.CodeAnalysis.Scripting.dll 129KB

Microsoft.AI.PerfCounterCollector.dll 127KB

System.IO.Compression.dll 109KB

Microsoft.Build.Tasks.CodeAnalysis.dll 109KB

Microsoft.AI.ServerTelemetryChannel.dll 104KB

共 375 条

D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\ApplicationInsights.config D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\bootstrap_table_mvc.dll.config D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\bootstrap_table_mvc.dll D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\bootstrap_table_mvc.pdb D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\Antlr3.Runtime.dll D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\Microsoft.AI.Agent.Intercept.dll D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\Microsoft.AI.DependencyCollector.dll D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\Microsoft.AI.PerfCounterCollector.dll D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\Microsoft.AI.ServerTelemetryChannel.dll D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\Microsoft.AI.Web.dll D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\Microsoft.AI.WindowsServer.dll D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\Microsoft.ApplicationInsights.dll D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\Microsoft.CodeDom.Providers.DotNetCompilerPlatform.dll D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\Microsoft.Web.Infrastructure.dll D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\Newtonsoft.Json.dll D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\System.Web.Helpers.dll D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\System.Web.Mvc.dll D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\System.Web.Optimization.dll D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\System.Web.Razor.dll D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\System.Web.WebPages.Deployment.dll D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\System.Web.WebPages.dll D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\System.Web.WebPages.Razor.dll D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\WebGrease.dll D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\Microsoft.CodeDom.Providers.DotNetCompilerPlatform.xml D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\System.Web.Helpers.xml D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\System.Web.Mvc.xml D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\System.Web.Optimization.xml D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\System.Web.Razor.xml D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\System.Web.WebPages.xml D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\System.Web.WebPages.Deployment.xml D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\System.Web.WebPages.Razor.xml D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\Antlr3.Runtime.pdb D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\Newtonsoft.Json.xml D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\Microsoft.ApplicationInsights.xml D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\Microsoft.AI.DependencyCollector.xml D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\Microsoft.AI.ServerTelemetryChannel.xml D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\Microsoft.AI.WindowsServer.xml D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\Microsoft.AI.Web.xml D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\zh-Hans\System.Web.Helpers.resources.dll D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\zh-Hans\System.Web.Mvc.resources.dll D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\zh-Hans\System.Web.Optimization.resources.dll D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\zh-Hans\System.Web.Razor.resources.dll D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\zh-Hans\System.Web.WebPages.resources.dll D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\zh-Hans\System.Web.WebPages.Deployment.resources.dll D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\bin\zh-Hans\System.Web.WebPages.Razor.resources.dll D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\obj\Debug\bootstrap_table_mvc.csprojResolveAssemblyReference.cache D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\obj\Debug\bootstrap_table_mvc.csproj.CoreCompileInputs.cache D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\obj\Debug\bootstrap_table_mvc.dll D:\temp\2018\20180319\bootstrap_table_mvc\bootstrap_table_mvc\bootstrap_table_mvc\obj\Debug\bootstrap_table_mvc.pdb

评论收藏

内容反馈