javascript - 完全实现 Ext.QuickTips() 的最低要求是什么?

标签 javascript css extjs validation

I'm redoing a question I made earlier ,我想以不同的方式提出问题,更多地关注概念而不是我的具体问题。

我正在查看 Saki's Form Examples ,特别是显示表单提交错误。我正在运行 Ext-JS 3.3.0,并且我在我的设计中寻找几乎相同的功能(但是我的是内联的,并且当用户从文本框散焦时提示会出现)。

我的问题是:要像 Saki 一样启动和运行 Quicktips,我需要在我的 HTML 中包含最少的 REQ 文件是什么。在你说你看过 Saki 的例子之前,我有……很多。他使用的是旧版本的 Ext-JS,我无法确定哪些文件很重要,哪些文件不在他的 HTML 中......具体如下:

<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 和 Ext.us.form.XCheckbox.js 是我不确定他从哪里得到的。

我正在研究如何 CSS Specificity有效,所以我不需要帮助修复它的整体风格(希望如此)。我只是想知道我需要确保在我的 HTML 中包含什么,以便我知道工具提示没有出现并且看起来正确是我的错误。就目前而言,工具提示的样式如下所示:

Style of To: Field thus far

要使用 msgTarget='side' 是否需要将其包含在表单中?或者我可以对 xtype:'textarea' 执行此操作吗?

最佳答案

假设您只需要标准的 Ext 提示,您所需要的就是

  1. ext-all.css
  2. ext-base.js
  3. ext-all.js(不要在生产中使用-debug)

关于javascript - 完全实现 Ext.QuickTips() 的最低要求是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5508820/

相关文章:

c# - 在 ExtJs Grid (C#) 中显示来自 SQL Server 数据库的图像的优雅方式

javascript - 如何将外部 HTML 文件导入 TypeScript 类

javascript - 如何使用 jQuery 使用其值设置放置在 <tr> 标记内的下拉值

javascript - 使用 JavaScript 的基线网格

css - 对表格使用 calc()

javascript - 我更改了一个文档的 css 并更改了所有标签 "p"(CSS + ReactJS)

css - 无法理解 div 的工作原理

javascript - maskRe ExtJS 6.0.2

javascript - 如何让一个网页显示在另一个网页中?

javascript - 如何正确初始化对象并从头开始?