完全实现Ext.QuickTips（）的最低要求是什么？ [英] What are the Bare Minimum Reqs to implement Ext.QuickTips() fully?

问题描述

我正在重新提出我之前提出的问题，我想请以不同的方式重点关注概念，而不是我的具体问题。

我正在查看 Saki的表单示例，具体来说，显示表单提交错误。我正在运行Ext-JS 3.3.0，我正在寻找与我的设计中相同的功能（我的内联，但是，提示会出现，因为用户从文本框中散出）。

我的问题是：我需要包含在我的HTML中的最低REQ文件是什么，以获得快速启动并像Saki这样运行。现在在你说你看Saki的例子之前，我有很多。他使用的是旧版本的Ext-JS，我无法确定什么文件是重要的，哪些文件不在他的HTML ...下面指定：

 < link rel =stylesheettype =text / csshref =./ ext / resources / css / ext-all.css/> 
< link id =theme =stylesheettype =text / csshref =./ css / empty.css/> 
< link rel =stylesheettype =text / csshref =./ css / icons.css/> 
< link rel =stylesheettype =text / csshref =./ css / formerrors.css/> 
< link rel =快捷图标href =./ img / extjs.ico/> 
< script type =text / javascriptsrc =./ ext / adapter / ext / ext-base.js>< / script> 
< script type =text / javascriptsrc =./ ext / ext-all-debug.js>< / script> 
< script type =text / javascriptsrc =./ js / Ext.ux.form.XCheckbox.js>< / script> 
< script type =text / javascriptsrc =./ formerrors.js>< / script> 
  

Empty.css，icons.css，extjs.ico和Ext.us.form.XCheckbox。我正在研究如何 CSS Specificity 的作品，所以我不需要帮助修复它的整体风格（希望）。我只是想知道我需要确保我包含在我的HTML，以便我知道我的错误js明智的工具提示没有出现和看起来正确。现在，工具提示的样式如下所示：

要使msgTarget ='side'需要将其包含在窗体中？或者我可以做一个xtype：'textarea'？

解决方案

假设你只需要标准的Ext提示，是

1. ext-all.css


2. ext-base.js


3. ext-all.js（不要在生产中使用-debug）

I'm redoing a question I made earlier, I want to ask it in a different way focusing more on the concept rather then my specific problem.

I'm looking at Saki's Form Examples, specifically, Displaying Form Submit Errors. I'm running Ext-JS 3.3.0, and I'm looking for pretty much the same functionality in my design (mine would be inline however, and the tips would appear as the user defocuses from the textbox).

My Question is: what are the minimum REQ files that I need to include in my HTML to get Quicktips up and running like Saki's. Now before you say did you look at Saki's example, I have...a lot. He's using an older version of Ext-JS and I am having trouble determining what files are important and which ones are not in his HTML... specified below:

<link rel="stylesheet" type="text/css" href="./ext/resources/css/ext-all.css" />
<link id="theme" rel="stylesheet" type="text/css" href="./css/empty.css" />
<link rel="stylesheet" type="text/css" href="./css/icons.css" />
<link rel="stylesheet" type="text/css" href="./css/formerrors.css" />
<link rel="shortcut icon" href="./img/extjs.ico" />
<script type="text/javascript" src="./ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="./ext/ext-all-debug.js"></script>
<script type="text/javascript" src="./js/Ext.ux.form.XCheckbox.js"></script>
<script type="text/javascript" src="./formerrors.js"></script>

Empty.css, icons.css, extjs.ico, and Ext.us.form.XCheckbox.js are the ones I'm unsure where he got.

I'm researching how CSS Specificity works, so I won't need help fixing the overall style of it (hopefully). I just want to know what I need to make sure I include in my HTML so that I KNOW its my fault js wise that the tooltip isn't appearing and look correct. As it stands right now the style of the tooltip looks like this:

To utllize msgTarget='side' do I need to have it enclosed within a form? Or could I do it to a xtype:'textarea'?

解决方案

Assuming you just want the standard Ext tips, all you need are

1. ext-all.css
2. ext-base.js
3. ext-all.js (don't use -debug in production)

这篇关于完全实现Ext.QuickTips（）的最低要求是什么？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！