extjs4.2 怎么显示的时候把后边的0去掉?

从数据库里读出来的是date类型的,显示结果就变成这样了

解决思路:

    数据库里的字段类型查询出来的字段最好变成yyyy-MM-dd格式(服务器程序里查询出日期后处理为2015-01-01)。

    前台定义extjs的前台GridPanel的columns里边为你的这个显示列加上renderer函数格式化一下日期即可(renderer: function(value) {return value ? Ext.Date.dateFormat(value, "Y-m-d") : '';})。

    下边是代码,你自己参考对比两列看吧,第一列有renderer函数,第二列没有:

Ext.create('Ext.data.Store', {
    storeId:'simpsonsStore',
    fields:[
        {name: 'xuqiu', type: 'date', dateFormat: 'Y-m-d'}, 
        {name: 'sheji', type: 'date', dateFormat: 'Y-m-d'}
    ],
    data:{'items':[
        { 'xuqiu': '2015-12-31',  "sheji":"2015-05-15"  },
        { 'xuqiu': '2015-05-01',  "sheji":"2015-05-15" },
        { 'xuqiu': '2015-04-23', "sheji":"2015-04-14"  },
        { 'xuqiu': '2015-01-01', "sheji":"2015-05-18"  }
    ]},
    proxy: {
        type: 'memory',
        reader: {
            type: 'json',
            root: 'items'
        }
    }
});

Ext.create('Ext.grid.Panel', {
    title: 'For半世迷离xi日期格式显示问题',
    store: Ext.data.StoreManager.lookup('simpsonsStore'),
    columns: [
        { text: '需求',  dataIndex: 'xuqiu',width: 245, 
             renderer: function(value) {return value ? Ext.Date.dateFormat(value, "Y-m-d") : '';}},
        { text: '设计', dataIndex: 'sheji',width: 245}
    ],
    height: 200,
    width: 500,
    renderTo: Ext.getBody()
});

运行出来的效果:

希望能帮到你,还有建议多看看Extjs API。

追问

编辑之后离开就变成第一行的这个一长串的时间,怎么解决啊

温馨提示:内容为网友见解,仅供参考
第1个回答  2015-06-10
format一样就行追问

如果sql语句查出来是varchar,则显示的是红框里的,但是选择时间离开之后就变成这样的了

store设不设置成jo.put("type","date");jo.put("dateFormat","Y-m-d"); jo.put("renderer","Ext.util.Format.dateRenderer('Y-m-d')");

这样,结果选择离开之后就跟图片上显示的一样

本回答被提问者采纳

extjs4.2 怎么显示的时候把后边的0去掉?
前台定义extjs的前台GridPanel的columns里边为你的这个显示列加上renderer函数格式化一下日期即可(renderer: function(value) {return value ? Ext.Date.dateFormat(value, "Y-m-d") : '';})。下边是代码,你自己参考对比两列看吧,第一列有renderer函数,第二列没有:Ext.create('Ext.data.Store...

求助,extjs表格中最后的那列怎么去掉啊,效果在下面,求高手指点!!!_百...
我觉得这不是最后一列。。。只是说你所有的列就只有这么宽了,所以后面留白了 你可以在其中一列中定义如下属性 columns: [{ text: '列名',flex: 1,dataIndex: 'xxx'}]用flex来填充宽,就不会留白了 其中 flex也可以是小数,即 flex: 0.5 所有列的flex相加最好为1,即其宽的百分比 ...

Extjs 小于0的数前面0没有事为什么?
首先看你json串里的值,比如瞬时流量,是不是0.58 然后store加载这个字段,定义他是float var store = new Ext.data.ArrayStore({ fields: [ {name: '瞬时流量', type: 'float'}, ] }); 最后只要grid的列里面引用这个瞬时流量就可以了 如果不明白,可以看ext的demo,basic...

extjs 小数点前的0不显示
你先在控制台输出一下结果,看看数据穿过来时正不正确(看看是不是 0.5)。如果输出正确的话,就是你的store 里的 fields 定义错了。把你的store 代码晒出来看看。

在官网上下了个extjs4.2的文件,想把里面的例子单独拿出来,需要复制什么...
解压了放在tomcat下启动后,打开extjs-4.2.0\/index.html,可以选择api或者example,api中有各种属性和方法介绍以及简单的例子,其他的综合例子代码在extjs-4.2.0\/example下面

extjs4 如何用样式去除textfield的边框
.x-form-field-my{ border:0;border-bottom:1px solid #036;} { xtype: 'textfield',fieldLabel: '金额',itemId: "sumMoney",name: "sumMoney",selectOnFocus: true,value: '',fieldCls: 'x-form-field-my'}

extjs的Ext.MessageBox.prompt可以把那文本框变为密文显示吗
text : '取消', handler : function(){ win.hide(); } }] }); var win = new Ext.Window({ title:"密码", modal:true, width:250, height:115, collapsible:false, resizable:false, closeAction:'hide', items:[formPanel] }); win.show();}); 本回答由电脑网络分类达人 李孝忠推荐 举报| 答案...

为什么做的EXTJS中的buttons按钮总是显示到右边,我想让按钮到中间来,看...
panel上有这个参数:buttonAlign就是用来配置他放的位置的,'right', 'left' ,'center'三个参数可以选择,默认'right'如果想随便放什么地方,直接配置好像还不行。你可以通过配置button的style来微调button的位置 比如:buttons[{ text:'A'},{ text:'B',style : 'margin-left:100px'\/\/离左边一个...

请教EXTJS高手,如何用EXTJS写出这种漂亮的界面
还有一种是在显示组件上加cls,然后在css中自己实现.什么样的界面都可以实现,前提是需要了解extjs的css实现方式。这是css的例子 \/*按下按钮时颜色*\/ .mocoolka .mk-button.mk-option.x-btn-focus { background-color: #ddd !important;border: 0px solid transparent;} \/*移动到按钮上时的颜色...

Extjs4.0中 在 grid.Panel里添加复选框,但是如何可以取消那个可以全选的...
先根据类名把一组元素找出来,然后第一个元素就是那个你要去掉的复选框,对第一个元素设置样式就行了,代码如下。思路是这样的,我用的是Extjs6 \/\/把头部的复选框去掉 var check = grid.getEl().select('div.x-column-header-text-wrapper');check.elements[0].style.display = "none";...

相似回答