Ext-JS QuickTips无法正常工作 [英] Ext-JS QuickTips not working correctly

问题描述

我试图在表单中实施Saki的示例之一 - >显示表单提交错误，但查看包含的类的HTML我没有看到他使用的几个（如主题empty.css，icons.css，extjs.ico和Ext.us .form.XCheckbox.js）。我使用Ext-JS 3.3.0 ....任何人都可以链接到一个源，显示如何使用QuickTips 3.3.0？或者一种确保我拥有所有必需文件的方法？

I'm trying to implement one of Saki's examples in Form --> Displaying Form Submit Errors, but looking at the html of included classes I don't see several of the one's he uses (like theme empty.css, icons.css, extjs.ico, and Ext.us.form.XCheckbox.js). I'm using Ext-JS 3.3.0.... could anyone link me to a source that shows how to utilize QuickTips for 3.3.0? Or a way to make sure I have all the required files?

目前，当我尝试做msgTarget：'side'时，红色的解释点不会像。此外，出现的实际工具提示没有正确设置样式。看到下面（我有msgTarget：'side'注释掉了，所以你可以看到工具提示）。

Currently when I try to do msgTarget: 'side' the red explanation point isn't appearing like it should. Also the actual tooltip that appears isn't styled correctly. See below (I have the msgTarget: 'side' commented out for this so you can see the tooltip).

这是我的JSP的头像，我可以'告诉它是否是样式表问题，或者我没有正确刷新东西。

This is what my JSP's Head looks like, I can't tell if its a style sheet problem or that I am not refreshing something correctly.

    <!-- 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" />

推荐答案

留下自定义的 xtheme-tundra.css 主题样式表，看看是否有助于

Leave out the custom xtheme-tundra.css theme stylesheet and see if that helps

这篇关于Ext-JS QuickTips无法正常工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！