Extjs Form 设置初始值的时候确保reset正确值

最新推荐文章于 2022-01-04 13:39:30 发布

arthur.dy.lee

最新推荐文章于 2022-01-04 13:39:30 发布

阅读量4k

点赞数

CC 4.0 BY-SA版权

分类专栏： extjs4 文章标签： extjs3 ext3

本文链接：https://blog.youkuaiyun.com/paincupid/article/details/42774979

extjs4 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了在使用Ext.form.FromPanel时，如何为组件如combobox设置初始值，并防止在重置表单时丢失这些值的方法。通过在设置初始值后增加一句Ext.getCmp('组件ID').originalValue=value;，可以确保即使调用form.reset()，组件也能保持正确的初始值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有些时候Ext.form.FromPanel中的组件都写好了，但是初始化的时候需要给组件填写初始值，例如combobox，textarea等。

可以使用Ext.getCmp('combobox').setValue('value');来设置初始值。

但是这样设置初始值有个问题，就是如果form.reset();
设置初始值的combobox就会被清空，因为form最初被实例化的时候，combobox是没有值的。

此时在setValue后，增加一句话，即可保证reset到正确的值：
Ext.getCmp('combobox').originalValue = value;

------------------------------------

buttons : [ {
                    text : "查询",
                    scope : this,
                    iconCls : "btn-search",
                    handler :function() {
                        var f = Ext.getCmp("dalyTjsearchPanelForm1");
                        var s = Ext.Ajax.serializeForm(f.getForm().getEl());
                        var c = Ext.urlDecode(s);                          
                        var flexpage;
                        flexpage = document.getElementById("flexDalyTjSjPage");
                        var cond = "qvideoName,"+c.qvideoName+";qtype,"+c.qtype+";qcarriertype,"+c.qcarriertype
                        +";qincharge,"+c.qincharge+";qtakeposition,"+c.qtakeposition;
                        if(c.videoPieSearchFlag == "year"){
                           flexpage.callBackFlexDalyTjSj(cond+";qmakeDate,"+c.qmakeDateYear + ";qmakeEnd," + c.qmakeEndYear+"y");
                        }else{
                           flexpage.callBackFlexDalyTjSj(cond+";qmakeDate,"+c.qmakeDate + ";qmakeEnd," + c.qmakeEnd+"m");
                        }
                    }
                }, {
                    text : "重置",
                    scope : this,
                    iconCls : "btn-reset",
                    handler : function() {
                        Ext.getCmp('qvideoName2').setValue('');
                        Ext.getCmp('qtype2').setValue('');
                        Ext.getCmp('qcarriertype2').setValue('');
                        Ext.getCmp('qincharge2').setValue('');
                        Ext.getCmp('qtakeposition2').setValue('');
                        Ext.getCmp('qmakeDate').setValue('');
                        Ext.getCmp('qmakeEnd').setValue('');
                        Ext.getCmp('qmakeDateYear').setValue('');
                        Ext.getCmp('qmakeEndYear').setValue('');
                        var cond = "qvideoName,;qtype,;qcarriertype,;qincharge,;qtakeposition,"
                        var flexpage;
                        flexpage = document.getElementById("flexDalyTjSjPage");
                        flexpage.callBackFlexDalyTjSj(cond+";qmakeDate,;qmakeEnd,m");
                    }
                }]