`
yangchunzhi
  • 浏览: 23927 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

MyGridPanel

阅读更多
//============下面是MyGridPanel.jsp===============

Ext.onReady(function (){
  		var _checkboxs = new Ext.grid.CheckboxSelectionModel({});
  		var _rowNumber = new Ext.grid.RowNumberer();
  		var _columns = [_rowNumber , _checkboxs ,
  			{header:'id' , dataIndex:'id' , sortable:true , align:'center'},//sortable这个是设置允许排序
  			{header:'userName' , dataIndex:'userName' , sortable:true , align:'center'},
  			{header:'password' , dataIndex:'password' , sortable:true , align:'center'},
  			{header:'age' , dataIndex:'age' , sortable:true , align:'center'},
  			{header:'sex' , dataIndex:'sex' , sortable:true , align:'center'},
  			{header:'remark' , dataIndex:'remark' , sortable:true , align:'center'}
  		];
  		var config = {
  			sm:_checkboxs,
  			columns:_columns,
  			url:'<%=basePath%>/com.lxitedu.ibattis.action/queryUser'
  		}
  		
  		var myGridPanel = new MyGridPanel({},config);
         

//===========其实把gridpanel放在window窗口中会更好看===============
 var window = new Ext.Window({
  			title:'Window',
  			width:660,
  			height:300,
  			frame:true,
  			renderTo:Ext.getBody(),
  			items:[myGridPanel]
  		});
  		window.show();

 });
 //============下面是MyGridPanel.js,通用版的===============

	function MyGridPanel(view , config){
		Ext.apply(this , view);//继承Ext
		this.init(config);
		MyGridPanel.superclass.constructor.call(this,{//使用继承的关系把GridPanel的构造体给MyGridPanel
			height:200,
			//autoWidth:true,
			width:'450',
			id:'grid',
			renderTo:Ext.getBody()//把面板渲染到那个位置
		});
	}
	
	Ext.extend(MyGridPanel , Ext.grid.GridPanel,{//第一个参数是子类,第二个是要继承的父类,第三个是重写的一些属性
		init : function(config){//
			var tempArray = [];//一个用来存储数据的数组
			var element = config.columns;//拿到字段信息的头信息
			for(var i = 0 ; i < element.length ; i++ ){
				if(element[i].dataIndex != '' && element[i].dataIndex != null){
					tempArray.push({name:element[i].dataIndex});//把要显示的字段信息解析并封装成一个数组
				}
			}
			var store = new Ext.data.Store({
				url:config.url,//请求后台的路径
				method:'POST',//提交的方式
				baseParams:{limit:5 , start:0},//设置分页的个数
				reader:new Ext.data.JsonReader(
					{
						root:'result',//数据的结果集
						totalProperty:'totleCount'//数据的总数量
					},
					Ext.data.Record.create(tempArray)//通过传入的数组把数据遍历显示在页面
				),
				autoLoad:true //这个是设置框中内容是否显示默认为true
			});
			this.columns = config.columns;//字段信息
			this.sm =config.sm;//这个是checkbox的多选框
			this.store = store;//
			this.loadMask = true,//当页面没有加载完之前锁定页面
			//显示在窗口下面的分页按钮及信息
			this.bbar = new Ext.PagingToolbar({store:store,pageSize:5,displayInfo:true,displayMsg:'显示第{0}条到{1}条记录,一共{2}条'});
		}
	});
分享到:
评论

相关推荐

    EXT dojochina Ext方法重写.rar

    Ext.define('MyGridPanel', { extend: 'Ext.grid.Panel', initComponent: function() { this.callParent(); // 新的初始化逻辑 console.log('My custom grid panel initializing...'); } }); ``` 在进行...

    基于springboot+Javaweb的二手图书交易系统源码数据库文档.zip

    基于springboot+Javaweb的二手图书交易系统源码数据库文档.zip

    Linux课程设计.doc

    Linux课程设计.doc

    课程考试的概要介绍与分析

    课程考试资源描述 本资源是为应对各类课程考试而精心准备的综合性学习包。它包含了多门学科的考试指南、历年真题、模拟试题以及详细的答案解析。这些资源旨在帮助学生系统复习课程内容,理解考试要点,提高解题技巧,从而在考试中取得优异成绩。 资源中不仅包含了基础的考试资料,还特别加入了考试技巧讲解和备考策略分析。学生可以通过这些资源了解不同题型的解题方法和思路,学会如何在有限的时间内高效答题。此外,还有针对弱项科目和难点的专项训练,帮助学生攻克学习瓶颈。 为了确保资源的时效性和准确性,我们会定期更新考试资料和模拟试题,及时反映最新的考试动态和趋势。同时,也提供了在线交流平台,方便学生之间互相讨论、分享学习心得。 项目源码示例(简化版,Python) 以下是一个简单的Python脚本示例,用于生成包含选择题和答案的模拟试题: python import random # 定义选择题题库 questions = [ {"question": "Python的创始人是谁?", "options": ["A. 林纳斯·托瓦兹", "B. 巴纳姆", "C. 比尔·盖茨", "D.

    基于Django的食堂点餐系统

    基于 MySQL+Django 实现校园食堂点餐系统。 主要环境: PowerDesigner MySQL Workbench 8.0 CE Python 3.8 Django 3.2.8 BootStrap 3.3.7 Django-simpleui

    基于SpringBoot的同城宠物照看系统源码数据库文档.zip

    基于SpringBoot的同城宠物照看系统源码数据库文档.zip

    value_at_a_point.ipynb

    GEE训练教程

    基于springboot+Web的心理健康交流系统源码数据库文档.zip

    基于springboot+Web的心理健康交流系统源码数据库文档.zip

    kotlin 实践微信插件助手, 目前支持抢红包(支持微信最新版本 7.0.0及7.0.3).zip

    微信小程序 kotlin 实践微信插件助手, 目前支持抢红包(支持微信最新版本 7.0.0及7.0.3).zip

    N32G45X运放电路检测电压

    N32G45X运放电路检测电压

    梦幻西游道人20241121数据

    梦幻西游道人是梦幻西游里面的一个NPC,主要是刷全服最实惠的高级兽决和其他很好用的比较贵的东西,在长安城、傲来国、长寿村中的任意一个场景出现,一般会出现30分钟,不过东西一般都被秒刷。 梦幻西游道人出现时间解析如下: 1.梦幻西游道人出现时间一直都保持着一年出现两次的规律,即2、3月份的元宵节期间来一次,9月份的教师节期间出现一次。 2.云游道人每个整点(0:00至7:00不出现)会在长安城、傲来国、长寿村中的任意一个场景出现,每次出现后停留时间为30分钟。

    tables-3.7.0-cp38-cp38-win_amd64.whl

    tables-3.7.0-cp38-cp38-win_amd64.whl

    基于springboot旧物回收管理系统源码数据库文档.zip

    基于springboot旧物回收管理系统源码数据库文档.zip

    MariaDB集群部署手册word版最新版本

    MariaDB数据库管理系统是MySQL的一个分支,主要由开源社区在维护,采用GPL授权许可 MariaDB的目的是完全兼容MySQL,包括API和命令行,使之能轻松成为MySQL的代替品。在存储引擎方面,使用XtraDB(英语:XtraDB)来代替MySQL的InnoDB。 本文档介绍了MariaDB 10.1的集群部署,至少三台机器做成集群,每台可以同时提供读和写,感兴趣的小伙伴们可以参考一下

    JavaScript语言教程:基础语法、DOM操作、事件处理及新特性详解

    内容概要:本文档全面介绍了JavaScript作为一种轻量级的、解释型的语言及其在前端开发中的广泛应用。从JavaScript的基本概念出发,详尽讲解了基础语法(如变量、数据类型、运算符、流程控制)、函数和闭包、对象和原型、DOM操作(如获取、修改、添加和删除元素)、事件处理(如事件监听器、事件对象)、AJAX与Fetch API、ES6+的新特性(如箭头函数、模板字符串、解构赋值)以及前端框架和库(React、Vue、Angular)。除此之外,文章还涉及了代码优化技巧(如减少DOM操作、选择适当的算法和数据结构、使用工具提升代码性能),并对JavaScript的应用场景和发展趋势进行了展望。 适用人群:适用于初学者或具有少量编程经验的学习者,旨在帮助他们系统掌握JavaScript基础知识和前沿技术。 使用场景及目标:通过本教程的学习,读者不仅可以学会基本语法,还能理解并掌握高级概念和技术,如DOM操纵、事件处理机制、异步编程及最新的ECMAScript规范。这不仅有助于改善用户体验、增强网站互动性和响应速度,也能有效提升自身的编码水平和项目开发能力。 其他说明:此文档不仅涵盖了JavaScript的传统功能,还有现代前端技术和最佳实践指导,确保读者能够紧跟行业发展步伐,成为合格甚至优秀的Web开发人员。

    毕业设计&课设_安卓公交线路查询 app(含架构技术、数据格式及数据库相关说明).zip

    该资源内项目源码是个人的课程设计、毕业设计,代码都测试ok,都是运行成功后才上传资源,答辩评审平均分达到96分,放心下载使用! ## 项目备注 1、该资源内项目代码都经过严格测试运行成功才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可用于毕设、课设、作业等。 下载后请首先打开README.md文件(如有),仅供学习参考, 切勿用于商业用途。

    基于springboot高考志愿智能推荐系统源码数据库文档.zip

    基于springboot高考志愿智能推荐系统源码数据库文档.zip

    经典-FPGA时序约束教程

    经典-FPGA时序约束教程

    mcu交互实验整体文件

    mcu交互实验整体文件

    Collins COBUILD (CN).mdx

    Collins COBUILD (CN).mdx

Global site tag (gtag.js) - Google Analytics