用MVC做一个bootstrap-table的实例

最新推荐文章于 2024-04-08 16:21:13 发布

置顶

qq_23982569

最新推荐文章于 2024-04-08 16:21:13 发布

阅读量2.2k

点赞数 2

分类专栏： MVC 文章标签： MVC bootstrap-table-edit knockout-min.js bootstrap

本文链接：https://blog.csdn.net/qq_23982569/article/details/79036573

版权

该博客介绍如何在MVC框架下结合bootstrap-table创建一个实例，内容涉及HTML前端的构建，强调了正确引用js和css文件的重要性。

摘要由CSDN通过智能技术生成

前台HTML：注意需要引用js和css


  
  
  
   
   
   <!DOCTYPE html>
  
  
  <html><head>
  
  
  
   
   
   <meta name="viewport" content="width=device-width" />
  
  
  <title>BootStrap Table使用</title>
  
  
  
   
   
   <link href="~/Scripts/bootstrap-table-develop/dist/bootstrap-editable.css" rel="stylesheet" />
  
  
  <link href="~/Content/bootstrap.css" rel="stylesheet" />
  
  
  
   
   
   @*1、Jquery组件引用*@
  
  
  <link href="~/Scripts/bootstrap-table-develop/dist/bootstrap-table.css" rel="stylesheet" /> <script src="~/Scripts/jquery-2.2.4.js"></script>
  
  
  
   
   
   <script src="~/Scripts/bootstrap-table-develop/dist/bootstrap-editable.js"></script>
  
  
  @*2、bootstrap组件引用*@ <script src="~/Scripts/bootstrap.js"></script> @*3、bootstrap table组件以及中文包的引用*@
  
  
  
   
   
   <script src="~/Scripts/bootstrap-table-develop/dist/locale/bootstrap-table-zh-CN.js"></script>
  
  
  <script src="~/Scripts/bootstrap-table-develop/dist/bootstrap-table.js"></script> <script src="~/Scripts/bootstrap-table-develop/dist/bootstrap-table-editable.js"></script>
  
  
  
   
   
   <script src="~/Scripts/Home/js/yhjcxxgl.js"></script>
  
  
  <script src="~/Scripts/bootstrap-table-develop/dist/knockout-min.js"></script> <script src="~/Scripts/bootstrap-table-develop/dist/knockout.mapping.js"></script> @*4、页面Js文件的引用*@</head><body> @*查询条件*@
  
  
  
   
   
   <div class="form-group" style="margin-top:15px">
  
  
  <div class="panel-body" style="padding-bottom:0px;"> <div class="panel panel-default"> <div class="panel-heading">查询条件</div> <div class="panel-body"> <form id="formSearch" class="form-horizontal">
  
  
  
   
   
   <label class="control-label col-sm-1" for="txt_search_txt_UserStudentID">学号</label>
  
  
  <label class="control-label col-sm-1" for="txt_search_UserName">用户名</label> <div class="col-sm-3"> <input type="text" class="form-control" id="txt_search_UserName"> </div> <div class="col-sm-3">
  
  
  
   
   
   </div>
  
  
  <input type="text" class="form-control" id="txt_search_txt_UserStudentID"> </div> <div class="col-sm-4" style="text-align:left;"> <button type="button" style="margin-left:50px" id="btn_query" class="btn btn-primary">查询</button> </div> </form> </div> </div>
  
  
  
   
   
   </button>*@
  
  
  @*工具栏和table*@ <div id="toolbar" class="btn-group"> <button id="btn_add" type="button" class="btn btn-default"> <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>新增 </button> @*<button id="btn_edit" type="button" class="btn btn-default"> <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>修改
  
  
  
   
   
   <div class="modal-content">
  
  
  <button id="btn_delete" type="button" class="btn btn-default"> <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>删除 </button> </div> <table id="tb_departments"></table> </div> @*添加用户dialog*@ <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-header">
  
  
  
   
   
   <input t

最低0.47元/天解锁文章

qq_23982569

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
用MVC做一个bootstrap-table的实例

前台HTML：注意需要引用js和cssBootStrap Table使用@*1、Jquery组件引用*@ @*2、bootstrap组件引用*@ @*3、bootstrap table组件以及中文包的引用*@ @*4、页面Js文件的引用*@ @*查询条件*@ 查询条件学号用户名查询 *@@*工具栏和table*@ 新增 @* 修改删除 @*添
复制链接

扫一扫