如何禁用Ext JS面板和工具栏的边框线?

时间:2018-02-06 08:08:05

标签: javascript extjs border panel toolbar

我试图隐藏边界线,但不能成功!这是提到的screenshot边界线。

您会注意到'导出Excel'radiofield之间会出现一条垂直线。您将在下面找到一些包含这些元素的代码片段。我使用Toolbarpanel来创建这些项目。因此,为每个类尝试了几个配置,例如border: falseframe: falsebodyBorder: false,但是没有成功隐藏此行。

感谢您的建议。

return [
            {
                xtype: 'panel',
                scrollable: true,
                // border: false,
                // bodyBorder: false,
                // frame: false,
                layout: {type: 'hbox', align: 'middle', pack: 'start'},
                items: [
                    {
                        xtype: 'panel',
                        // border: false,
                        // bodyBorder: false,
                        items: me.listToolbar() //This is end of 'toolbar' class.
                    },
                    {
                        xtype: 'panel',
                        items: me.subModuleTb() //'radiofield' starts by here
                    }
                ]
            }
        ];

以下是名为ListToolbar的类:

Ext.define('MyApp.ListToolbar', {
    extend: 'Ext.toolbar.Toolbar',
    alias: 'widget.listtoolbar',

    requires: [],

    dock: 'top',
    //border: 0, //This is not disappear the line as well
    //cls: 'list-toolbar //Defined 'border' as zero on all.scss for this cls but did not worked as well!
    layout: {
        type: 'table',
        tdAttrs: { style: 'padding: 5px 10px;' }
    },
    defaults: {
        enableToggle: true
    },
    scope:this,
    items: [

1 个答案:

答案 0 :(得分:1)

您使用的是什么版本?我希望这个边框出现在工具栏中。 您可以在工具栏中使用" border":0属性。或者你可以通过添加" Cls"来控制CSS。属性。

@app.route("/", methods=['POST'])
def getData():
  f = request.form.to_dict();
  print f
  req = f['req'];
  print req
  longURL = f['data'];
  print longURL
  print product

  shortURL = '4Fi92v';

  return json.dumps({'status':'OK','shortURL':shortURL});