easyui datagrid footer 页脚问题

mvc 的一个例子

  public string IndexV2()
        {
            var dataGridJson = new DataGridJson();
            var data = new List<MyClass11>
                           {
                               new MyClass11() {  AuditUser="a"},
                               new MyClass11() {  AuditUser="aa"}
                               ,    new MyClass11() {  AuditUser="bb"}
                           };
            dataGridJson.rows = data;
            dataGridJson.total = 3;
            dataGridJson.footer = new List<MyClass11 >{ new MyClass11{ AuditUser = "cc" }};
            return JsonConvert.SerializeObject(dataGridJson);
        }
        public class MyClass11
        {
            public string AuditUser;
        }
  <table id="testgrid" class="easyui-datagrid" title="别人对我的奖扣" style="width: 100%;"
        data-options="url: ‘@Url.Action("IndexV2", "UserRecord")‘,
                method: ‘POST‘,
                fitColumns: true,
                singleSelect: true,
                rownumbers: true,
                showFooter: true">
        <thead>
            <tr>
                <th data-options="field:‘AuditUser‘">名称</th>
            </tr>
        </thead>
    </table>

看了官方的 demo ,我又试了一下,第一次 失败了, 我是这样写的  dataGridJson.footer = new MyClass11{ AuditUser = "cc" };  果断什么都没有显示。它必须 要再包一层 List!

时间: 2024-10-08 16:01:46

easyui datagrid footer 页脚问题的相关文章

easyui datagrid 跨页选择

首先,要加入idField属性 其次,idField属性必须是数据集中某一字段,且唯一. 然后,就象这样: $(document).ready(function () { $("#tt").datagrid({ url: '/Control/ajax.ashx?class=DC.BusinessLogic.App.AppAction&method=GetPrint', rownumbers: true, pagination: true, idField:'productid'

如何将页脚固定在页面底部

方法一: HTML: <div id="container"> <div id="hearder">页头区域</div> <div id="page" class="clearfix">页面内容</div> <div id="footer">页脚</div> </div> CSS: html,body{ marg

使用Bootstrap 3开发响应式网站实践07,页脚

页脚部分比较简单,把一个12列的Grid切分. <footer> <div class="container"> <div class="row"> <div class="col-sm-2"> <h6>Copyright ©新浪体育</h6> </div> <div class="col-sm-4"> <h6>关于我们

Sticky Footer (让页脚永远停靠在页面底部,而不是根据绝对位置)

<!doctype html><html> <head> <meta charset="UTF-8"> <meta name="Author" content="胡超"> <title>super胡</title> <style> * { margin:0; padding:0; } html,body, #wrap { height: 100%;}

给SharePoint页面添加自定义页脚Custom footer

给SharePoint页面添加自定义页脚Custom footer 在公司做网站设计项目时,需要在页面上添加页脚. 很多人都把页脚忽视了,觉得没什么多大用处,其实它的作用还是有的,而且还越来越显得重要.页脚设计主要用来显示网站的版权和网站介绍.如果在页脚添加一些有趣的内容,可以提升用户体验,让网站变得更有趣味. 本文主要介绍如何在SharePoint页面上添加页脚,具体样式博友可以随意尝试,公司的站点主要还是以严肃为主,就不那么花哨了.简简单单做出来显示版权即可. 页脚当然是要放在每个页面下方(

给SharePoint页面加入自己定义页脚Custom footer

给SharePoint页面加入自己定义页脚Custom footer 在公司做站点设计项目时,须要在页面上加入页脚. 非常多人都把页脚忽视了,认为没什么多大用处,事实上它的作用还是有的,并且还越来越显得重要.页脚设计主要用来显示站点的版权和站点介绍.假设在页脚加入一些有趣的内容,能够提升用户体验,让站点变得更有趣味. 本文主要介绍怎样在SharePoint页面上加入页脚,详细样式博友能够任意尝试,公司的网站主要还是以严肃为主,就不那么花哨了.简简单单做出来显示版权就可以. 页脚当然是要放在每一个

初识 easyui datagrid

首先应该下载好easyui datagrid所用的各种js 和css 这个可以到官网上去下载. 首先要引入datagrid所引入的js和css. <script src="js/jquery.min.js"></script><script src="js/jquery.easyui.min.js"></script><link rel="stylesheet" type="text

jQuery EasyUI DataGrid API 中文文档

扩展自$.fn.panel.defaults,用 $.fn.datagrid.defaults重写了 defaults . 依赖 panel resizable linkbutton pagination 用法 1.  <table id="tt"></table> 1.  $('#tt').datagrid({ 2.      url:'datagrid_data.json', 3.      columns:[[ 4.          {field:'co

easyui datagrid 导出excel

本片文章是介绍如何用ajax的方式将easyui中的datagrid数据导出到excel中. 声明:该代码是在参考前人的代码写出来的,并非我原创,我只是新增了些功能. 新增部分: 1. 对于列是枚举列的可以设置枚举值,导出时会自动替换列中的枚举值,详细见用例代码. 2. 新增导出时不导出首列或末列指定个数的列,详细接用例代码. 下面是插件源码: /** Jquery easyui datagrid js导出excel 修改自extgrid导出excel * allows for download