热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

datagrid+toolbar不分页显示

1新建DataGrid.js文件******el:tableid****functionshowDataGrid(el){$(el).datagrid({title:不分页的gr

1 新建DataGrid.js文件

/**** **el: table id* ***/
function showDataGrid(el) {$(el).datagrid({title: &#39;不分页的gridview&#39;,url: &#39;/Home/GetUserInfo&#39;, //一个用以从远程站点请求数据的超链接地址。method: &#39;get&#39;, //请求远程数据的方法类型 默认 postloadMsg: &#39;数据正在加载&#xff0c;请稍等...&#39;,//当从远程站点载入数据时&#xff0c;显示的一条快捷信息。autoRowHeight: true, //定义设置行的高度&#xff0c;根据该行的内容。设置为false可以提高负载性能。height: 1000, // 设置高度width: &#39;auto&#39;, //设置宽度striped: true,//设置为true将交替显示行背景。nowrap: true,//设置为true&#xff0c;当数据长度超出列宽时将会自动截取。rownumbers: true,//设置为true将显示行数。singleSelect: true,//设置为true将只允许选择一行。sortName: &#39;Age&#39;, //当数据表格初始化时以哪一列来排序。sortOrder: &#39;asc&#39;,//定义排序顺序&#xff0c;可以是&#39;asc&#39;或者&#39;desc&#39;&#xff08;正序或者倒序&#xff09;。showFooter: false,//定义是否显示行底&#xff08;如果是做统计表格&#xff0c;这里可以显示总计等&#xff09; cache: true,iconCls: &#39;icon-save&#39;, // 设置表头的图标collapsible: true, //右上角可以折叠toolbar: toolbar,columns: [[{field: &#39;&#39;,title: &#39;&#39;,checkbox: true}, {field: &#39;Name&#39;,title: &#39;姓名&#39;,width: 100,sortable: true, //设置为true允许对该列排序。rowspan: 1, //表明一个单元格跨几行。colspan: 1, // 表明一个单元格跨几列。hidden: false,//设置为true将隐藏列。//格式化单元格函数&#xff0c;有3个参数&#xff1a;//value&#xff1a;字段的值。// rowData&#xff1a;行数据。// rowIndex&#xff1a;行索引。formatter: function (value, row, index) {if (index &#61;&#61; 1) {return &#39;sasasas&#39;;}elsereturn value;},//单元格样式函数&#xff0c;返回样式字符串装饰表格如&#39;background:red&#39;&#xff0c;function有3个参数&#xff1a;//value&#xff1a;字段值。// rowData&#xff1a;行数据。// rowIndex&#xff1a;行索引。styler: function (value, row, index) {if (index <9)return &#39;background-color:yellow;color:red;&#39;;},editor: &#39;text&#39;},{ field: &#39;Age&#39;, title: &#39;年龄&#39;, width: 100 },{ field: &#39;Work&#39;, title: &#39;工作&#39;, width: 100 },]],fitColumns: true,rowStyler: function (index, row) { //返回样式&#xff0c;如&#xff1a;&#39;background:red&#39;&#xff0c;function有2个参数&#xff1a;if (index &#61;&#61; 10) // index&#xff1a;行索引&#xff0c;从0开始.return &#39;background-color:red;color:#fff;&#39; // row&#xff1a;对应于该行记录的对象。 },// 以下三个属性 分组//groupField: &#39;Name&#39;, //view:groupview, // 这个 function 要自己写//groupFormatter: function (value, rows) { // 值// return &#39;分组&#39; - value &#43; &#39; - &#39; &#43; rows.length &#43; &#39; Item(s)&#39;; //rows 总的个数 //}});
}
// 定义toolbar
var toolbar &#61; [{text: &#39;Add&#39;,iconCls: &#39;icon-add&#39;,handler: function () { alert(&#39;add&#39;) }
}, {text: &#39;Cut&#39;,iconCls: &#39;icon-cut&#39;,handler: function () { $.messager.alert(&#39;info&#39;,&#39;cut&#39;) }
}, &#39;-&#39;, {text: &#39;Save&#39;,iconCls: &#39;icon-save&#39;,handler: function () { alert(&#39;save&#39;) }
}];

  2  前端使用&#xff1a;

<script src&#61;"~/jquery-easyui-1.5.5.2/jquery.min.js">script>
<script src&#61;"~/jquery-easyui-1.5.5.2/jquery.easyui.min.js">script>
<script src&#61;"~/jquery-easyui-1.5.5.2/locale/easyui-lang-zh_CN.js">script>
<link href&#61;"~/jquery-easyui-1.5.5.2/themes/default/easyui.css" rel&#61;"stylesheet" />
<link href&#61;"~/jquery-easyui-1.5.5.2/themes/icon.css" rel&#61;"stylesheet" /><div style&#61;"margin:20px;width:1100px"><table id&#61;"dgv">table>div><script src&#61;"~/Scripts/EasyUI/DataGrid.js">script><script>$(document).ready((function () {// 这个地方必须要放在这个里面&#xff0c;否则会导致有边框不显示
showDataGrid("#dgv");}));script>

展示&#xff1a;

 

转:https://www.cnblogs.com/hnzheng/p/9184044.html



推荐阅读
  • springMVC JRS303验证 ... [详细]
  • 在寻找轻量级Ruby Web框架的过程中,您可能会遇到Sinatra和Ramaze。两者都以简洁、轻便著称,但它们之间存在一些关键区别。本文将探讨这些差异,并提供详细的分析,帮助您做出最佳选择。 ... [详细]
  • Django 使用slug field时遇到的问题 ... [详细]
  • 在尝试从数据库获取设置的过程中,遇到了一个致命错误:Fatal error: Call to a member function bind_param() on boolean。本文将详细分析该错误的原因,并提供解决方案。 ... [详细]
  • 软件工程课堂测试2
    要做一个简单的保存网页界面,首先用jsp写出保存界面,本次界面比较简单,首先是三个提示语,后面是三个输入框,然 ... [详细]
  • 当unique验证运到图片上传时
    2019独角兽企业重金招聘Python工程师标准model:public$imageFile;publicfunctionrules(){return[[[na ... [详细]
  • 本文档汇总了Python编程的基础与高级面试题目,涵盖语言特性、数据结构、算法以及Web开发等多个方面,旨在帮助开发者全面掌握Python核心知识。 ... [详细]
  • 深入解析 Android IPC 中的 Messenger 机制
    本文详细介绍了 Android 中基于消息传递的进程间通信(IPC)机制——Messenger。通过实例和源码分析,帮助开发者更好地理解和使用这一高效的通信工具。 ... [详细]
  • 本文将详细介绍如何在没有显示器的情况下,使用Raspberry Pi Imager为树莓派4B安装操作系统,并进行基本配置,包括设置SSH、WiFi连接以及更新软件源。 ... [详细]
  • 本文详细介绍了如何使用 HTML 和 CSS 对文件上传按钮进行样式美化,使用户界面更加友好和美观。 ... [详细]
  • 本文详细介绍如何使用 Python 集成微信支付的三种主要方式:Native 支付、APP 支付和 JSAPI 支付。每种方式适用于不同的应用场景,如 PC 网站、移动端应用和公众号内支付等。 ... [详细]
  • 本文详细解析了 offset、client 和 page 坐标系统的不同之处。offset 是相对于当前元素的边界框的距离,与滚动条无关;client 是相对于可视区域(viewport)的距离,也与滚动条无关;page 则是相对于整个文档的距离,受滚动条位置影响。 ... [详细]
  • Django Token 认证详解与 HTTP 401、403 状态码的区别
    本文详细介绍了如何在 Django 中配置和使用 Token 认证,并解释了 HTTP 401 和 HTTP 403 状态码的区别。通过具体的代码示例,帮助开发者理解认证机制及权限控制。 ... [详细]
  • 本文深入探讨了UNIX/Linux系统中的进程间通信(IPC)机制,包括消息传递、同步和共享内存等。详细介绍了管道(Pipe)、有名管道(FIFO)、Posix和System V消息队列、互斥锁与条件变量、读写锁、信号量以及共享内存的使用方法和应用场景。 ... [详细]
  • 烤鸭|本文_Spring之Bean的生命周期详解
    烤鸭|本文_Spring之Bean的生命周期详解 ... [详细]
author-avatar
zjjj-jz政
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有