Question

我在主视图的转盘第一项上有一个按钮。 Button由ButtonController管理，并打开Form。此表单具有工具：关闭，隐藏。当我单击关闭或隐藏表单后的工具后，例如关闭时，我会看到白色的假象。这看起来像Form标题的标记。

也许这可以通过琐碎的行动来消除？谢谢

UPD：一些代码。

控制器的一部分：

Ext.define('Foresto.view.main.ButtonController', {

extend: 'Ext.app.ViewController',

alias: 'controller.comenuform',
layout: 'vbox',

requires: [
           'Foresto.view.forms.1',
           'Foresto.view.forms.2',
           'Foresto.view.forms.3',
           'Foresto.view.forms.4'
           ],



views: ['Foresto.view.main.Main'],



cutForms: function () {
      Ext.create('Ext.panel.Panel', {

         layout: 'fit',
         renderTo: 'mainPart',

         autoshow: true,
         items: [{
            xtype: 'formsType4'
        }]

    })
    },

表格的一部分：

Ext.define('Foresto.view.forms.Formf', {
extend: 'Ext.form.Panel',
title: 'testApp',
header: {
    cls: 'header-cls',

},

tools: [
        {type: 'minimize',
            handler: function(){
                this.up("panel").hide();
            }},
        {type: 'save'},
        {type:'close',
            handler: function(){
                this.up("panel").close();                                       
            }},
        ],

xtype: 'formsType4',

url: 'save-form.php',

defaults: {
    xtype: 'selectfield',
    labelWrap: true,
    afterLabelTextTpl: [
        '<span style="color:red;font-weight:normal" data-qtip="Required">*</span>'
    ]
},

items: [{...

和主要代码：

Ext.define('Foresto.view.main.Main', {
extend: 'Ext.form.Panel',
id:'control-panel',
xtype: 'app-main',
controller:'comenuform',






requires: [
    'Foresto.view.map.Map',

    'Foresto.view.main.ButtonController',

],


padding: 0,
id:"bighBox",
header: {
    cls: 'header-cls',
    title : {
        cls : 'header-title-cls',
        text : 'MyApp'
    }
},
tools: [{
    type: 'menu',
    handler: function(me) {
        var cp = me.down('panel');
        if (cp._hidden)
            cp.show(true);
        else
            cp.hide(true);
    }
}],

items:[{
    xtype: 'carousel',
    id: "mainPart",
    flex: 1,
    defaults: {
        border: true,
        ui: 'light'
    },
    items: [{
        layout: {
            type: 'vbox',
            align: 'middle',
            pack: 'center'
        },

        cls: 'colorful2',
        defaults: {
            border: true,
            ui: 'light',
            flex: 1
        },

                items:[{

                    xtype:'button',
                    cls: 'button-cls',                  
                    text: 'buttonOfForm4',
                    id: "RenterId",

                    margin: 10,
                    width: 920,
                    height: 250,
                    length: 150,
                    handler: 'renterForms'
            ... (some other buttons, wich call forms too)..

折叠面板EXTJS后面对白色标记

0 个答案: