- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
这是我的简化模型:
var GoalItem = function(id, type, name, authorId, author, children) {
this.id = ko.observable(id);
this.type = ko.observable(type);
this.name = ko.observable(name);
this.authorId = ko.observable(authorId);
this.author = ko.observable(author);
this.children = ko.observableArray(children || []);
this.isPage = ko.computed(function(){ return type == 'page' ? true : false; }, this);
this.isFile = ko.computed(function(){ return type == 'file' ? true : false; }, this);
};
var GoalModel = function() {
this.list = ko.observableArray([
new GoalItem(1, 'page', 'Getting started', 0, '', [
new GoalItem(2, 'page', 'Getting started 1.1', 0, ''),
new GoalItem(3, 'video', 'Video', 0, '', [
new GoalItem(4, 'data', 'Data', 0, ''),
new GoalItem(5, 'test', 'Test', 0, '', [
new GoalItem(6, 'page', 'Test prep', 0, '', [
new GoalItem(7, 'video', 'Test video', 0, ''),
new GoalItem(8, 'file', 'Test file', 0, '')
])
]),
new GoalItem(9, 'page', 'Sample page', 0, '')
])
]),
new GoalItem(10, 'page', 'More data tracking', 0, '', [
new GoalItem(11, 'data', 'Data 1', 0, ''),
new GoalItem(12, 'data', 'Data 2', 0, '')
])
]);
}
一些标记使用 isvisible 来确定要显示哪些 html 片段
<div data-bind="visible: currentItem().isPage">
applicable to pages only
</div>
对比
<div data-bind="visible: currentItem().isFile">
applicable to files only
</div>
我有一些代码,当用户点击呈现到 TreeView 中的 GoalItem 时将加载,而 isvisible 将负责显示/隐藏
如果用户现在在 UI 中为当前 GoalItem 的“类型”属性进行了更改,那么应该不会重新触发可见 - 所以如果类型从“页面”更改为"file"
目前它似乎没有工作,希望这个解释是有道理的,如果没有我会尝试添加更多细节。
另一方面,根据阅读,我是否必须“删除”或“替换”可观察数组中的项目才能使其重新触发 isvisible: 绑定(bind)“? - 如果是这样 - 或者作为一个相关的问题 - 根据 this.id 在 observableArray 中查找项目的最佳方法是什么 - 请记住该项目可能在 child 中“深”?
非常感谢任何反馈或帮助
最佳答案
您计算的可观察对象将触发 UI 更新,但它们并不完全正确:
this.isPage = ko.computed(function(){ return type == 'page' ? true : false; }, this);
this.isFile = ko.computed(function(){ return type == 'file' ? true : false; }, this);
这些应该看起来更像:
this.isPage = ko.computed(function() {
return this.type() == 'page' ? true : false;
}, this);
this.isFile = ko.computed(function() {
return this.type() == 'file' ? true : false;
}, this);
现在,您实际上已经访问了 observable 的值,因此计算的 observable 依赖于 type
observable。当它发生变化时(通过将其值设置为 this.type('file');
,计算的可观察对象将被重新评估,并且所有订阅者(您的 UI)都将收到通知。
关于javascript - knockoutjs isvisible refresh after observableArray item has updated,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9558144/
我正在尝试验证元素是否存在。我使用的是 isVisible 但它抛出错误消息“TypeError: Object # has no method 'isVisible'” it('should ver
这是一个通用问题。如果我添加一些 UI 对象(例如 JButton 等)并检查 isVisible 属性,它将返回 true。但是,它是否能保证对象实际渲染并在显示器上正确可见?如果没有,是否有更好的
我有一个父 DIV (.box) 和一个子 DIV (#display)。如果 child 被隐藏,我想淡出 parent 。但它仍然有效:S if( $('#display').is(':visib
我有一个 NSWindow,其“停用时隐藏”设置为 TRUE。 当我的应用程序失去焦点时,窗口消失,但是,通过“isVisible”进行测试给出了 TRUE。这是怎么回事? 最佳答案 isVisibl
以下代码给我一个错误:找不到符号 public static boolean playerTurn = true; public static boolean playerWon = false; p
我的表如下所示。通过使用 visible() 如何选择两个不同 div(hidden_source1 和hidden_source2)上第一个可见 tr 的单选按钮?我已经这样做了,首先,在两
我基本上是在尝试进行表单验证。一切都很好。除了一件事。首先,这是我的代码: $('#submit_btn').click(function(){ $("input:n
我想在共享点站点中隐藏一个快速启动节点,但它没有按预期工作。 :( 我的代码如下: using (SPSite spSiteTest = new SPSite(serv
我有一个带有 fragment 容器的 Activity 和两个 fragment ,如“列表 fragment -> 详细 fragment ” private boolean isFirstFra
我在 DB 方面工作过很多次,但从未设计过一个。我在最常见的表格之一的结构上苦苦挣扎,个人数据: 主表名为 user,只有几列。然后我有 General,其中有(id、userRef、姓名、姓氏、年龄
我看到 Region.IsVisible(rectangle) 没有按我预期的那样工作。 所以,是我谁期望不应该,或者是方法那不是应该的吗??! 我有以下情况: alt text http://lh4
我有一个 xamarin用户滚动 ListView 搜索部分时的堆栈布局应该像 WhatsApp 搜索区域一样隐藏。但现在我 m using可见 e property to hide the area
Xamarin Forms 中的可视元素通过设置它们的 IsVisible 属性变得可见/不可见。更改视觉元素上的某些属性或数据可能会导致界面重绘,这可能会很昂贵。 我正在尝试提高我的应用程序的性能,
有什么办法可以让几个不同的 wicket 组件具有相同的 isVisible() 实现 例如,我有标签、文本字段、DropdownChoices 等,它们具有相同的 isVisible 方法,但我不会
我正在尝试设置一个覆盖 fragment ,该 fragment 会在触摸按钮时出现并在再次单击按钮时消失。我没有使用支持库 fragment ,而是使用常规 fragment 。因此,当您单击按钮附
我有一个 MyDialog 类,它是 QDialog 的子类,它本身是 QWidget 的子类。所以它看起来像这样: QObject | V QWidget | V QDial
我有一个具有以下结构的 View : GrandView -Parent View1 -Parent View2 --Child View1 --Child View2 subview 几乎占据了 P
我遇到了一个奇怪的性能问题,如果能对我所遇到的行为做出解释,那就太好了。 我正在使用System.Drawing.Region.IsVisible(PointF)确定某个点是否在多边形内。这通常效果很
Microsoft 的在线文档指出,此 Graphics 方法返回“如果由 rect 参数指定的矩形包含在此 Graphics 的可见剪辑区域内,则返回 true;否则,返回 false”。 他们真的
我意识到这个问题以前曾被问过,但我还没有找到我理解的答案。我对异步编程还是新手,并且很难弄清楚如何在 Protractor/Javascript 中做最简单的事情。 例如,如何按照此算法构造函数“is
我是一名优秀的程序员,十分优秀!