Ext Js 3.2 显示行号
2011-08-21 23:55
369 查看
1:代码
2:程序效果图
3:当删除表格的一行数据时需要注意
一定要重新刷新表格视图
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>显示行号和复选框</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <link rel="stylesheet" type="text/css" href="ext3.2/resources/css/ext-all.css"></link> <script type="text/javascript" src="ext3.2/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="ext3.2/ext-all.js"></script> <script type="text/javascript" src="ext3.2/src/local/ext-lang-zh_CN.js"></script> <script type="text/javascript"> Ext.onReady(function() { //定义ColumnModel var cum = new Ext.grid.ColumnModel([ new Ext.grid.RowNumberer(), {header: '客户ID', dataIndex: 'memid'}, {header: '客户姓名', dataIndex: 'memName'}, {header: '性别', dataIndex: 'sex'}, {header: '跟踪号', dataIndex: 'gcode'}, {header: '日期', dataIndex: 'kdtime'} ]); var cumdata = [ //定义数据 ['1', 'hello', '男', '1', '2010-05-22'], ['2', 'ASP', '女', '2', '2010-06-07'], ['3', 'JSP', '男', '3', '2011-05-05'], ['4', 'Java', '男', '5', '2011-07-05'], ['5', 'ExtJs', '男', '5', '2011-06-01'], ['6', '.Net', '女', '6', '2011-09-03'] ]; var store = new Ext.data.Store({ proxy: new Ext.data.MemoryProxy(cumdata), reader: new Ext.data.ArrayReader({}, [ {name: 'memid'}, {name: 'memName'}, {name: 'sex'}, {name: 'gcode'}, {name: 'kdtime'} ]) }); store.load(); var cumgrid = new Ext.grid.GridPanel({ renderTo: 'cumGrid', store: store, height: 200, width: 500, colModel: cum }); }); </script> </head> <body> <div id="cumGrid"> </div> </body> </html>
2:程序效果图
3:当删除表格的一行数据时需要注意
Ext.get('remove').on('click', function(){ store.remove(store.getAt(3)); //删除第四行数据 cumgrid.view.refresh(); //重新刷新表格视图 });
一定要重新刷新表格视图
相关文章推荐
- Visual studio 2008环境配置:C#显示代码行号、全屏显示
- 让DataGridView显示行号
- C# winfrom中 DataGridView中显示行号
- iOS中打印日志显示系统详细时间,类名,行号及打印值
- C# DataGridView 在最左边的列显示行号
- 如何在Centos下设置Vim的永久显示行号功能?
- kendo grid显示行号/序号列(二)
- Android Studio永久显示行数(行号)
- VC2010中显示行号
- 在linux中使用vi 打开文件时,能显示行号
- 小白们应该知道,在Eclipse当中怎样在编译页面当中显示行号.
- Visual Studio 2010显示代码行号
- FLEX实践—Datagrid保存列模板及自动显示行号
- latex 显示行号
- 漫步IOS--屏幕局部放大、常用的快捷键、XCode设置显示行号
- vs 不显示行号的操作方法
- EXTJS中的grid显示实际行号
- Python Ju 8cc3 pyter Notebook显示行号
- WinForm DataGridView 显示行号
- Eclipse 中 显示代码的行号