如何在Ext.window中插入新的div

时间:2017-09-15 08:56:59

标签: javascript html css extjs sencha-cmd

我需要创建一个新的div,它将包装存在的ExtJS。我的目标是为这个新的div插入一个CSS属性(背景图像)。这是场景:

<!-- First div is ExtJS made-->
<div class="x-window">

    <!-- I want to create this one to wrap image inserted div below! -->
    <div class="newOne" style="text-align: center;">

        <!-- This div is ExtJS made as well! -->
        <div class="x-window-header" style="background-image: url('Icon.png');></div>

    </div>

</div>

我使用了ExtJS制作的上divx-window的名称,但它没有应用text-align: center;属性。我尝试在同一个x-window-header div元素中对齐,但它也没有应用!

创建非ExtJS制作div的方法是什么?

2 个答案:

答案 0 :(得分:2)

如果你想添加css,请使用 cls confid和giv类名。

如果你想在标题中添加图像,请执行以下操作: -

第一步: -

'cls':'className'

第二步: - 在您的css文件中

.className .x-window-header{
   background-image: url(...);
}

答案 1 :(得分:0)

您可以更改Ext.window.Window&#39; renderTpl&#39;属性。