Backbone Marionette - 添加切换视图时的视觉效果

2023-11-22

当我离开页面(关闭视图/布局)并在同一区域打开新页面时,是否有一种方便的方法来添加效果? (类似淡入淡出效果)


木偶区域有一种方法称为open默认情况下,只需用新视图替换旧视图的 HTML。您可以重写此方法来执行您喜欢的任何动画。来自区域文档:

设置视图的方式el被附上

如果您需要更改视图附加到 DOM 的方式 通过区域显示视图,覆盖open的方法 地区。此方法接收一个参数 - 要显示的视图。

默认实现open is:

Marionette.Region.prototype.open = function(view){
  this.$el.html(view.el);
}

这将用视图的内容替换该区域的内容el/ 内容。你可以将其更改为你想要的任何内容, 不过,促进过渡效果等等。

Marionette.Region.prototype.open = function(view){
  this.$el.hide();
  this.$el.html(view.el);
  this.$el.slideDown("fast");
}

此示例将导致视图从顶部滑落 该地区的,而不仅仅是出现在某个地方。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Backbone Marionette - 添加切换视图时的视觉效果 的相关文章

  • 在backbone.js 中缓存集合?

    确保我的集合保持缓存并仅获取一次的最佳方法是什么 我应该实现某种缓存层吗 我应该分享Collection变量到需要的地方 我可以信任 jQuery 的 AJAX 设置吗 ajaxSetup cache true 现在看起来的基本集合 the
  • Backbone.js 和层次结构/树

    我正在开发一个应用程序 该应用程序需要一个表单 允许用户管理任意深度的产品类别层次结构 我可以很容易地将数据加载到页面上 但我有点不知道需要做什么才能使这样的东西与backbone js一起工作 基本上 我正在寻找嵌套的 UL 当用户选择一
  • 覆盖主干“设置”方法

    我想重写骨干集方法 以便每当我为骨干模型设置一个值时 都会调用在该属性上注册的回调 而无需检查该属性的相同先前值 var model Backbone Model extend defaults prop1 true var view Ba
  • 主干关系有许多最佳实践

    我是 Backbone 关系新手 我不确定使用 HasMany 的正确方法是什么 我有一个Parent模型有很多children 许多 是指成千上万的孩子 为了避免性能问题 我通过外键查询子项 child parent 1 而不是创建一个巨
  • backbone.js + require.js + 用户认证

    开始学习backbone js和require js 不确定如何通过用户身份验证构建 Web 应用程序的文件 看起来应该是这样的 On app init query server to check auth session state Q
  • MarionetteJS:应用程序区域与布局[重复]

    这个问题在这里已经有答案了 我正在阅读最新版本 2 3 0 的文档 它说应用程序区域现已被弃用 应用领域 警告 已弃用 此功能已弃用 而不是使用 应用程序作为视图树的根 您应该使用布局 看法 要将布局视图的范围限制为整个文档 您可以设置 它
  • Backbone Marionette CompositeView 排序列表 - 在添加时呈现额外的模型

    这是小提琴 http jsfiddle net QhQ8D 10 http jsfiddle net QhQ8D 10 代码在下面 制作一个聊天应用程序 需要一个排序的 连接的用户列表 名称上带有比较器的图形集合连接到 CompositeV
  • 简单的 Backbone 搜索页面 - 您会怎么做?

    我想使用 Backbone 实现一个简单的搜索页面 它不是单页应用程序 但仍然想使用 Backbone 构建我的 JavaScript 代码 搜索页面由搜索表单和搜索结果组成 搜索是通过 AJAX 完成的 并且必须保存在历史记录中 从历史记
  • Backbone Collection 和 Marionette CompositeView 中未定义的模型原型

    尝试从值列表填充集合时 我收到有关集合的错误model s prototype未定义 看着这个问题是关于类似问题的 https stackoverflow com q 16126195 1663942 我已经检查过模型确实已创建before
  • 引发一系列事件 Backbone event:name

    extend object Backbone Events object on myalert one function msg document body innerHTML eve1 msg msg name this name con
  • 如何提取 Backbone 集合的属性

    我想从 Backbone 集合创建一个特定属性值的数组 var days select this collection models function model return model attributes type session d
  • Socket.IO - 开放连接是一个问题吗?

    我目前正在与DerbyJS http derbyjs com 因为它促进了干净 干燥的客户端 服务器代码 附带好处 大多数人使用该框架的主要原因 是它使用 Socket IO 来创建实时应用程序 在这种情况下 我不need实时 但这是一个很
  • 如何检查侧边栏视图是否已经在主干中渲染?

    通常 用户通过主页进入网站 然后我在那里渲染侧边栏视图 接下来 用户单击链接 路由器呈现另一个视图并替换原始内容视图 侧边栏视图不会重新渲染 当用户在子页面上单击刷新时 侧边栏不会呈现 如何检查视图是否存在并且已渲染 划分责任并坚持下去 不
  • 使用 Backbone.js 和 Rivets.js 的简单示例

    我正在寻找一个非常简单的例子 例如之间存在双向绑定span文本和一个input使用 Backbone js 的元素和铆钉 js http rivetsjs com 也许 Rivets js 文档中有一个 但我找不到它 有什么帮助吗 假设您的
  • toJSON() 和 JSON.Stringify() 之间的区别

    如果您需要读取或克隆模型的所有数据属性 请使用其 toJSON 方法 此方法返回属性的副本作为 对象 尽管有其名称 但不是 JSON 字符串 当 JSON stringify 为 使用 toJSON 方法传递一个对象 它将返回的字符串化 t
  • Backbone.js 应用程序可以逐步增强并可供搜索引擎抓取吗?

    我需要为我的下一个项目实现一个 MVC JavaScript 框架 但它既是一个网站 又是一个 Web 应用程序 是否可以公开数据服务器端 然后解析 URL 以显示 JS 版本 我计划使用 Rails 作为服务器端代码 我写了一个关于这个主
  • 将 Backbone.js 集合渲染为选择列表

    我正在尝试将 Backbone js 集合渲染为select使用 Underscore js 模板创建列表 并且该列表未填充 这select元素正在显示 但没有options 我已经确认我能够将各个属性传递到我的模板中并将它们呈现为labe
  • 使用 Jasmine 监视 Backbone.js 路由调用

    在主干路由器上监视方法调用时遇到问题 以确保它在给定路由上调用正确的方法 测试摘录 describe Router gt beforeEach gt router new App Router Backbone history start
  • 使用backbonejs视图,将“onload”事件附加到图像标签的最佳方法是什么?

    我想在backbonejs 视图中为图像附加一个 onload 事件 我目前将其作为 load img function 包含在 事件 中 但它没有被触发 这样做有什么建议吗 Backbone的事件处理基于delegate https st
  • 如何部署连接Django RESTful API的静态网站?

    首先 谷歌或SO搜索对我没有帮助 很多关于django静态文件的提示 我认为这些提示与这里无关 我继承了一个项目 其中包括 Django 后端以 API 形式仅返回 JSON 响应 标准 Swampdragon 部署将实时更新推送到前端 这

随机推荐

  • React Hooks useCallback 如何“冻结”闭包?

    我想知道 React 如何在使用时 冻结 闭包useCallback钩子 以及其他钩子 然后仅在将钩子内使用的变量传递到inputs范围 我知道 冻结 可能不是很清楚 所以我创建了一个 REPL it 来显示我的意思 https repl
  • hdfs数据节点与namenode断开连接

    我在cloudera manager中不时收到以下错误 This DataNode is not connected to one or more of its NameNode s and The Cloudera Manager age
  • 如何在 VB.NET 中使用“Into”LINQ 表达式?

    我正在从 C 转换这个 LINQ 表达式 然而 它似乎不起作用 C return from w in fishSticks group w by w FishQty into g orderby g Key descending selec
  • 实体框架5 MaxLength

    我正在使用 EF4 和我发现的一段代码MaxLength来自这样的实体的价值 public static int GetMaxLength string entityTypeName string columnName int result
  • jqgrid 中带有 JSON 数据的树形网格

    我正在 jqgrid 中测试树 到目前为止我只能创建如下所示的内容 我想要有类似的东西jqGrid 演示页面 我想出了下面的代码 但不知道应该如何从给定的 json 格式扩展树中的每一行 table cellspacing 0 cellpa
  • 如何向 TFSBuild.proj 添加时间戳?

    我有一个 TFSBuild proj 文件 我需要添加日期 时间日志记录以进行统计 即构建的哪些部分花费最多时间以及我们可以在哪里改进流程 构建将日志输出到BuildLog txt 我使用以下标签来获取 BuildLog txt 文件中的自
  • 在 Today 扩展中使用 AppDelegate

    我正在尝试为我的应用程序构建一个今日扩展 我在用着CoreData and NSFetchedResultsController并得到以下错误 使用未声明的类型 AppDelegate 在这行代码中 var appDel AppDelega
  • Http响应代码302

    我正在使用模拟器 BB 8900 我尝试连接到 url 并获取响应代码 302 这是什么意思 这是我的代码片段 import javax microedition io Connector import javax microedition
  • 回滚嵌套事务中的整个事务

    我想要一个嵌套事务使父事务失败 假设我有以下模型 class Task lt ApplicationRecord def change status status performed by ActiveRecord Base transac
  • Xampp 和 Ampps 在更改时不会重新加载文件

    当我更改目录中的文件时 更改不会反映在通过本地主机访问它时显示的网页上 但当我直接通过系统上的文件路径访问它时会显示该更改 为什么 我在 Windows 机器上 我的文件存储在 C Program Files x86 Ampps www c
  • 工作人员经常超时

    我已经设置了带有 3 个工作人员 30 个工作人员连接并使用 eventlet 工作人员类的 Gunicorn 它设置在 Nginx 后面 每隔几个请求后 我就会在日志中看到这一点 ERROR gunicorn error WORKER T
  • 如何在 Dojo 小部件模板中创建唯一 ID?

    我正在编写一个 Dojo 小部件 它向用户页面添加一个标签和一个输入框 The for的属性label需要 HTML ID 值 但 Dojo 小部件不应包含 ID 以防在同一页面上创建多个实例 那么 有人对如何解决这些相互冲突的需求有什么建
  • 我可以使用 javascript 更改地址栏中的 URL 字符串吗

    我的网页上有一个链接 说 关于 单击它会加载特定的 div 而无需使用 jquery 刷新整个页面 load 这不会更改浏览器地址栏中的 URL 字符串 可以通过以下方式访问同一页面www mydomain com page about 所
  • 如何对相似的新闻文章进行分组/比较

    在我正在创建的应用程序中 我想添加将新闻报道分组在一起的功能 我想将来自不同来源的有关同一主题的新闻报道分组到同一组中 例如 来自 CNN 和 MSNBC 的关于 XYZ 的文章将属于同一组 我猜它是某种模糊逻辑比较 从技术角度来看我将如何
  • 使 BXslider 全屏(填充整个浏览器窗口)

    我目前正在尝试实施THIS非常简单的内容滑块 我已经达到了它可以工作的地步 但是使用下面的 CSS 代码我需要使滑块全屏显示 填充整个浏览器窗口 但是我看不到将代码放在哪里有人可以帮助我吗 我觉得自己问这么简单的问题有点傻 我当前的代码如下
  • iPhone 中 textfieldshouldendediting 和 textfieldDidendediting 之间的区别

    有什么区别文本字段应结束编辑 and textfieldDidEnd编辑 以及每种方法应何时使用 textFieldShouldEnd编辑 询问代理是否应在指定的文本字段中停止编辑 BOOL textFieldShouldEndEditin
  • 更改 zedgraph 窗格背景颜色

    是否可以更改 zedgraph 窗格的背景颜色 默认为白色 我尝试更改 zedgraph 元素的背景颜色 但它没有给出任何可见的结果 背景仍然是白色 ZedGraphControl BackColor System Drawing Colo
  • Facebook 页面的帖子提要

    现在有谁知道如何获取 Facebook 页面的 rss feed 吗 当我作为页面登录并转到 我得到一个空的提要 是否有包含页面帖子的相应 页面 提要 谢谢 米 下面 URL 中的 ID 是您创建 rss feed 时需要找到的 ID ht
  • NodeJS + 请求 - 请求网站时访问被拒绝

    我正在尝试使用 request 来请求网站的 html 但我不断收到访问被拒绝的错误 我该如何克服这个问题 下面是该函数的代码 const request require request function firstShoe request
  • Backbone Marionette - 添加切换视图时的视觉效果

    当我离开页面 关闭视图 布局 并在同一区域打开新页面时 是否有一种方便的方法来添加效果 类似淡入淡出效果 木偶区域有一种方法称为open默认情况下 只需用新视图替换旧视图的 HTML 您可以重写此方法来执行您喜欢的任何动画 来自区域文档 设