<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<title>03.grid</title>
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
var cm = new Ext.grid.ColumnModel([
{header:'编号',dataIndex:'id'},
{header:'名称',dataIndex:'name'},
{header:'描述',dataIndex:'descn'},
{
header:'日期',dataIndex:'date',
//renderer: Ext.util.Format.dateRenderer('Y-m-d')
renderer: Ext.util.Format.dateRenderer('Y年m月d日')
}
]);
var data = [
['1','name1','descn1','1970-01-15T02:58:04'],
['2','name2','descn2','1970-01-15T02:58:04'],
['3','name3','descn3','1970-01-15T02:58:04'],
['4','name4','descn4','1970-01-15T02:58:04'],
['5','name5','descn5','1970-01-15T02:58:04']
];
var store = new Ext.data.Store({
proxy: new Ext.data.MemoryProxy(data),
reader: new Ext.data.ArrayReader({}, [
{name: 'id'},
{name: 'name'},
{name: 'descn'},
{name: 'date',
//这个去掉似乎也没问题
type:'date',dateFormat: 'Y-m-dTH:i:s'
}
])
});
store.load();
var grid = new Ext.grid.GridPanel({
autoHeight: true,
renderTo: 'grid',
store: store,
cm: cm
});
});
</script>
</head>
<body>
<script type="text/javascript" src="../shared/examples.js"></script>
<div id="grid"></div>
</body>
</html>
ext 文档中的
colModel: new Ext.grid.ColumnModel({
defaults: {
width: 120,
sortable: true
},
columns: [
{id: 'company', header: 'Company', width: 200, sortable: true, dataIndex: 'company'},
{header: 'Price', renderer: Ext.util.Format.usMoney, dataIndex: 'price'},
{header: 'Change', dataIndex: 'change'},
{header: '% Change', dataIndex: 'pctChange'},
// instead of specifying renderer: Ext.util.Format.dateRenderer('m/d/Y') use xtype
{
header: 'Last Updated', width: 135, dataIndex: 'lastChange',
xtype: 'datecolumn', format: 'M d, Y'
}
],
}),
相关推荐
Ext JS是一个强大的JavaScript库，用于构建富客户端应用程序，而My97 DatePicker是一款广受欢迎的JavaScript日期选择器，因其自定义功能丰富、兼容性好而被广泛应用。 首先，让我们深入了解一下这两个关键组件： 1...
EXT JS 4 版本在日期控件方面提供了丰富的功能，使得开发者可以方便地处理日期和时间输入。在这个特定的资源中，我们关注的是一个集成时间选择的日期控件，这在需要精确到时、分、秒的场景下非常有用。 EXT JS 4 的...
在EXT JS这个强大的JavaScript框架中，日期控件是常见的组件之一，用于用户输入或选择日期。然而，标准的EXT JS日期字段（DateTimeField）默认仅支持日和月的选择，不包含时间部分，即小时、分钟和秒。为了解决这个...
这个"EXT 4.0 日期选择控件 时分秒 中文版"显然是一个经过本地化处理的版本，支持中文显示，并且在选择日期的同时还能选择具体的时间，精确到时、分、秒。 日期选择控件在Web应用中非常常见，用于用户输入或选择...
Ext JS 是一款基于 JavaScript 的前端框架，它提供了丰富的 UI 组件库以及强大的数据处理能力。通过使用 Ext JS，开发者可以快速构建复杂的企业级 Web 应用程序。 #### 三、Excel导出原理 在前端实现Excel导出通常...
除了主要的UI组件，Ext JS 6 还包含许多辅助工具和实用函数，如Ajax请求、DOM操作、时间日期处理等。书中会讲解如何有效利用这些工具提升开发效率。 **8. 应用程序结构和工作流** 理解如何组织大型应用程序的结构...
4. 处理用户的选择，通过监听控件的事件（如`select`事件）来获取选定的时间或日期。 总之，EXTJS 5的时间日期选择控件提供了强大的功能，不仅支持精确到秒的选取，还具备良好的可定制性和用户体验。开发者可以通过...
3. 实用工具（Utils）：提供了数据格式化、JSON操作、日期处理、数组管理、Ajax请求、Cookie管理和CSS管理等实用功能，简化了开发工作。 EXT 2.0版本对框架进行了重构，引入了组件体系，使得组件之间的关系更加清晰...
EXT是Sencha公司开发的一个JavaScript库，主要用于构建富客户端Web应用程序。在EXT中，日期时间控件（DateTimeField）是一个非常实用的组件，允许用户选择日期和时间，从而提高用户体验和数据输入的准确性。EXT提供...
还有许多其他工具类，如`Ext.util.Format`，提供了一系列实用的格式化函数，用于日期、数字、颜色等的处理。 压缩包内的"Ext_2.2_API(chinese).CHM"文件是一种Windows帮助文档格式，便于离线查看和搜索。它包含了一...
而`dateTimeField_s.js`则是该控件的JavaScript源代码或压缩版，包含了实现该功能的逻辑，包括事件处理、渲染和验证等功能。 在实际开发中，使用EXT下拉日期时间控件的步骤通常包括以下几点： 1. 引入EXT库和`...
EXT日期格式是一种在编程和数据处理中常用的日期和时间表示方式。它允许开发者精确地定义日期和时间的显示格式，从而提高代码的可读性和一致性。EXT日期格式使用各种字符来代表日期和时间的不同部分，以下是一些主要...
将这些技术结合在一起，开发者可以构建一个功能强大的Web应用，该应用具有EXT3.0提供的丰富UI组件，利用Highcharts进行数据可视化，使用EXT的时间日期控件进行日期选择，通过jQuery简化DOM操作和事件处理，同时利用...
这个文件集成了Ext JS的所有核心组件，如表格、面板、窗口、菜单等，以及事件处理、布局管理、数据绑定等功能。在开发过程中，如果你需要使用到Ext JS的全部功能，通常会引入这个文件。 `ext-base.js`是Ext JS的...
本压缩包"Ext6时间日期整合.zip"专注于ExtJS6中的时间日期处理，特别是DateTimePicker和DateTimeField组件的使用，这对于创建具有用户友好的日期和时间选择功能的界面至关重要。 DateTimePicker和DateTimeField是...
标题 "Ext2的日期组件只选择年月" 暗示了我们正在讨论一个特定的JavaScript库，可能是ExtJS的旧版本（版本2），其中的一个日期选择组件。这个组件允许用户仅选择年份和月份，而不是完整的日期。ExtJS是一个流行的富...
Ext JS是一个强大的JavaScript组件库，它提供了一系列丰富的UI控件，包括日期选择器。然而，在Ext2.0版本中，标准的日期选择器（DatePicker）默认提供了完整的年、月、日选择功能，可能并不满足只需要选择月份的特定...
在学习Ext JS时，重要的是要了解其组件模型、数据管理、事件处理以及与后端服务的交互方式。 其次，描述部分提到这是一本由外国专家编写的教程，并且是网友分享的PDF格式电子书。这说明了该资源的来源和获取方式。...
EXT日期时间控件2是一款基于EXT JavaScript库的高级UI组件，专为网页应用设计，用于提供用户友好的日期和时间选择功能。EXT是一个强大的前端框架，由Sencha公司开发，广泛应用于构建富互联网应用程序（RIA）。EXT的...
Ext Js 是一个强大的JavaScript库，专门用于构建富客户端应用程序。版本2.02是该库的一个重要里程碑，它提供了一系列先进的组件和功能，使得开发者能够创建功能丰富的、交互性强的Web应用。这篇文档将深入探讨Ext Js...