gpt4 book ai didi

javascript - 单击按钮时按钮对齐方式发生变化 - extjs

转载 作者:行者123 更新时间:2023-12-03 11:36:47 25 4
gpt4 key购买 nike

有 3 个 div,每个 div 中都有一个面板。最初,仅显示 2 个面板,另一个隐藏。单击其中一个面板中的“更新”后,这 2 个 div 将被隐藏,而第 3 个将被显示。
第三个面板中有一组按钮。下面是它的代码

buttons: [{
xtype: 'checkbox', id:'usapCheck', boxLabel: 'I Accept', allowBlank: false, margin: '1 1 4 230'
},{
buttonAlign: 'right',margin:'0 0 0 3.6',text: 'Save',width: '30',iconCls: 'save',
handler: function() {
//code to save form details
}
},{
buttonAlign: 'right',margin:'1 1 0 3.6',text: 'Clear',width: '30',iconCls: 'clear',
handler: function() {
//code to clear the fields
}
},{
buttonAlign: 'right',margin:'1 1 1 1.6',text: 'Back',width: '30',iconCls: 'back',
handler: function() {
//code to hide this div and show other divs.
}
}]

当我单击后退按钮时,第三个面板会隐藏,并在同一 js 中显示其他 2 个网格。但是,当我再次单击“更新”按钮以显示第三个面板时,这些按钮的对齐方式发生了变化。
因此,在隐藏和显示面板时,对齐方式会以一种奇怪的方式发生变化。
我完全迷失了,没有任何线索。有人可以帮我吗?

最佳答案

从我的头顶上下来:

您不应该在那里使用 buttonAlign: 'right' ,并且当您指定 时,您的 width 将使用 ExtJS 设置为所有按钮的字符串>width value as String 它的工作方式类似于CSS值,所以你必须选择:

width: 30 // 30 pixels
// or
width: '30px' // 30 pixels

纠正这个问题,你的按钮就不会再看起来困惑了。

关于javascript - 单击按钮时按钮对齐方式发生变化 - extjs,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26461856/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com