【发布时间】：2017-05-05 12:16:37
【问题描述】：
我需要一份与查看面板列标题相关的帮助。我正在使用视图面板使用 JDBC 连接管理器从 SQL 中提取数据，并使用 Xpages 在视图面板控件中显示。我一次显示 500 行，当用户尝试滚动数据时，列标题会向上滚动。所以，现在我需要修复所有视图列标题应该在行向上/向下滚动时修复。有人可以帮我解决这个问题吗？
【问题讨论】：
标签： xpages
【发布时间】：2017-05-05 12:16:37
【问题描述】：
您可以使用jQuery.Thead 插件将该功能添加到现有的viewPanel。只涉及两个步骤：
- 下载库并将其添加到您的 XPage/ 应用程序中。
- 为您的 viewPanel 激活插件（或重复）：
x$("#{id:viewPanel1}").floatThead({});
（x$函数来自ExtLib Bootstrap主题）
我在这里整理了一个小演示：
http://bootstrap4xpages.com/bs4xp/demos.nsf/fixedHeaders.xsp
【讨论】：
-
马克看起来不错！
-
您好马克，感谢您对我上述问题的回答。你能澄清一下a）我已经下载了插件并且我看到了两个JS文件，我是否需要使用这两个js文件？ b) 我需要将这些 js 文件用作客户端脚本库吗？您能否详细说明一下我什至需要调用 jquery 函数 (x$("#{id:viewPanel1}").floatThead({});) 才能在我的 xpage 中调用？我在您的演示中也看到了一些 css，我是否需要在我的应用程序中也使用这些 css？
-
当我尝试将此 Jquery 函数用于客户端和服务器端脚本的 Xpages 时，即使在我的 xpages 中也使用 onClientLoad。我想我确定我在这里缺少一些东西。
-
错误源页面名称：/xpPartInfoOverview.xsp 控件 ID：_id1 属性：onClientLoad 执行 JavaScript 操作表达式时发生异常错误脚本解释器错误，行 = 1，列 = 1：[ReferenceError] 'x$'未找到 JavaScript 代码 1：x$("#{id:viewPanel1}").floatThead({});
-
“x$”错误可能是因为您没有使用 Bootstrap ExtLib 主题。您不必使用它，但 jQuery.floatThead 需要 jQuery，因此您至少需要添加它，然后还可以使用不同的选择器（例如：在 viewPanel 上设置
dataTableStyleClass属性，然后使用 $ ('.yourClass'). 关于你的其他问题：a) 不，只需从'dist' 文件夹中选择 1。 b) 是的。我添加到演示中的 CSS 不是必需的。顺便说一句：这里可以查看完整的 XPage 源代码：github.com/markleusink/Bootstrap4XPages/blob/master/Demos/…。
可以查看 DataTables，有关在 XPages 中实现此功能的详细信息，请参阅 Oliver Busse 的博客，http://oliverbusse.notesx.net/hp.nsf/blogpost.xsp?documentId=D5E
【讨论】：