extjs 日期不显示

821人阅读 评论(0) 收藏 举报
 Ext.onReady(function(){
           //初始化全局 QuickTips 实例  使得tip提示可用
            Ext.QuickTips.init();
           //别名
           var xg=Ext.grid;
           
           //创建一个ArrayReader
          var reader=new Ext.data.ArrayReader({},[
                   {name:"name",type:"string"},
                   {name:"age",type:"int"},
                   {name:"empno",type:"int"},
                   {name:"sex",type:"int"},
                  {name:"birthday",type:"date",dateFormat:"n/j h:ia"},
                   {name:"salary",type:"float"},
                   {name:"deptno",type:"int"},
                   {name:"desc",type:"string"}
                 ]);
           
           //创建一个RowExpander,行展开的时候的样式
             var expander=new Ext.ux.grid.RowExpander({
                tpl:new Ext.Template(
                 '<p><b>姓名:</b>{name}</p><br/>',
                 '<p><b>描述信息:</b>{desc}</p>'
                )              
             }); 
             
             
             //性别的ernderer
             function sexCls(val){
              return val==0? "male" : "female";
             }
             
             
           //创建一个grid
           var grid1=new xg.GridPanel({
             store:new Ext.data.Store({
              reader:reader,
              data:xg.dummyData//数据模型
             }),
             cm:new xg.ColumnModel({
              defaults:{
                width:20,
                sortable:true
              },
              columns:[
               expander,
               {header:"姓名",dataIndex:"name"},
               {header:"年龄",dataIndex:"age"},
               {id:"empno",header:"编号",width:40,dataIndex:"empno"},
               {header:"性别",dataIndex:"sex",renderer:sexCls},
               {header:"生日",dataIndex:"birthday",renderer:Ext.util.Format.dateRenderer("Y-m-d"),dataIndex:"birtdhay"},
               {header:"工资",dataIndex:"salary",dataIndex:"salary"},
               {header:"部门编号",dataIndex:"deptno"}
              ]
             }),
             viewConfig:{//作用在grid's UI试图上的配置项对象, 任何Ext.grid.GridView可用的配置选项都可在这里指定。若view已指定则此项无效
             forceFit:true
             },
            width:600,
            height:300,
            plugins:expander,
            collapsible:true,//True表示为面板是可收缩的
            animCollapse:false,//True 表示为面板闭合过程附有动画效果
            title:"雇员的信息",
            iconCls:"icon-grid", //为该面板设置图标的样式类。此方法会覆盖当前现有的图标
            renderTo:document.body //提供到窗体的body上
           });
  });    
        
        
             //数据
                 Ext.grid.dummyData=[
                ["张三00",12,1001,1,"1990-05-20",3000,50],
                ["张三01",16,1002,0,"1990-05-21",3000,20],
                ["张三02",19,1003,1,"1990-05-22",3000,20],
                ["张三03",25,1004,1,"1990-05-23",3000,10],
                ["张三04",22,1005,1,"1990-05-24",3000,30],
                ["张三05",24,1006,1,"1990-05-25",3000,20],
                ["张三06",23,1007,0,"1990-05-26",3000,60],
                ["张三07",21,1008,0,"1990-05-27",3000,90],
                ["张三08",25,1009,0,"1990-05-28",3000,10],
                ["张三09",28,1010,1,"1990-05-29",6000,20],
                ["张三20",26,1011,0,"1990-05-20",2000,50],
                ["张三21",29,1012,0,"1990-06-20",8000,40],
                ["张三22",22,1013,1,"1990-01-20",3000,50],
                ["张三23",28,1014,0,"1990-02-20",3000,60],
                ["张三24",21,1015,1,"1990-08-20",3000,50]
               ];
               
               
       // 添加描述信息
		for(var i = 0; i < Ext.grid.dummyData.length; i++){
		    Ext.grid.dummyData[i].push('这个是一个简单的演示的信息,测试描述信息的.');
		}

上面是我的代码:

注意我的日期的格式,

还有解析的格式

需要注意的是,你的格式是什么样子的,那么需要在解析的时候就以什么格式解析改:Y-m-d

]还有一个地方:

应该改成birthday和reader中的一致

1
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:936390次
    • 积分:12819
    • 等级:
    • 排名:第1060名
    • 原创:137篇
    • 转载:149篇
    • 译文:111篇
    • 评论:178条
    文章分类
    最新评论