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 Grid 是一个强大的数据展示组件,常用于在Web应用程序中展示结构化数据。在Ext Grid中,滚动条功能是至关重要的,特别是在处理大量数据时,它允许用户在不改变窗口大小的情况下浏览数据。本篇文章将深入探讨Ext ...
在EXT Grid中,导出数据到Excel是一种常见的需求,它允许用户方便地处理和分析大量数据。EXT Grid是一个强大的JavaScript组件,提供了丰富的功能,包括数据展示、排序、筛选和编辑等。导出到Excel功能则进一步增强了...
根据提供的文件信息,我们可以深入探讨如何在 Ext JS 中实现 Grid 的单元格合并功能。此案例主要涉及到了自定义 GridView 的 `renderHeaders` 方法来达到单元格合并的目的,并且还涉及了模板(Template)的使用、...
本例采用PHP,json, sqlite,来显示一个EXT3.0的Grid,需要PHP环境,可以用xampp集成包。 部署后访问http://localhost/ExtSample/employee.php
Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分...
在EXT JS 3.2.1版本中,Grid组件是一个非常强大的数据展示工具,它可以用于显示大量的结构化数据,并提供丰富的交互功能。标题"ext超酷的grid中放图片(ext3.2.1)"暗示了我们将探讨如何在EXT JS的Grid组件中嵌入和...
主要包括data,widget,form,gird,dd,menu,其中最强大的应该算gird了,编程思想是基于面对对象编程(oop),扩展性相当的好.可以自己写扩展.自己定义命名空间.web应用可能感觉太大.不过您可以根据需要按需加载您想要的类库...
根据网络上已有的导出代码,替换ext2.0中的函数和属性为ext5.0版本。 无选择项默认导出全表。 未考虑grid分页的情况。 默认设置导出文件名为grid中name属性+当天年月日。 没有研究出data uri协议导出excel文件时动态...
10. **响应式布局(Responsive Layout)**:在ExtJS 5.1中,你可以利用Ext.container.Viewport和Ext.resizer.Splitter等组件,实现Grid在不同屏幕尺寸下的自适应布局。 11. **主题(Theme)**:ExtJS提供多种视觉...
ext + mvc combox tree grid layout
extgrid 是一款jquery上的gird插件 界面风格采用了类似easyui extjs 界面风格样式 可通过css修改自己想要的样式 extgrid具有列大小 位置改变 排序 分组 分页 工具栏 扩展行 rowNumber 多选列 编辑列 行列锁 ajax...
第10章和第11章分别详细介绍了重构后的gird和与gird同源的树;第12~16章分别讲解了表单、窗口、按钮、菜单、工具条、图形、图表,以及其他组件和实用功能;第17~19章分别介绍了ext.direct、动画功能和拖放功能;第20...
主要包括data,widget,form,gird,dd,menu,其中最强大的应该算gird了,编程思想是基于面对对象编程(oop),扩展性相当的好.可以自己写扩展.自己定义命名空间.web应用可能感觉太大.不过您可以根据需要按需加载您想要的类库...
主要包括data,widget,form,gird,dd,menu,其中最强大的应该算gird了,编程思想是基于面对对象编程(oop),扩展性相当的好.可以自己写扩展.自己定义命名空间.web应用可能感觉太大.不过您可以根据需要按需加载您想要的类库...
在本资源中,我们关注的是"表格Ext js gird源代码",这涉及到Ext JS中的Grid Panel组件,它是展示和操作数据集的主要工具。 Grid Panel是Ext JS中的核心组件之一,用于显示结构化的数据,通常以表格的形式。它支持...
一个简单的ext java web项目 有gird form tree boder布局 如果有人觉的有用,会继续完善
ext是一个强大的js类库,以前是基于YAHOO-UI,现在已经完全独立了, 主要包括data,widget,form,gird,dd,menu,其中最强大的应该算gird了,编程思想是基于面对对象编程(oop),扩展性相当的好.可以自己写扩展.自己定义命名...
Ext.create('Ext.container.Viewport', { layout: 'fit', // 使用填充布局 items: [grid] }); }); ``` 以上就是ExtJS 2.0中实现动态加载Grid的完整过程。通过这种方式,你可以创建一个高效、用户友好的数据展示...
在本文中,我们将深入探讨由MFC(Microsoft Foundation Classes)编写的GIRD源码,以及在C++编程环境中如何利用这些源码实现基于对话框和Doc/View结构的应用。MFC是一个C++类库,它提供了对Windows API的封装,使得...
GT-GIRD是一款杰出的前端表格组件,专为构建高效、响应式的数据展示界面而设计。在Web开发领域,尤其是在处理大量数据的展示时,选择一款性能优异、功能强大的表格组件至关重要。GT-GIRD以其轻量级、快速以及免费的...