用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形式 ...
随机推荐
- Selenium学习(二)入门小例子
1)打开百度页面 2)输入“hello” 3)点击百度一下按钮 from selenium import webdriver url = "http://" + "www ...
- Python中十六进制和字符串的转换(转载)
调用Python内置int()函数把该字串转为数字.以下为在Python解释器编程环境下的操作示范: 把十六进制的字串转为十进制数字:Python代码>>> print int('f ...
- Python之Pandas库常用函数大全(含注释)
前言:本博文摘抄自中国慕课大学上的课程<Python数据分析与展示>,推荐刚入门的同学去学习,这是非常好的入门视频. 继续一个新的库,Pandas库.Pandas库围绕Series类型和D ...
- Python 008- 游戏2048
#-*- coding:utf-8 -*- import curses from random import randrange, choice # generate and place new ti ...
- ALTER USER USER() IDENTIFIED BY 'password';
[root@test mysql]# bin/mysqld 2018-08-04T14:09:33.831318Z 0 [Warning] [MY-011070] [Server] 'Disablin ...
- aop学习总结一------使用jdk动态代理简单实现aop功能
aop学习总结一------使用jdk动态代理实现aop功能 动态代理:不需要为目标对象编写静态代理类,通过第三方或jdk框架动态生成代理对象的字节码 Jdk动态代理(proxy):目标对象必须实现接 ...
- 虚拟机linux安装mysql
安装mysql时需要的全套安装包 mysql-5.1.73-3.el6_5.i686.rpm mysql-libs-5.1.73-3.el6_5.i686.rpm mysql-server-5.1.7 ...
- java 浮点数
package precisenumber; //import java.util.*;public class PreciseNumber { public int fore; public int ...
- object-c中的assign,retain,copy,atomic,nonatomic,readonly,readwrite以及strong,weak
assign:指定setter方法用简单的赋值,这是默认操作.你可以对标量类型(如int)使用这个属性.你可以想象一个float,它不是一个对象,所以它不能retain.copy.assign指定se ...
- LVS项目介绍
LVS项目介绍 章文嵩 (wensong@linux-vs.org) 转自LVS官方参考资料 2002 年 3 月 本文介绍了Linux服务器集群系统--LVS(Linux Virtual Serve ...