1、首先定义对象:
Ext.define('log',{extend:'Ext.data.Model',fields:[{name: 'id',mapping:'id'}, {name: 'user'}, {name: 'type'},{name: 'time'},{name: 'describe'}]});
2、定义Store:
        var logStore=Ext.create('Ext.data.Store', {pageSize:rowNum,model:'log',//对象remoteSort:true,proxy: {type:'ajax',actionMethods:{read:'POST'},//提交方式。post和geturl: 'log.htm?show',extraParams:{//提交时传递的参数 startTime:"",endTime:""},
               reader: {totalProperty: 'totalRows',//分页数据,总条数root: 'data'//分页list},simpleSortMode :true},sorters:[{property:'id',//排序direction:"ASC"}]});
3、定义grid:
var logGrid =  Ext.create('Ext.grid.Panel',{columnLines: true,width: '100%',id: 'logGrid',bbar:  Ext.create('Ext.PagingToolbar', {//分页工具栏store: logStore,id: 'pagger',displayInfo: true,displayMsg: '显示第 {0} 条到 {1} 条记录,一共 {2} 条',emptyMsg: "没有数据"}),viewConfig: {stripeRows: true},tbar: [{}],columns:[//表头{xtype: 'rownumberer',text:'序号',width:35,align:'left'},{header: 'ID',width: 70,dataIndex: 'id',id: 'id',hidden: true,menuDisabled: true},{header: '类别',width: 200,dataIndex: 'type',id: 'type',menuDisabled: false},{header: '时间',width: 200,dataIndex: 'time',id: 'time',menuDisabled: true},{header: '操作人',width: 200,dataIndex: 'user',id: 'user',menuDisabled: true},{header: '描述',width: 200,dataIndex: 'describe',id: 'describe',menuDisabled: true}],forceFit : true,//列自动扩展宽度store: logStore,autoScroll: true,stripeRows: true});logStore.load({params:{start:1,limit:10}});//加载数据//logStore.loadPage(1);//这样也行

转载于:https://www.cnblogs.com/lslvxy/archive/2013/04/22/3035528.html

ExtJs4–表格--Grid相关推荐

  1. Extjs4:改变Grid单元格背景色(转载)

    转自:http://joyliu.org/blog/archives/167 在Extjs4的Grid中改变单元格背景颜色,最近项目中也有用到,所以还是做好实例,还是用之前的例子<Extjs4: ...

  2. 【宝信IPLAT4J.V6】表格Grid的标题行合并和列合并写法

    IPLAT4J.V6表格Grid的标题行合并和列合并写法 标题列合并 行合并 补充 2022/11/07补充 标题列合并 标题列合并在kendo UI中已经提供了对应的配置方法,其在IPLAT框架中的 ...

  3. 关于ExtJs4的Grid带 查询 参数 分页(baseParams--extraParams)

    (园里很多文章,美名其曰 :ExtJs GridPanel+查询条件+分页.  但是加查询条件后点击下一页,查询条件失效,求你们自己测试明白再显摆 不要误导我这种新人.) ExtJs6发布了,ExtJ ...

  4. html实现网格布局排版整齐的表格,Grid 宫格常用布局的实现

    两边无缝隙,每列之间有缝隙 width: 100%; display: grid; grid-template-columns: repeat(4,1fr); justify-items: stret ...

  5. Kendo-UI学习 数据表格grid属性说明(一)

    kendoUI-Grid属性说明: allowCopy: Boolean | Object 是否启用表格复制,该属性默认为false,标识禁用复制功能.设置为true时,可以使用鼠标选中需要的表格数据 ...

  6. miniui文件上传 linux,MINIUI grid学习笔记

    grid 控件 a.事件的绑定和移除 grid.on("rowclick", fn); //绑定事件 (这个的话类似jquery的绑定事件) grid.un("rowcl ...

  7. java 取pdf表格内容数据_Java 在PDF中添加表格

    本文将介绍通过Java编程在PDF文档中添加表格的方法.添加表格时,可设置表格边框.单元格对齐方式.单元格背景色.单元格合并.插入图片.设置行高.列宽.字体.字号等. 使用工具:Free Spire. ...

  8. ligerui 表格中设置单元格不可编辑,添加行,删除行

    一.需求:开发个表格grid用来显示维护线路段,出发地和目的地已经确定,需要维护中间路段 二.解析: 1.既然出发地和目的地已经确定,那么出发地和目的地是不可以编辑的,因为附带有其他字段是可以编辑的, ...

  9. 如何在30分钟完成表格增删改查的前后端框架搭建

    30分钟,你可以做什么? 可以风卷残云的饱餐一顿:可以简单地打扫一下房间:或者可以跳10十遍刘畊宏<本草纲目>毽子操. 而今天,本葡萄要带你在30分钟内完成一套拥有增删改查表格系统的前后端 ...

最新文章

  1. 多线程2(常用的方法:join、interrupt、currentThread、isAlive、setDaemon...)
  2. CVPR 2021 | 港大、牛津提出PAConv: 一种位置自适应卷积,点云分类、分割任务表现SOTA
  3. python中文什么意思-python中class是什么意思
  4. 动态规划—最小路径和
  5. java 编程工具_Java开发工具可以促进编程!
  6. mysql数据库sysdate_MySql数据库知识点复习
  7. Quartz调度源码分析
  8. Spring技术原理之Spring AOP
  9. 记录下返回list给前端 遇到 $ref:$.data.*** 问题
  10. 请教Parser Generator 开发工具中关于Lex和Yacc的问题
  11. for语句嵌套执行顺序_Python基础教程(四):循环语句
  12. 华锐研究:国际领先经营机构(投行)信息技术投入 | 数据发布
  13. python的常用标准库
  14. 拼多多批发是什么?常见的问题有哪些?
  15. 201912-3 化学方程式 的一种解法
  16. 【华为云会议开发指南】开发流程
  17. 【Swing】JTree:树组件
  18. web clip(mobileconfig)配置签名去掉未验证
  19. java字符串替换多个字符串_java 字符串替换函数replaceAll 一次同时替换多个字符串...
  20. 2023西安科技大学计算机考研信息汇总

热门文章

  1. JasperReport和jFreeReport的比较
  2. 在4k扇区的磁盘上执行dbca会报ORA-27047 错误
  3. 我们讲得比开复专业一点,是《奇葩大会》的李开复
  4. Android使用磁盘缓存DiskLruCache
  5. 打印html5中Canvas的方法
  6. android ListView包含Checkbox滑动时状态改变
  7. RESTful再理解
  8. 说说JSON和JSONP,也许你会豁然开朗
  9. ewebeditor下利用ckplayer增加html5 (mp4)全平台的支持
  10. Android px、dp、sp之间相互转换