2011-03-28 36 views
0

我试图实现一个Saki的examplesForm --> Displaying Form Submit Errors,但看着包含的类的html我没有看到他使用的几个(如主题empty.css,图标.css,extjs.ico和Ext.us.form.XCheckbox.js)。我正在使用Ext-JS 3.3.0 ....任何人都可以将我链接到显示如何使用QuickTips for 3.3.0的源代码?或者确保我拥有所有必需的文件?Ext-JS快速提示无法正常工作

当前当我尝试做msgTarget:'side'时,红色的解释点并不像它应该出现的那样。此外,出现的实际工具提示的样式不正确。见下面(我有msgTarget:'side'注释,因此你可以看到工具提示)。

这就是我的JSP的头像,我不知道它是一个样式表问题还是我不​​刷新正确的东西。

<!-- Include Ext and app-specific scripts: --> 
    <script type="text/javascript" src="../js/ext-base.js"></script> 
    <script type="text/javascript" src="../js/ext-all-debug.js"></script> 
    <script type="text/javascript" src="../examples/shared/examples.js"></script> 
    <script type="text/javascript" src="../examples/form/states.js"></script> 
    <script type="text/javascript" src="../examples/ux/MultiSelect.js"></script> 
    <script type="text/javascript" src="../examples/ux/ItemSelector.js"></script> 
    <script type="text/javascript" src="../examples/ux/fileuploadfield/FileUploadField.js"></script> 
    <script type='text/javascript' src="../examples/ux/RowExpander.js"></script> 
    <script type="text/javascript" src="../examples/ux/CheckColumn.js"></script> 
    <script type='text/javascript' src="../js/TreeGrid.js"></script> 
    <script type='text/javascript' src="../js/Exporter-all.js"></script> 

    <!-- My JS's: --> 
    <script type="text/javascript" src="../js/comm.js"></script> 
    <script type="text/javascript" src="../js/commStore.js"></script> 

    <!-- Include Ext Stylesheets here: --> 
    <link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css"/> 
    <link rel='stylesheet' type="text/css" href="../examples/ux/css/MultiSelect.css"> 
    <link rel="stylesheet" type="text/css" href="../examples/ux/fileuploadfield/css/fileuploadfield.css"/> 
    <link rel="stylesheet" type="text/css" href="../examples/grid/grid-examples.css" /> 
    <link rel="stylesheet" type="text/css" href="../css/TreeGrid.css" /> 
    <link rel="stylesheet" type="text/css" href="../css/TreeGridLevels.css" /> 
    <link rel="stylesheet" type="text/css" title="tundra"  href="../css/xtheme-tundra.css" /> 

    <!-- My StyleSheet --> 
    <link rel="stylesheet" type="text/css" title="commTool" href="../css/CommTool.css" /> 

enter image description here

回答

0

离开了定制xtheme-tundra.css主题样式表,看看是否有帮助

+0

我只用ext-all.css样式表试过了,但它仍然没有出现。 – 2011-03-29 13:49:06

+0

你有工作的例子吗? – ChrisR 2011-03-29 14:06:04

+0

如果我有一些时间,我会尝试做一个问题的例子。 – 2011-03-30 14:25:08

0

当然,一些CSS与您提示的风格冲突。在你的代码中,你正在使用许多不属于框架的css & js。你需要他们吗?你有没有尝试用默认的ExtJS样式表来运行你的应用程序?尝试单独使用ext-all.css来运行应用程序。

+0

很酷我会试试这个。这是一个让我总是和ext-js混淆的东西,我不确定我需要什么来包含文件明智的 – 2011-03-29 13:39:02

+0

如果我只包含ext-all.css,我可以看到工具提示,但它只是文本和一个白色的盒子 – 2011-03-29 14:00:32