gpt4 book ai didi

java - GWT 面板类型的问题

转载 作者:行者123 更新时间:2023-12-01 16:01:34 26 4
gpt4 key购买 nike

预先感谢您的帮助。

我目前正在尝试为 GWT 应用程序创建一个符合 w3c 标准的 HTML/CSS 界面,这很大程度上取决于在正确的位置使用正确类型的面板,而不是使用写出表格的嵌套水平和垂直面板在用户界面中。

我是 GWT 的新手,无法弄清楚为什么替换下面代码中的顶部垂直面板会导致应用程序停止工作。任何 UI 编码资源、任何类型的建议都将非常感激。

<g:VerticalPanel>
<g:FormPanel ui:field="loginFormPanel" action="/cms/j_acegi_security_check.rpc" >
<g:HTMLPanel>

<g:Label ui:field="signinLabel" styleName="{style.signinStyle}">
<ui:msg key="signInText">Welcome to Perform CMS</ui:msg>
</g:Label>



<g:Label ui:field="emailLabel" styleName="{style.loginFontStyle}">
<ui:msg key="emailAddress">Email adress</ui:msg>
address
</g:Label>

<g:TextBox ui:field="email" name="j_username" styleName="{style.loginTextBoxStyle}"/>

<g:Label styleName="{style.fontStyle}" ui:field="usernameError"/>

<g:Label ui:field="passwordLabel" styleName="{style.loginFontStyle}">
<ui:msg key="password">Password</ui:msg>
</g:Label>

<g:PasswordTextBox ui:field="password" name="j_password" styleName="{style.loginTextBoxStyle}"/>

<g:Label styleName="{style.fontStyle}" ui:field="passwordError"/>


<g:HTMLPanel ui:field="submitPanel">
<g:HTMLPanel ui:field="submitButtonPanel" styleName="{style.buttonPanelStyle}">
<g:Image url="/cms/images/new_button_search_left.png" styleName="{style.image}"></g:Image>
<g:Label ui:field="signIn" styleName="{style.submitLabelStyle}">
<ui:msg key="signIn">Sign in</ui:msg>
</g:Label>
<g:SubmitButton styleName="{style.hide}">Submit</g:SubmitButton>
<g:Image url="/cms/images/new_button_search_right.png" styleName="{style.image}"></g:Image>
</g:HTMLPanel>
</g:HTMLPanel>


<g:HTMLPanel ui:field="submitErrorsPanel" styleName="{style.submitErrorPanel}">

<g:Label styleName="{style.fontStyle}" ui:field="submitErrorMessages"/>
</g:HTMLPanel>


</g:HTMLPanel>
</g:FormPanel>
<g:HTMLPanel ui:field="loginSuccessPanel" styleName="{style.hide}">
<g:Label styleName="{style.fontStyle}" ui:field="loginSuccessMessageLabel"/>
</g:HTMLPanel>
</g:VerticalPanel>

最佳答案

您没有说明您的应用程序如何停止工作,但 GWT 编译器会为项目的 gwt.xml 中指定的每个用户代理生成不同的 JS。默认情况下,您的程序可能有 5 或 6 个不同版本,正确的版本是在运行时决定的。这些版本的存在是因为浏览器中不存在 W3C 合规性。一种浏览器可能比其他浏览器更接近,但所有浏览器都有其怪癖,GWT 试图隐藏您。

根部的 GWT 垂直面板通常会变成一个表格,其中每个子项都是一行中的一个单元格。请注意,您仍然需要 XML 中的根元素,但它可以是流程或 html 面板。从垂直面板进行更改可能会导致子元素横向流动或执行其他奇怪的操作。如果您希望它们保持垂直,您可以抛出 <br>在它们之间,或设置封闭的 <div> 的样式.

解决布局问题的最佳方法是在浏览器中安装一个工具,该工具允许您检查 DOM。例如,Firefox 有 Firebug、IE 有 IE 开发人员工具栏、Opera 有开发人员控制台等。您可以选择错误的元素并查看其在层次结构中的位置以及适用于该元素的样式。 Firebug 甚至可以让您实时调整样式,这对于现场实验来说非常方便。

关于java - GWT 面板类型的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3745089/

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