Ext-JS QuickTips не работает правильно - PullRequest
0 голосов
/ 29 марта 2011

Я пытаюсь реализовать один из примеров Саки в Form --> Displaying Form Submit Errors, но, глядя на html включенных классов, я не вижу несколько из тех, которые он использует (например, theme empty.css,icons.css, extjs.ico и Ext.us.form.XCheckbox.js).Я использую Ext-JS 3.3.0 .... Может кто-нибудь связать меня с источником, который показывает, как использовать QuickTips для 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" />

enter image description here

Ответы [ 3 ]

0 голосов
/ 29 марта 2011

Оставьте пользовательскую таблицу стилей темы xtheme-tundra.css и посмотрите, поможет ли это

0 голосов
/ 01 апреля 2011

Не был уверен, что делать с закрытием вопроса, но я переспросил его по-другому , который, я думаю, будет иметь больше смысла для всех вас.

0 голосов
/ 29 марта 2011

Определенно, некоторые CSS мешают стилю вашей подсказки. В вашем коде вы используете много css & js, которые не являются частью фреймворка. Они вам нужны? Вы пытались запустить свое приложение только с таблицами стилей ExtJS по умолчанию? Попробуйте запустить приложение, используя только ext-all.css.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...