直接从时间控件中取到的数据(Ext.getCmp("beginTime").getValue())要显示到列表中,往往会出现格式不正确的情况(也就是Nov Tu...这种格式的),下面介绍怎么将时间数据格式化到自己想要到结果(2010-11-20)
1、在new Ext.data.JsonReader的时候,对于时间字段进行类型限制:
var funExt_reader_center = new Ext.data.JsonReader({
fields : [{
name : 'endTime',
mapping : 'endTime',
type : 'date',
dateFormat : "Y-m-d"
}]
});
2、在new Ext.grid.ColumnModel的时候,对于时间字段进行自定义格式化:
var funExt_cm_center = new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(),
{
id : "'endTime'",
header : "结束时间",
dataIndex : 'endTime',
width : 100,
sortable : true,
renderer : function(v, p, record, rowIndex, colIndex) {
if (v==null || v == "") {
v = "";
}else{
v = v.format('Y-m-d');
}
return v ;
}
}
]);
3、从控件中往grid中添加时间数据
//从时间控件中往grid中添加数据
function addFunExt(){
var endTimeValue=Ext.getCmp("endTime").getValue();
var ColValue = Ext.data.Record.create(// 数据对象
[{name : "endTime",mapping : "endTime",type : 'date'}]);
var initValue = {
endTime:endTimeValue
};
var colValue = new ColValue(initValue);
funExt_grid_center.getStore().add(colValue);// 往grid中增加一行数据
}
分享到:
相关推荐
在本文中,我们将深入探讨`ExtJS`框架中的两个关键组件——`Ext日期时间控件`和`Spinner控件`,以及它们在`Grid`中的应用。`ExtJS`是一款强大的JavaScript库,专用于构建富客户端应用程序,尤其适用于创建复杂的、...
在视频教程中,你可能会学习到如何设置和解析XML数据,将其绑定到EXT Grid中,使数据能够被用户查看和操作。 EXT控件的使用涉及到以下几个方面: 1. **创建Grid**:首先,你需要定义一个Grid面板,指定列的配置,...
在EXT6框架中,"YearField"或"Ext.YearField"是一种特定的输入控件,专为用户选择年份而设计。它不包含选择月份和日期的选项,仅仅让用户聚焦在选择一个特定的年份上,这在处理与年份相关的数据时非常有用,比如生日...
- 数据格式化:EXTgrid中的数据显示可能经过了格式化,如日期、货币等,导出时需要还原成Excel能识别的格式。 - 处理分页:如果EXTgrid是分页显示的,可能需要先获取所有页的数据再进行导出。 - 错误处理:在生成或...
在 Ext JS 框架中,有时需要将 Grid 控件的数据渲染到 ComboBox 中,这在实际应用中是非常实用且灵活的功能。下面将详细介绍如何利用 Ext JS 的 XTemplate 特性来实现这一需求。 #### 基本概念与原理 在 Ext JS 中...
- **CheckboxSelectionModel**: 允许用户在Grid中进行单选或多选操作。 - 示例代码: ```javascript var sm = new Ext.grid.CheckboxSelectionModel(); var cm = new Ext.grid.ColumnModel([ new Ext.grid....
它以其强大的组件化功能、丰富的UI控件和高效的性能而受到开发者青睐。本压缩包包含EXT3.2的核心源码、API文档以及一个名为"ExtTest"的示例项目,其中的grid例子演示了EXT3.2在数据展示和操作上的强大能力。 首先,...
在EXTJS中,Grid控件是用于展示大量结构化数据的关键组件,具有丰富的功能和高度可定制性。本文将深入讲解EXTJS Grid如何实现数据导出到Excel文件的功能。 首先,我们要明白EXTJS Grid的数据导出到Excel的过程通常...
- **填充数据**:遍历Grid中的列和行,将数据写入Excel的工作表中。 - **显示或保存文件**:调用`Visible = true`使Excel可见,或者使用`SaveAs`方法保存文件。 #### 1.3 示例代码 ```javascript function ...
ExtJS 5 Combogrid 控件是Sencha公司开发的ExtJS框架中的一款高级组件,主要用于在表单中实现下拉列表与表格的结合,提供更丰富的数据展示和选择功能。Combogrid控件结合了combobox(下拉框)和grid(数据网格)的...
1. **数据加载**:在Ext Grid中,数据通常通过Store进行加载。你可以配置Store的URL指向服务器端接口,实现异步数据加载。此外,还可以设置Store的proxy属性,定义数据获取的方式,如Ajax或Direct。 2. **定时器...
Grid列表通常用于展示大量结构化的数据,而导出功能可以帮助用户将这些数据保存到本地,方便进一步分析或共享。本文将深入探讨如何利用ExtJs的相关控件类来实现一个自定义的Grid列表导出功能,同时保持列表的样式。 ...
`Ext Grid`是一种数据网格控件,它可以用于显示大量结构化的数据,并且支持排序、筛选、分页等功能。在与后端数据库交互时,`Ext Grid`通常结合`Ajax`或者`Store`来实现数据的动态加载。 1. **配置`Ext Store`**:...
- **表单字段**:添加输入框、下拉列表等控件。 - **提交数据**:实现表单数据的提交功能。 #### 14. EXT 中的继承 - **继承概念**:理解 JavaScript 中的继承机制。 - **扩展组件**:通过继承现有组件来创建新...
首先,我们需要理解如何将XML数据绑定到Grid中。这通常涉及到以下几个步骤: 1. **解析XML**:使用JavaScript的DOM解析器或者jQuery的parseXML函数将XML字符串转换为DOM对象。 2. **创建Store**:在Ext JS中,...
在开发中,定制EXT Date控件可能是为了满足特定项目的需求,例如,自定义日期格式、添加特殊日期标记、实现复杂的日期范围验证,或者与其他EXT组件深度集成,提供更高级的数据过滤和排序功能。 "ext_date"标签则...
- 在创建过程中,会根据当前控件的配置项(如`minDate`、`maxDate`等)初始化日期时间选择器的各种属性。 - **onExpand()** - 当控件展开时触发此方法,用于设置日期时间选择器的初始值。 - 如果当前控件有已选中...
### EXT中文手册知识点总结 #### 1. EXT简介与安装 - **EXT**: 一种用于构建Web...以上知识点总结了EXT中文手册中的核心内容,覆盖了从安装到具体使用的各个方面,帮助开发者快速掌握EXT框架的基本用法和高级技巧。
在"mitchellsimoens-Ext.ux.touch.grid-a114ead"这个文件中,我们可以推测这是由Mitchell Simoens开发的一个Ext JS的扩展(UX component),可能是针对触摸设备优化的Grid控件。"ux"表示"User eXtensions",通常包含...