`
PrideSnow
  • 浏览: 240897 次
  • 性别: Icon_minigender_2
  • 来自: 武汉
社区版块
存档分类
最新评论

Ext时间在列表grid中的格式化方法(从控件中添加到grid中)

EXT 
阅读更多

直接从时间控件中取到的数据(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中增加一行数据

}

 

分享到:
评论

相关推荐

    Ext日期时间控件 Spinner控件 Ext代码 Extjs Grid

    在本文中,我们将深入探讨`ExtJS`框架中的两个关键组件——`Ext日期时间控件`和`Spinner控件`,以及它们在`Grid`中的应用。`ExtJS`是一款强大的JavaScript库,专用于构建富客户端应用程序,尤其适用于创建复杂的、...

    EXT 组件和控件的 视频教程

    在视频教程中,你可能会学习到如何设置和解析XML数据,将其绑定到EXT Grid中,使数据能够被用户查看和操作。 EXT控件的使用涉及到以下几个方面: 1. **创建Grid**:首先,你需要定义一个Grid面板,指定列的配置,...

    Ext Grid数据导出到Excel

    - **填充数据**:遍历Grid中的列和行,将数据写入Excel的工作表中。 - **显示或保存文件**:调用`Visible = true`使Excel可见,或者使用`SaveAs`方法保存文件。 #### 1.3 示例代码 ```javascript function ...

    EXTgrid导出excel

    - 数据格式化:EXTgrid中的数据显示可能经过了格式化,如日期、货币等,导出时需要还原成Excel能识别的格式。 - 处理分页:如果EXTgrid是分页显示的,可能需要先获取所有页的数据再进行导出。 - 错误处理:在生成或...

    Ext 将grid渲染到combox

    在 Ext JS 框架中,有时需要将 Grid 控件的数据渲染到 ComboBox 中,这在实际应用中是非常实用且灵活的功能。下面将详细介绍如何利用 Ext JS 的 XTemplate 特性来实现这一需求。 #### 基本概念与原理 在 Ext JS 中...

    Ext2.0框架的Grid使用介绍

    - **CheckboxSelectionModel**: 允许用户在Grid中进行单选或多选操作。 - 示例代码: ```javascript var sm = new Ext.grid.CheckboxSelectionModel(); var cm = new Ext.grid.ColumnModel([ new Ext.grid....

    Ext3.2源码、API、及Demo(grid例子)

    它以其强大的组件化功能、丰富的UI控件和高效的性能而受到开发者青睐。本压缩包包含EXT3.2的核心源码、API文档以及一个名为"ExtTest"的示例项目,其中的grid例子演示了EXT3.2在数据展示和操作上的强大能力。 首先,...

    extjs 5 combogrid控件

    ExtJS 5 Combogrid 控件是Sencha公司开发的ExtJS框架中的一款高级组件,主要用于在表单中实现下拉列表与表格的结合,提供更丰富的数据展示和选择功能。Combogrid控件结合了combobox(下拉框)和grid(数据网格)的...

    ext grid 基本功能的学习 另付js 对上周月季度的计算等

    1. **数据加载**:在Ext Grid中,数据通常通过Store进行加载。你可以配置Store的URL指向服务器端接口,实现异步数据加载。此外,还可以设置Store的proxy属性,定义数据获取的方式,如Ajax或Direct。 2. **定时器...

    ext6中年份选择控件亲测好用

    在EXT6框架中,"YearField"或"Ext.YearField"是一种特定的输入控件,专为用户选择年份而设计。它不包含选择月份和日期的选项,仅仅让用户聚焦在选择一个特定的年份上,这在处理与年份相关的数据时非常有用,比如生日...

    使用Ext显示数据库中内容

    `Ext Grid`是一种数据网格控件,它可以用于显示大量结构化的数据,并且支持排序、筛选、分页等功能。在与后端数据库交互时,`Ext Grid`通常结合`Ajax`或者`Store`来实现数据的动态加载。 1. **配置`Ext Store`**:...

    Ext2.2 中文手册

    - **表单字段**:添加输入框、下拉列表等控件。 - **提交数据**:实现表单数据的提交功能。 #### 14. EXT 中的继承 - **继承概念**:理解 JavaScript 中的继承机制。 - **扩展组件**:通过继承现有组件来创建新...

    Ext2.2-用XML做数据源,可编辑Grid的例子.rar

    首先,我们需要理解如何将XML数据绑定到Grid中。这通常涉及到以下几个步骤: 1. **解析XML**:使用JavaScript的DOM解析器或者jQuery的parseXML函数将XML字符串转换为DOM对象。 2. **创建Store**:在Ext JS中,...

    ext-date.rar_ext da_ext date

    在开发中,定制EXT Date控件可能是为了满足特定项目的需求,例如,自定义日期格式、添加特殊日期标记、实现复杂的日期范围验证,或者与其他EXT组件深度集成,提供更高级的数据过滤和排序功能。 "ext_date"标签则...

    doc格式 ext EXT 中文手册

    ### EXT中文手册知识点总结 #### 1. EXT简介与安装 - **EXT**: 一种用于构建Web...以上知识点总结了EXT中文手册中的核心内容,覆盖了从安装到具体使用的各个方面,帮助开发者快速掌握EXT框架的基本用法和高级技巧。

    ext分页查询ext分页查询ext分页查询ext分页查询ext分页查询

    8. **自定义列格式**:如果需要自定义列的显示方式,可以定义`renderer`函数,它会在数据渲染到网格之前被调用,允许对数据显示进行格式化。 9. **性能优化**:为了提高性能,通常会使用服务器端分页,而不是一次性...

    ExtJs6.5Grid列表导出(包含样式)

    Grid列表通常用于展示大量结构化的数据,而导出功能可以帮助用户将这些数据保存到本地,方便进一步分析或共享。本文将深入探讨如何利用ExtJs的相关控件类来实现一个自定义的Grid列表导出功能,同时保持列表的样式。 ...

    Ext中Ajax的应用

    在 Web 应用中,XML 是一种常用的结构化数据格式,特别是在早期的 Ajax 应用中。使用 `Ext.Ajax.request` 方法提交 XML 数据同样非常便捷。 - **基本步骤**: 1. 创建 XML 文档对象。 2. 使用 `Ext.Ajax.request`...

    表格Ext js源代码

    在"mitchellsimoens-Ext.ux.touch.grid-a114ead"这个文件中,我们可以推测这是由Mitchell Simoens开发的一个Ext JS的扩展(UX component),可能是针对触摸设备优化的Grid控件。"ux"表示"User eXtensions",通常包含...

    Ext-datatimefield日期与时间选择器.rar

    在本案例中,我们关注的是"Ext-datatimefield日期与时间选择器",这是一个用于选择日期和时间的控件,适用于需要精确到分钟甚至秒的操作场景。 "Ext-datatimefield"是Ext JS库中的一个组件,它结合了日期选择器...

Global site tag (gtag.js) - Google Analytics