跳转到内容
搜索
  • 更多选择。。。
查找包含以下内容的结果。。。
找到的结果……

使用UI小部件

  1. 介绍

    初始化小部件现在可以在元素上创建UI小部件，而不需要编写任何代码。这是通过使用HTML5数据属性在元素上指定特殊属性来实现的。每个小部件都定义了自己的行为——一些等待用户交互，另一些可能在执行时立即更改显示。每个UI小部件都有一个标识它的基本属性，并导致将元素传递给小部件模块进行处理。所有小部件属性都有

  2. ips.ui.dialog

    对话框小部件在页面中显示弹出窗口，通常从远程源加载内容。定义对话框时，只需将小部件键作为触发器元素的属性。建议触发器元素是一个链接或按钮，这样如果用户禁用了javascript，他们的浏览器可以将他们带到对话框内容的整个页面版本。< a href = '…“data-ipsDialog data-ipsDialog-url = '……' >启动对话框

  3. ips.ui.flashMsg

    flashMsg小部件可以用来向用户显示一个“flash消息”——一个短通知，在屏幕上出现几秒钟，然后消失。它通常用于动作发生时的“成功”信息。一个flash消息可以用data API创建，如下所示:小部件会

  4. ips.ui.grid

    Grid小部件增强了标准CSS网格的附加功能，支持动态调整行大小和平衡行高。
    Item
    Item

  5. ips.ui.hovercard

    说明hovercard小部件可用于显示带有远程内容的弹出窗口，该内容连接到触发器元素。示例@todo用法通过在链接上包含widget key属性来初始化hovercard小部件：Hover on me默认情况下，链接指向的URL也是为获取hovercard内容而调用的URL。选项目标（字符串；可选）如果

  6. ips.ui.infinitescroll

    说明无限滚动是一种技术，当用户在页面或部分底部附近滚动时，新内容会自动加载到页面中。这是一种通常与Facebook和Twitter等网站相关的技术。注意：如果使用不当，无限滚动会给用户界面带来挑战，包括无法访问页面底部的链接。在选择使用无限滚动之前，考虑它可能具有的可用性影响。可能是莫言

  7. ips.ui.lightbox

    Lightbox小部件实现了一个常见的界面约定，通过点击图像，可以在页面上的弹出框中以更大的尺寸查看它们。此外，相关图像被分组，以便在弹出窗口内滚动。IPS4的lightbox还支持内置评论。lightbox可以在单个图像上初始化，简单如下

  8. ips.ui.menu

    说明菜单小部件向使用HTML和CSS创建的菜单元素添加交互性。菜单显示一个选项列表，供用户选择，作为“附加”到触发器元素的弹出窗口。菜单可以允许用户选择一个或多个选项。用法菜单小部件不构建菜单元素本身；它应该作为一个HTML元素存在于页面中，并且已经添加了相应的CSS类（这是一个可以访问菜单的决定）

  9. ips.ui.pageAction

    PageAction小部件实现了一个接口，该接口允许对页面上的多个项目采取操作。该模型通常用于多调节操作。注意:PageAction小部件可以与ips.ui.autoCheck小部件协同工作，以提供一个流线工作流，使用户不必手动单击许多复选框来执行操作。PageAction小部件需要某些元素存在

  10. ips.ui.pagination

    说明分页小部件包装分页HTML，以便发出控制器可用于提供交互性的事件。它还为页面跳转菜单添加了一些基本的可用性。它本身不处理获取页面。相反，它发出的事件被其他控制器用于加载新内容。注意：分页小部件将可以由用于构建表、列表等的PHP类实现。有关automati的信息，请参阅相关的后端文档

  11. ips.ui.rating

    Rating小部件接受一组带有数值的无线电控件，并将它们替换为可点击的星星，以便用户可以指示一个评级值。要使用rating小部件，你的HTML应该包含以下结构:

    ips.ui.selectTree

    selectree小部件允许用户有效地从树状结构中选择项目，而无需服务器立即生成整个树。注意:此小部件仅用于\IPS\ helper \Form\Node helper。选择占位符(字符串;可选的;默认'Select')当没有选择项时使用的占位符文本。多个(布尔;可选的;默认false)是否允许用户选择multip

  12. ips.ui.sideMenu

    说明侧菜单小部件与标准侧菜单标记一起工作，当用户在移动设备上访问时，使其既具有交互性，又改进了其功能。在大多数情况下，应该使用标准CSS类构建侧菜单。然后将数据属性添加到包装器元素中。使侧菜单具有响应性当小部件要在响应模式下使用时，应在元素中提供一个附加标题，标题为i类

  13. 扰流器

    这个剧透小部件被设计用来隐藏指定的文本，直到用户点击显示它。它通常用于CKEditor用户发布的内容。
    此文本最初将对用户隐藏
    Options Spoiler小部件没有任何配置选项。ips.ui.spoiler触发的事件

  14. ips.ui.stack

    说明stack小部件是一个特殊的表单控件，允许用户为表单字段输入多个值。在IPB3.x中，这是通过在文本区域中输入值来实现的，每个值都在新行上。此小部件旨在使该功能更加用户友好。注意：预计\IPS\Helpers\Form类将用于构建可堆叠控件的HTML。有关更多信息，请参阅PHP类的文档。选项可排序

  15. ips.ui.sticky

    sticky元素小部件可以帮助导航，当元素由于滚动而离开屏幕时，它会自动粘附在浏览器窗口上。这是一个对工具栏特别有用的UI概念。小部件的关键属性应该在元素上被指定为“sticky”。
    …
    包装器元素表示

  • ips.ui.alert

    这个警报小部件被设计用来代替内置的javascript警报，提供更愉快的用户体验以及更灵活的选项和内置的回调。还支持其他几种类型的警告对话框。与大多数UI小部件不同的是，警报小部件是以编程方式实例化的，而不是使用数据API——例如，通常是作为对控制器中的用户操作的响应。创建告警的方法如下:显示({

  • ips.ui.tabbar

    说明选项卡栏小部件允许用户在单独的内容面板之间切换。小部件可以从页面上已经存在的内容构建面板，也可以从远程源加载。此外，还可以更新浏览器URL，以反映所选单个选项卡的永久链接。用法标签栏本身应该在标记中手动构造，标签链接到静态页面。这使得页面即使在javas

  • ips.ui.tooltip

    工具提示小部件被设计成当某些元素被聚焦或悬停时，在气球中显示一个小的有用消息。它们与工具栏一起使用时特别有用，可以提供关于工具栏按钮将触发什么操作的更多信息。工具提示文本应该简洁——一行中不超过几个单词。@例子

  • ips.ui.truncate

    说明truncate小部件用于对文本块进行预览或简短版本。它支持完全删除多余的文本，或将其隐藏在“阅读更多”按钮后面。它还可以处理包含HTML格式的其他媒体的富文本块。用法应将小部件属性data ipsTruncate添加到封装要截断的内容的元素中。e、 g:

    许多行内容丰富的内容…

  • ips.ui.autoCheck

    说明“自动检查”小部件使在页面上选择特定类型的复选框变得简单。例如，这对于调节工具很有用-只需指定一个过滤器，就可以选择与该过滤器匹配的主题。注意：自动检查小部件与ips.ui.menu小部件一起工作。它不适用于其他类型的元素。示例@todo用法小部件本身在菜单触发器元素上初始化：<！--触发器-->

  • ips.ui.autoComplete

    自动完成小部件为文本输入添加了两组功能。首先，它增加了对基于用户输入内容的建议的支持，其次，它增加了对标记化的支持，允许用户在一个字段中输入多个不同的值。例如，这个功能对于输入标记很有用。在文本输入时，应该使用正确的小部件键属性初始化自动完成小部件:

  • ips.ui.captcha

    说明Captcha小部件旨在允许动态使用Captcha，包括页面加载后初始化的情况（例如在弹出窗口中）。提供者提供的必要javascript库是动态加载的。小部件目前支持reCaptcha和KeyCaptcha。用法小部件的初始化如下：
    Options se

  • ips.ui.chart

    说明图表小部件获取一个特殊格式的数据表，并使用谷歌图表将其呈现为一个有吸引力的图表。“图表”小部件专为与\IPS\Helpers\Chart类的输出一起使用而设计，本文仅为完整起见而对其进行说明。有关更多信息，请参阅PHP类的文档。选项类型（字符串；必需）指定要渲染的图表类型，例如线条图外部选项（对象；可选）
      • 狗万最低限额©2021 IPS, Inc.
      ×
        ×
        • 创建新的…
        Baidu