问题:bootstrap-table加载数据不显示

@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<script>
  $(function () {
  InitMainTable();
  document.onkeydown = function (e) {

  var ev = document.all ? window.event : e;
  if (ev.keyCode == 13) {// 如(ev.ctrlKey && ev.keyCode==13)为ctrl+Center 触发
  $("#table").bootstrapTable('refresh');
  }
}
  $("#rearch").click(function () {
  $("#table").bootstrapTable('refresh');
  });
});
 function InitMainTable() {
  //先销毁表格
  $("#table").bootstrapTable('destroy');
  $("#table").bootstrapTable({
  method: "get"
  , url: "/Type/DataList"
  , striped: true, //表格显示条纹
  pagination: true,// 是否显示分页
  pageSize: 10, //每页显示条数
  pageNumber: 1,//当前第几页
  search: true, //显示搜索框
  buttonsAlign: "right", //按钮对齐方式
  pageList: [5, 10, 15, 20, 25],
  showColumns: true,
  showRefresh: true, //是否显示刷新按钮
  sidePagination: "server", //表示从服务端获取数据
  queryParamsType: "undefined", //定义参数类型
  queryParams: function (params) {
  //console.log(params);
  var param = {
  keyword: $("#search").val(),//搜索
  pageIndex: params.pageNumber,
  pageSize: params.pageSize
  };
    return param;
  },
  columns: [{
  field: "TypeName"
  , title: "名称"
  , sortable: true
  }, {
  field: "Typevalue"
  , title: "类型值"
  , sortable: true
  }, {
  field: "FullPath"
  , title: "表名"
  , sortable: true
  }, {
  field: "StateName"
  , title: "是否显示"
  , sortable: true
  , formatter: function (value, row, index) {
  var isdisplay = row["StateName"];
  if (isdisplay == "6f9619ff-8b86-d011-b42d-34c04fc964ff") {
  isdisplay = ' <span class="label label-lg label-yellow arrowed-in">是</span>';
  } else {
  isdisplay = '<span class="label label-lg label-purple arrowed">否</span>';
  }
  return isdisplay;
  }
  }, {
  title: '操作',
  align: 'center',
  width: 230,
  formatter: function (value, row, index) {

  var icon = '<button class="btn btn-xs btn-primary" onclick="Update(\'' + row.TyId + '\')"><i class="icon-edit bigger-120">编辑</i></button> '

  icon += '<button class="btn btn-xs btn-danger" onclick="Del(\'' + row.TyId + '\')"><i class="icon-trash bigger-120">删除</i></button>';

  return icon;
  }
}],
onLoadSuccess: function (data) {
  console.log(data);
},
onLoadError: function () {
  alert("数据加载失败!");
}
});
}
//删除
function Del(tyid) {
  if (confirm("你确定要删除吗?")) {
   $.post("/Type/Reovme", { tyid: tyid }, function (data) {
    if (data.code == 200) {
      window.location.reload();
    } else {
      layer.msg(data.msg, { icon: 5 });
    }
  });
  }
}
function Update(typeid) {
  window.location.href = "/Type/AddUpdate?typeId="+typeid;
}
function Add() {
  window.location.href = "/Type/AddUpdate";
}
</script>
<div class="input-group col-md-3" style="margin-top:0px">
<input type="text" class="form-control"placeholder="请输入字段名" id="search" / >
<span class="input-group-btn">
<button class="btn btn-sm btn-search" id="rearch">
<i class="icon-search bigger-110"></i>
<span class="bigger-110 no-text-shadow">查找</span>
</button>&nbsp;
<button class="btn btn-sm btn-success" onclick="Add()"><i class="icon-pencil bigger-110">添加</i></button>
</span>
</div>
<table class="table table-hover table-striped" border="0" id="table" style="border-width: 0px; border-collapse: collapse;">
</table>

代码是没有问题的但是就是一直不显示,加载的时候是有数据输出,当时找了好久。一直都找不出来,后来发现控制器返回json格式有问题。

//控制器

/// <summary>
/// 查询角色表
/// </summary>
/// <returns></returns>
public ActionResult getRoleAll(int pageIndex, int pageSize)
{
  ISys_RoleBLL irb = new Sys_RoleBLL();
  List<Sys_Role> list = irb.getRoleAll();
  var data = (from role in list
select new
{
  role.RoId,
  role.EnCode,
  role.FullName,
  DeleteMark=Convert.ToInt32(role.DeleteMark).ToString()=="1"?"可用":"不可用",
  }).Skip((pageIndex-1)*pageSize).Take(pageSize);
    var resut = new { rows = data }; 当时没有加上这句话,直接返回data数据,导致页面有数据输出,table表格无数据。这里需要返回匿名类型的数据
  return Json(resut, JsonRequestBehavior.AllowGet);
}

MVC bootstrap-table显示数据时显示No matching records found的更多相关文章

  1. Spring MVC中传递json数据时显示415错误解决方法

    在ajax中设置 ContentType为'application/json;charset=utf-8' 传递的data类型必须是json字符串类型:{“key”:"value" ...

  2. 实现easyui datagrid在没有数据时显示相关提示内容

    本示例实现easyui datagrid加载/查询数据时,如果没有相关记录,则在datagrid中显示没有相关记录的提示信息,效果如下图所示 本实例要实现如下图所示的效果: 本示例easyui版本为1 ...

  3. [转] BootStrap table增加一列显示序号

    原文地址:https://blog.csdn.net/aboboo5200/article/details/78839208 最近由于项目需要,使用BootStrap table做数据展示,其中要在第 ...

  4. easy ui datagrid在没有数据时显示相关提示内容

    $(function () { $('#dg').datagrid({ fitColumns: true, url: 'product.json', pagination: true, pageSiz ...

  5. easyui datagrid 没数据时显示滚动条的解决方法

    今天解决了一个bug,因为datagrid有多列,可是当没有数据的时候,后面的列无法通过滚动条拉动来显示,比较麻烦,而需求要求没有数据也要拉动滚动条查看后面有什么列,一开始在网上找了一些资料,发现都不 ...

  6. 扩展:gridview 空数据时显示表头

    2015年7月14日16:50:06  Gridview 默认展示数据时,若数据为空,则表格不显示,显示不美观. 针对此问题进行扩展: using System.Web.UI.WebControls; ...

  7. laravel post提交数据时显示异常

    post提交数据时候显示如下: The page has expired due to inactivity. Please refresh and try again 这是由于在laravel框架中 ...

  8. bootstrap Table动态绑定数据并自定义字段显示值

    第一步:我们在官网下载了bootstrap 的文档,并在项目中引入bootstrap table相关js文件,当然,也要记得引入jquery文件 大概如图: 第二步:定义一个table控件 第三步:j ...

  9. .Net MVC+bootstrap Table学习

    一.效果展示 二.使用方法 1).相关css和js的引用 <link href="~/Themes/Bootstrap/css/bootstrap.css" rel=&quo ...

随机推荐

  1. Appscan 工具快速上手教程

      1.appscan扫描 (1)白盒扫描=静态扫描,扫描源代码.(2)动态扫描=黑盒扫描,用工具来模拟黑客的攻击,查看应用层的响应.产品内部会有大量受攻击的库,当我们把一个模拟攻击发给我们的应用的时 ...

  2. sau交流学习社区—vue总结:使用vue的computed属性实现监控变量变化,使用vue的watch属性监控变量变化从而实现其他业务

    有时候遇到这么个需求,输入框为空的时候,请求一遍接口,如果输入框不为空的时候,需要点击搜索按钮请求接口. 同步sau交流学习社区:https://www.mwcxs.top/page/464.html ...

  3. Python爬虫入门教程 57-100 python爬虫高级技术之验证码篇3-滑动验证码识别技术

    滑动验证码介绍 本篇博客涉及到的验证码为滑动验证码,不同于极验证,本验证码难度略低,需要的将滑块拖动到矩形区域右侧即可完成. 这类验证码不常见了,官方介绍地址为:https://promotion.a ...

  4. Docker最全教程之Go实战,墙裂推荐(十八)

    前言 与其他语言相比,Go非常值得推荐和学习,真香!为什么?主要是可以直接编译成机器代码(性能优越,体积非常小,可达10来M,见实践教程图片)而且设计良好,上手门槛低.本篇主要侧重于讲解了Go语言的优 ...

  5. Mapbox使用详解

    一.简介: Mapbox致力于打造全球最漂亮的个性化地图.   在一次偶然的地图相关资料搜索过程中发现了一个很神奇又很漂亮的地图,这个地图支持高度自定义各种地图元素,比如,道路,水系,绿地,建筑物,背 ...

  6. Spring之AOP详解

    文章大纲 一.AOP介绍二.Spring的AOP实战三.AOP常用标签四.项目源码及参考资料下载五.参考文章   一.AOP介绍 1. 什么是AOP 在软件业,AOP为Aspect Oriented ...

  7. 解决 win10飞行模式 无限自动开关 无法关闭

    驱动问题,名为“Insyde Airplane Mode HID Mini-Driver”的驱动,这个驱动是专门用来快捷管理飞行模式的. 卸载完成后重启,无限开关飞行模式问题得到解决!

  8. JournalNode failed to restart

    Install clusterEnable Namenode HAStart RU"Zookeeper" is completed"Core Masters" ...

  9. [AI开发]将深度学习技术应用到实际项目

    本文介绍如何将基于深度学习的目标检测算法应用到具体的项目开发中,体现深度学习技术在实际生产中的价值,算是AI算法的一个落地实现.本文算法部分可以参见前面几篇博客: [AI开发]Python+Tenso ...

  10. PTA 深入虎穴 (正解)和树的同构

    在上一篇博客中分享了尝试用单链表修改程序,虽然在Dev上运行没有错误,但是PTA设置的测试点有几个没有通过,具体不清楚问题出现在哪里,所以现在把之前正确的程序放在这里. 7-2 深入虎穴 (30 分) ...