用JavaScript方式创建easyUI datagrid Column Group(列组)
代码如下:
- <script type="text/javascript">
- var datagrid;
- $(function(){
- $('#datagrid').datagrid({
- url:'{:U("Admin/Article/indexjson")}',
- title:'',
- iconCls:'icon-save',
- fit:true,
- //下面的page条
- pagination:true,
- pageSize:14,
- pageList:[14,20,30,40,50],
- //是否出现横向滚动条
- fitColumns:true,
- //数据折行
- nowrap:false,
- border:false,
- //帮你记住你选过的,做跨页删除
- idField:'id',
- columns:[[{
- title:'',
- field:'ck',
- checkbox:true,
- width:10,
- rowspan:2
- },{
- title:'ID',
- field:'id',
- width:50,
- rowspan:2,
- align:'center'
- },{
- title:'文章标题',
- field:'title',
- width:350,
- rowspan:2
- },{
- title:'属性',
- align:'center',
- colspan:3
- },{
- title:'所属栏目',
- field:'name',
- width:150,
- rowspan:2
- },{
- title:'所属专题',
- field:'name',
- width:150,
- rowspan:2
- },{
- title:'发布时间',
- field:'time',
- width:150,
- align:'center',
- rowspan:2
- }
- ],[
- {
- title:'推荐',
- field:'good',
- width:50,
- align:'center'
- },{
- title:'热门',
- field:'hits',
- width:50,
- align:'center'
- },{
- title:'图',
- field:'pic',
- width:50,
- align:'center'
- },
- ]],toolbar:"#tb"
- });
- });
- function doSearch(value){
- //alert('You input: ' + value);
- $('#datagrid').datagrid('load',{
- title:$('#tb').find('[name=search]').val()
- });
- }
- function doAdd(){
- //alert('You input: ' + value);
- }
- function doSave(value){
- alert('You input: ' + value);
- }
- function doDel(value){
- alert('You input: ' + value);
- }
- // function doSearch(value){
- // alert('You input: ' + value);
- // }
- </script>
用JavaScript方式创建easyUI datagrid Column Group(列组)的更多相关文章
- easyui datagrid Column Group 列组、 复杂表头 嵌套表头 组合表头 (转载)
核心: rowspan:2 //占两行 colspan:3 //占三列 所有的colspan下的二级列表头,统一放在一个数组里. 文章一: 转载来源:https://blog.csdn.ne ...
- 完美实现保存和加载easyui datagrid自定义调整列宽位置隐藏属性功能
需求&场景 例表查询是业务系统中使用最多也是最基础功能,但也是调整最平凡,不同的用户对数据的要求也不一样,所以在系统正式使用后,做为开发恨不得坐在业务边上,根据他们的要求进行调整,需要调整最多 ...
- (转)扩展jquery easyui datagrid 之动态绑定列和数据
本文转载自:http://blog.csdn.net/littlewolf766/article/details/7336550 easyui datagrid 不支持动态加载列,上次使用的方法是自己 ...
- Easyui Datagrid相同连续列合Demo之三
效果图: html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> < ...
- 扩展-Easyui Datagrid相同连续列合并扩展(一)
一.autoMergeCellAndCells实现效果 调用方法: function onLoadSuccess(data){ $(this).datagrid("autoMerge ...
- EasyUI DataGrid 相同连续列合并
扩展方法:$.extend($.fn.datagrid.methods, { autoMergeCells: function(jq, fields) { return jq.each(functio ...
- DataGrid Column Group (合并表头)
<thead> <tr> <th colspan=">swjg</th> <th colspan=">swbm</ ...
- easyui datagrid自定义操作列
通过formatter方法给Jquery easyui 的datagrid 每行增加操作链接 我们都知道Jquery的EasyUI的datagrid可以添加并且自定义Toolbar, 这样我们选择一行 ...
- easyui datagrid自定义按钮列,即最后面的操作列(转)
做项目的时候因为需求,要在表格的最后添加一列操作列,easyUI貌似没有提供这种功能,不过没关系,我们可以自定义来实现 版本:jQuery easyUI 1.3.2 这里我的实现方式是采用HTML形式 ...
随机推荐
- 你必须了解的java内存管理机制(二)-内存分配
前言 在上一篇文章中,我们花了较大的篇幅去介绍了JVM的运行时数据区,并且重点介绍了栈区的结构及作用,相关内容请猛戳!在本文中,我们将主要介绍对象的创建过程及在堆中的分配方式. 相关链接(注:文章讲解 ...
- .Net Core表单验证
验证 attributes: Attributes Input Type [EmailAddress] type=”email” [Url] type=”url” [HiddenInput] type ...
- Hadoop文档 索引
Hadoop中文文档 http://hadoop.apache.org/docs/r1.0.4/cn/index.html Hadoop资料整理 http://www.itpub.net/thread ...
- MVC3 类型 System.Web.Mvc.ModelClientValidationRule 同时存在
用文本编辑器打开 工程名称 .csproj 找到 1. <Reference Include="System.Web.WebPages" /> 2. <Refe ...
- kubernetes-handbook 阅读笔记
文档地址 https://jimmysong.io/kubernetes-handbook/concepts/ Pod是在Kubernetes集群中运行部署应用或服务的最小单元,它是可以支持多容器的. ...
- 基于live555实现的跨平台高性能RTSPServer流媒体服务器EasyIPCamera
本文转自EasyDarwin团队成员kim的博客:http://blog.csdn.net/jinlong0603/article/details/52366412 简介 EasyIPCamera是由 ...
- Write Custom Java to Create LZO Files
https://cwiki.apache.org/confluence/display/Hive/LanguageManual+LZO LanguageManual LZO Skip to e ...
- 2014 ACM-ICPC Beijing Invitational Programming Contest
点击打开链接 Happy Reversal Time Limit: 1000ms Memory Limit: 65536KB 64-bit integer IO format: %lld J ...
- IE6 PNG图片不透明的解决方案-tinypng
https://tinypng.com/ 把图片上传上去,就能处理这个问题啦. 纠正一下 再也不用把png图片一个个拖到TinyPNG进行在线压缩(和熊猫哥哥说再见了):再不用把JPG/JPEG图片拖 ...
- office web apps的搭建部署(1)(写于2017.12.27)
因为业务方面的需求,项目要求搭建office-web-apps这个玩意儿,做一个在线预览编辑的功能,为了方便,我下面都用OWA代替这个服务. 首先说一下什么是office-web-apps-serve ...