Ext-JS QuickTips无法正常工作

Question

我正在尝试在Form --> Displaying Form Submit Errors中实现Saki的examples之一，但是查看所包含的类的html，我看不到他使用的几个（如主题empty.css， icons.css，extjs.ico和Ext.us.form.XCheckbox.js）。我正在使用Ext-JS 3.3.0 ....任何人都可以将我链接到一个显示如何使用QuickTips for 3.3.0的来源吗？或者确保我拥有所有必需文件的方法？

目前，当我尝试做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" />

Answer 1

当然，有些CSS会干扰你的工具提示风格。在你的代码中，你使用了很多css＆amp;不属于框架的js。你需要它们吗？您是否尝试仅使用默认的ExtJS样式表运行应用程序？尝试单独使用ext-all.css运行应用程序。

Answer 2

省略自定义xtheme-tundra.css主题样式表，看看是否有帮助

Answer 3

不确定如何关闭一个问题，但我认为re-asked it in a different way我觉得对你们所有人都更有意义。