Javascript Ext JS QuickTips无法正常工作

Javascript Ext JS QuickTips无法正常工作,javascript,extjs,validation,Javascript,Extjs,Validation,我正试图实现Saki在表单-->中的一个,显示表单提交错误,但查看所包含类的html,我没有看到他使用的几个类(如theme empty.css、icons.css、extjs.ico和Ext.us.Form.XCheckbox.js)。我正在使用ExtJS3.3.0。。。。有人能把我链接到一个显示如何使用QuickTips for 3.3.0的源吗?还是一种确保我拥有所有必需文件的方法 目前,当我尝试做msgTarget:“side”时,红色的解释点并不像它应该出现的那样。此外,显示的实际工具

我正试图实现Saki在
表单-->中的一个,显示表单提交错误
,但查看所包含类的html,我没有看到他使用的几个类(如theme empty.css、icons.css、extjs.ico和Ext.us.Form.XCheckbox.js)。我正在使用ExtJS3.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" />


毫无疑问,某些CSS干扰了工具提示的样式。在您的代码中,您使用了大量不属于框架的css和js。你需要它们吗?您是否尝试只使用默认的ExtJS样式表运行应用程序?尝试单独使用ext-all.css运行您的应用程序。

省去自定义
xtheme tundra.css
主题样式表,看看这是否有帮助

酷,我将尝试一下。这是一直让我对ext js感到困惑的一件事,我不确定我需要包含哪些文件。如果我只包含ext-all.css,我可以看到工具提示,但它只是文本和一个白色框。我尝试了ext-all.css样式表,但它仍然没有显示。如果我有时间,我会尝试举例说明这个问题。