问题标签 [rerender]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 你能强制 Vue.js 重新加载/重新渲染吗?
只是一个快速的问题。
您可以强制Vue.js
重新加载/重新计算所有内容吗?如果是这样,怎么做?
jsf - 有没有办法知道哪些组件在操作时更新
在 JSF 2.2 中编程时,我有时不确定该update
语句是否有效。例如,我有下表,并希望在单击按钮时更新它:
由于ID
按钮是theForm:table:requestMod
我认为这update="@parent"
会起作用。但是,它似乎没有更新,或者我在支持 bean 的某个地方或其他地方犯了一个错误?
问题是:我现在没有。因此,为了推断错误所在,以某种方式真正确保update
部分commandButton
工作正常会很棒。
现在,当单击按钮时,更改的值仅在重新加载页面后更新。
javascript - 重新渲染 React js 组件
我必须使用 React js 为现有应用程序实现新的 UI。这是在单击菜单项后呈现的反应组件。我注意到用于 react 的 chrome 开发工具插件会显示每次单击菜单时创建的新组件。不是浪费内存吗?这是 Sammy.js 的菜单激活码
reactjs - 反应只重新渲染一个孩子
在我的表单中,我有一些下拉组件。每当第一个下拉选项更改时,我想更新第二个下拉列表的道具并重新渲染它。我的代码看起来像这样
但是 props 没有改变,所以它重新渲染了相同的选项。目前我只是通过在其上设置新状态来重新渲染整个表单。有没有办法用新的道具只重新渲染一个孩子/下拉菜单?
javascript - Redux 中的 React ReRender
我在我的 React 应用程序中使用 Redux,为了确保我不会改变状态而是返回新状态,我在开发中添加了中间件https://github.com/leoasis/redux-immutable-state-invariant。
我的问题是,当商店发生变化时,我的所有组件是否都会重新渲染?
我现在正在观看有关 ImmutableJs 的视频https://youtu.be/YFP8lbdZ0cs?t=33m59s我不知道我是否应该在每个具有 shallowEqual 函数的组件中实现 shouldComponentUpdate 或者这件事是通过自动反应来完成的?(可能在新版本中有所改变)
它应该打扰我吗?当我不使用 ImutableJs 并使用最新的 React 和 Redux 版本时,最好的方法是什么?
filter - 不要重新渲染控件
有没有办法告诉控件,它不应该重新渲染?因为在我的组件中,有一个视图,它可以动态地将消息添加到对话框中。每次我在搜索字段中搜索字母时,都会刷新视图以显示结果。所以每次刷新后,searchField 都是空的。这不应该发生。
编辑:问题解决了。也许另一个人遇到了同样的问题,我已经设置了模型绑定并重新渲染了 SearchField,现在它可以工作了。所以问题不在于它呈现所有内容,问题在于 SearchField 没有呈现;)
javascript - 我如何使用聚合物标记 JSON 对象中的更改并从 javascript 传递数据然后呈现一些子元素
我正在使用一组随机的 X 和 O 生成一个 JSON,并尝试使用聚合物中的自定义元素将它们绘制成一个简单的网格。当我第一次打开页面时,一切都运行良好,每次我都会看到不同的网格。我还在 index.html 页面上添加了一个按钮,该按钮使用一组新的 X 和 O 重新生成 JSON,但聚合物元素不会标记事件更改或使用新数据更新其子元素。
这似乎只是我的 JSON 对象的问题,因为如果我将其更改为字符串,我每次都会收到更改通知......
我编写了一个简单的“forceDB.js”脚本,该脚本生成 JSON 并将其传递给聚合物元素,.setAttribute('layout', data)
我如何通知聚合物的更改并让我的聚合物脚本的所有子元素更新?
JSON 对象如下所示
我元素的聚合物脚本面看起来像这样......
我认为我可能错过了聚合物的一个关键点,或者我做错了什么。但是我有一个简单的 X 和 O 游戏,我正在开发它来尝试掌握聚合物数据绑定原则,但似乎在哪里还不够。
javascript - CSS :hover 覆盖元素高度 0 后重新渲染
我有一个元素,我称之为back
被另一个元素覆盖front
。
Back
在 CSS 中设置以在悬停时更改颜色。Front
设置为,当悬停时,1s
延迟后消失,并且元素上的鼠标指针Front
现在位于后元素上。
Front
height: 0
通过在 JavaScript 中设置消失。消失后Front
鼠标指针悬停在Back
浏览器上不会重新渲染悬停效果Back
,导致其颜色没有按应有的方式更改。
当我通过自然地Front
从 DOM 中删除来尝试相同的示例时,它可以正常工作。但是,我的应用程序需要我通过设置height: 0
.
您可以在以下示例中亲自尝试。您将看到一个红色框和一个蓝色框。红色是Front
,蓝色是Back
。当您将鼠标指针移至红色框时,红色框的颜色变为green
。当您将鼠标移到蓝色框上时,一秒钟后,它会消失。
该示例的重点是表明在蓝色框消失后,鼠标指针现在悬停在红色框上,因此应该变为green
。
在这个例子中,蓝色的盒子完全从 DOM 中移除,它的工作和预期的一样好。
但是,在此示例中,蓝色框将通过设置 删除height: 0
。green
消失后,红色元素直到我移动鼠标后才会变为。
有没有办法强制浏览器重新渲染?
该问题在 Google Chrome 和 Microsoft Edge 中仍然存在。火狐很好用。
javascript - React 页面不会在 url 查询更改时重新呈现
我正在尝试根据 url 中的查询创建一个具有不同内容的反应页面。例如:things?type=0
并things?type=1
导致不同的过滤内容。
问题是,当切换到这些页面时,React 不会触发我的页面的重新呈现。我需要手动刷新页面以获得所需的结果。
我尝试使用内置生命周期功能,但没有一个会触发页面刷新。它试图在componentWillReceiveProps
方法中进行获取,然后我必须在链接上单击两次才能获取我过滤的内容(这比不刷新页面要好,但对用户不友好)。
我使用这个参考。
validation - 在使用 Richfaces 重新渲染时跳过对表单的验证
我使用 Richfaces 3.1.2 和 JSF 1.1
我textarea
在一个表单中有两个按钮:Submit
和Update
- 按钮
Submit
提交表单 - 单击按钮
Update
会在textarea
在 textarea 内部使用了验证器,如果 textarea 仅包含当前连接用户的名称,则此验证器将引发异常,例如,如果当前连接用户是“root”并且 textarea 包含“root”,则应该是异常抛出
Textarea 的代码(默认包含当前连接用户的名称):
提交按钮:
和更新按钮:
问题:如果文本区域包含当前连接用户的名称,则按钮Update
不会更新文本,因为验证器会引发异常。
所以我想要做的是禁用验证器,但前提是用户点击按钮Update
我试图添加immediate="true"
更新按钮,但这没有用,因为显然immediate="true"
并且reRender="message"
不能一起工作(bean 已更新,但不是前面)。
我也在这里尝试了这个解决方案:在重新渲染时跳过验证并仅在表单提交上应用,但这也不起作用,我得到了错误Undefined property clientId
,并且即使required
属性设置为 ,也会调用验证器false
。
有人能帮我吗?