ExtJS在FormPanel中添加FormPanel时IE提示"未知的运行时错误"

2025-01-07 07:57:23
推荐回答(2个)
回答1:


 
  
  
  
  
 
     
 Ext.onReady(function() {
  var windowWidth = 1000;
  var windowHeight = 500;
 
  var sm_timesendPanel = new Ext.form.FormPanel( {
   layout : "absolute",
   items : [{
    x : 10,
    y : 15,
    xtype : "label",
    text : "请选择发送时间:"
   }, {
    id : 'sm_time',
    x : 110,
    y : 10,
    xtype : 'datefield',
    disabled : true,
    format : 'H:i'
   }, {
    x : 210,
    y : 11,
    xtype : "checkbox",
    id : "sm_isTiming",
    name : "timing",
    boxLabel : "启用",
    inputValue : "timing",
    listeners : {
     check : function(t, value) {
      if (value) {
       Ext.getCmp('sm_time').setValue(new Date());
       Ext.getCmp('sm_time').enable();
      } else {
       Ext.getCmp('sm_time').disable();
      }
     }
    }
   }, {
    xtype : "button",
    x : 140,
    y : 40,
    width : 60,
    text : " 确  定 ",
    handler : function() {
     var val = Ext.getCmp('sm_time').validate();
     if (!val) {
      Ext.MessageBox.alert("注意", "输入的时间格式不正确!");
      return;
     }
     sm_timesendWin.hide();
    }
   }]
  });
 
  var tabPanel = new Ext.TabPanel( {
   activeTab : 0,
   resizeTabs : true,
   items : [
    new Ext.Panel({
     title:"abc1",
     layout : 'fit',
     frame : true,
     items : [sm_timesendPanel] 
    }),{
     xtype:"form",
     title:"abc2",
     frame : true,
     items:[{
      xtype:'textfield',
      width:40
     }]
   }]
  })
 
  var emPanel = new Ext.Panel( {
   width : windowWidth - 15,
   height : windowHeight - 60,
   border : true,
   layout : 'fit',
   items : [tabPanel]
  });
 
  var windowWidth = window.screen.availWidth;
  var style = 'margin-top:150px;margin-left:150px;';
  var el = Ext.get('auto-center').applyStyles(style);
  emPanel.render(el);
 
 });
 
 
 
 

 

 

 

 

我用之前给别人做的例子,简单改了一下。层级嵌套,最好使用panel,别用formpanel,fomepanel在你要画表单(input,button这类)时在用,为了嵌套的话,外围就用panel,tabpanel,window,Viewport这类的。另外,要注意布局的使用,默认是form布局。

我给你的代码中,用了一个new的方式,用了一个xtype的方式,两者都可以。

回答2:

因为 ExtJS 是 给予 HTML5、 CSS3 标准,所以某些功能在某些浏览器不支持。

换 4.2的吧。。

相关问答