如何在 extjs 中使文本字段坚持其标签?

发布于 2024-10-19 20:09:59 字数 100 浏览 1 评论 0原文

你好 我有一个大窗口,其中有一个表单和一些文本字段。默认情况下,标签左对齐,输入框居中对齐。有没有办法将输入框粘贴到左侧的标签上? 有没有关于如何在 extjs 上使用 css 的教程?

hi
i have a big windows with a form in it and some text fields.by default labels are aligned to the left and their input boxes are aligned to center. Is there a way to stick input boxes to their labels in left?
Is there any tutorial on how to work with css on extjs?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

梓梦 2024-10-26 20:09:59

使用:

labelAlign : 'right'

in your form config.
for example:

var form = new Ext.form.FormPanel({
    height : 200,
    width  : 250,
    labelAlign : 'right'
    labelWidth : 80, //because my fieldlabel is short enough
    items      : [{
        fieldLabel : 'Name',
        ....
    }, ....]
})

Use:

labelAlign : 'right'

in your form config.
for example:

var form = new Ext.form.FormPanel({
    height : 200,
    width  : 250,
    labelAlign : 'right'
    labelWidth : 80, //because my fieldlabel is short enough
    items      : [{
        fieldLabel : 'Name',
        ....
    }, ....]
})
荒芜了季节 2024-10-26 20:09:59

关于您关于 CSS 的问题:您将无法使用 FormLayout 重新定位容器中包含的组件,除非您在整个地方使用 !important

这是因为布局在渲染时设置了子组件的 dom style 属性。

Concerning your question on CSS: You won't be able to reposition Components contained in a Container with a FormLayout, unless you use !important all over the place.

This is because the layout sets the child components' dom style properties at render time.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文