`
gyl868
  • 浏览: 170921 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ext form gird 同行局部

    博客分类:
  • EXT
EXT 
阅读更多
	Ext.onReady(function() {
		var persnRuleStore = new Ext.data.Store({
					proxy : new Ext.data.HttpProxy({
								url : 'personRule!findPerson.action?personId=2'
							}),
					reader : new Ext.data.JsonReader({
						root : 'list'
						}, [{
								name : 'id'
							}, {
								name : 'runTime',
								type : 'date',
								dateFormat : 'Y-m-d\\TH:i:s'
							}, {
								name : 'accordTo'

							}, {
								name : 'retirePayType'
							}, {
								name : 'addPay'
							}])
				});
		var personRuleColModel = new Ext.grid.ColumnModel([
				new Ext.grid.RowNumberer(), {
					header : '序号',
					sortable : true,
					locked : true,
					dataIndex : 'id'
				}, {
					header : '执行时间',

					sortable : true,
					locked : false,
					renderer : Ext.util.Format.dateRenderer('Y-m-d'),
					dataIndex : 'runTime'
				}, {
					header : '执行文件依据',
					sortable : true,
					locked : false,
					dataIndex : 'accordTo'
				}, {
					header : '离退休费类型',
					sortable : true,
					locked : false,
					dataIndex : 'retirePayType'
				}, {
					header : '增加标准',
					sortable : true,
					locked : false,
					dataIndex : 'addPay'
				}
		]);

		var persnRuleGrid = new Ext.grid.GridPanel({
					title : '离退休费增加历史',
					loadMask : true,
					height : 173,
					store : persnRuleStore,
					cm : personRuleColModel,
					sm : new Ext.grid.RowSelectionModel({
								singleSelect : true
							}),
					bbar : new Ext.PagingToolbar({
								pageSize : 10,
								store : persnRuleStore,
								displayInfo : true
							})
				});

		var addPersonRuleForm = new Ext.FormPanel({
			title : 'Inner Tabs222',
			frame : true,
			defaultType : "textfield",
			defaults : {
				width : 100
			},
			items : [{
						xtype : 'hidden',
						name : 'id',
						value : 0
					}, {
						xtype : 'datefield',
						fieldLabel : "执行时间",
						name : 'runTime',
						format : 'Y-m-d',
						allowBlank : false
					}, {
						fieldLabel : "执行文件依据",
						name : "accordTo",
						allowBlank : false
					}, {
						fieldLabel : "离退休费类型",
						name : "retirePayType",
						allowBlank : false
					}, {
						xtype : 'numberfield',
						fieldLabel : '增加标准',
						name : 'retirePayType',
						value : 0.00,
						allowBlank : false
					}],
			buttonAlign : 'center',
			buttons : [{
				text : '提交',
				type : "submit",
				handler : function() {}
			}, {
				text : '清空',
				handler : function() {
					addPersonRuleForm.form.reset();
				}
			}, {
				text : '删除',
				handler : function() {}
			}]
		});


		var southPanel = new Ext.Panel({
					//frame : true,
					//autoHeight : true,
					width : 1000,
								items : [{// 第1行
									layout : 'column',
									items : [{
												columnWidth : .7,
												items : persnRuleGrid
											}, {
												columnWidth : .3,
												items : addPersonRuleForm
											}]
						}],
					renderTo : Ext.getBody()
				});

	})



分享到:
评论

相关推荐

    ext Gird 有滚动条功能

    Ext Grid 是一个强大的数据展示组件,常用于在Web应用程序中展示结构化数据。在Ext Grid中,滚动条功能是至关重要的,特别是在处理大量数据时,它允许用户在不改变窗口大小的情况下浏览数据。本篇文章将深入探讨Ext ...

    ext grid 导出excel 代码实例

    在EXT Grid中,导出数据到Excel是一种常见的需求,它允许用户方便地处理和分析大量数据。EXT Grid是一个强大的JavaScript组件,提供了丰富的功能,包括数据展示、排序、筛选和编辑等。导出到Excel功能则进一步增强了...

    Ext grid合并单元格

    根据提供的文件信息,我们可以深入探讨如何在 Ext JS 中实现 Grid 的单元格合并功能。此案例主要涉及到了自定义 GridView 的 `renderHeaders` 方法来达到单元格合并的目的,并且还涉及了模板(Template)的使用、...

    EXT JSON Grid示例

    本例采用PHP,json, sqlite,来显示一个EXT3.0的Grid,需要PHP环境,可以用xampp集成包。 部署后访问http://localhost/ExtSample/employee.php

    Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。

    Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分...

    ext超酷的grid中放图片(ext3.2.1)

    在EXT JS 3.2.1版本中,Grid组件是一个非常强大的数据展示工具,它可以用于显示大量的结构化数据,并提供丰富的交互功能。标题"ext超酷的grid中放图片(ext3.2.1)"暗示了我们将探讨如何在EXT JS的Grid组件中嵌入和...

    ext js 2.2

    主要包括data,widget,form,gird,dd,menu,其中最强大的应该算gird了,编程思想是基于面对对象编程(oop),扩展性相当的好.可以自己写扩展.自己定义命名空间.web应用可能感觉太大.不过您可以根据需要按需加载您想要的类库...

    ext5.0中将grid导出excel文件

    根据网络上已有的导出代码,替换ext2.0中的函数和属性为ext5.0版本。 无选择项默认导出全表。 未考虑grid分页的情况。 默认设置导出文件名为grid中name属性+当天年月日。 没有研究出data uri协议导出excel文件时动态...

    ExtGridDemo

    10. **响应式布局(Responsive Layout)**:在ExtJS 5.1中,你可以利用Ext.container.Viewport和Ext.resizer.Splitter等组件,实现Grid在不同屏幕尺寸下的自适应布局。 11. **主题(Theme)**:ExtJS提供多种视觉...

    Ext+MVC(combox,tree,gird,layout)

    ext + mvc combox tree grid layout

    jq-extgrid v1.2 表格插件

    extgrid 是一款jquery上的gird插件 界面风格采用了类似easyui extjs 界面风格样式 可通过css修改自己想要的样式 extgrid具有列大小 位置改变 排序 分组 分页 工具栏 扩展行 rowNumber 多选列 编辑列 行列锁 ajax...

    Ext JS权威指南

    第10章和第11章分别详细介绍了重构后的gird和与gird同源的树;第12~16章分别讲解了表单、窗口、按钮、菜单、工具条、图形、图表,以及其他组件和实用功能;第17~19章分别介绍了ext.direct、动画功能和拖放功能;第20...

    Ext2.0 javascript类库.rar

    主要包括data,widget,form,gird,dd,menu,其中最强大的应该算gird了,编程思想是基于面对对象编程(oop),扩展性相当的好.可以自己写扩展.自己定义命名空间.web应用可能感觉太大.不过您可以根据需要按需加载您想要的类库...

    ext-3.0-rc3

    主要包括data,widget,form,gird,dd,menu,其中最强大的应该算gird了,编程思想是基于面对对象编程(oop),扩展性相当的好.可以自己写扩展.自己定义命名空间.web应用可能感觉太大.不过您可以根据需要按需加载您想要的类库...

    表格Ext js源代码

    在本资源中,我们关注的是"表格Ext js gird源代码",这涉及到Ext JS中的Grid Panel组件,它是展示和操作数据集的主要工具。 Grid Panel是Ext JS中的核心组件之一,用于显示结构化的数据,通常以表格的形式。它支持...

    ext js2.0 json java web 项目例子

    一个简单的ext java web项目 有gird form tree boder布局 如果有人觉的有用,会继续完善

    ext-3.4.0 最新版

    ext是一个强大的js类库,以前是基于YAHOO-UI,现在已经完全独立了, 主要包括data,widget,form,gird,dd,menu,其中最强大的应该算gird了,编程思想是基于面对对象编程(oop),扩展性相当的好.可以自己写扩展.自己定义命名...

    Extjs2.0动态加载gird的例子

    Ext.create('Ext.container.Viewport', { layout: 'fit', // 使用填充布局 items: [grid] }); }); ``` 以上就是ExtJS 2.0中实现动态加载Grid的完整过程。通过这种方式,你可以创建一个高效、用户友好的数据展示...

    Gird.zip mfc 写的GIRD 源码

    在本文中,我们将深入探讨由MFC(Microsoft Foundation Classes)编写的GIRD源码,以及在C++编程环境中如何利用这些源码实现基于对话框和Doc/View结构的应用。MFC是一个C++类库,它提供了对Windows API的封装,使得...

    GT-GIRD,一个很优秀的GIRD前台组件

    GT-GIRD是一款杰出的前端表格组件,专为构建高效、响应式的数据展示界面而设计。在Web开发领域,尤其是在处理大量数据的展示时,选择一款性能优异、功能强大的表格组件至关重要。GT-GIRD以其轻量级、快速以及免费的...

Global site tag (gtag.js) - Google Analytics