- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
目前,我在处理 meteor session 以及我的代码如何触发它来呈现模板时遇到了问题。目前我有一个 session 将其 ._id 设置为单击的任何内容。
Template.sidebar.events({
/* on click of current sidecat class change to sidecat selected */
'click .sidecat': function (event) {
Session.set("selected_project", this._id);
}
});
如果 selected_player 等于 div,我让它添加一个 css 类。
Template.sidebar.sidebarselected = function () {
return Session.equals("selected_project", this._id) ? "sidebarselected" : '';
}
现在,当有 sidebarselected 和另一个类存在时,我呈现一个模板。单击项目时,它会呈现模板。
Template.sidebar.projectselected = function() {
var find = Session.get("selected_project");
var find2 = ($("#"+find).attr('class'));
/* if exists return true render the template */
if (find2 == 'project sidebarselected')
{
return true
}
/* else don't render it return null */
else {
return null
}
};
到目前为止一切都很好。现在我有一个按钮,可以在列表中创建一个新项目并使其成为选定的项目。这就是故障发生的时候。当我创建一个新项目时,列表项被呈现并给出类 sidebarselected 但它不呈现应该调用的模板。当我单击某个项目时,它确实会呈现模板。但不是在使用按钮创建新列表项时。它被选中但不呈现模板。这是相关代码。
Template.sidebar.events({
/* add bar settings menu functions for clicks */
'click #newProject': function(event){
var create = NewProject();
Session.set("selected_project", create);
},
这是新建项目函数
/* add a new project to the side bar */
function NewProject() {
id = Aprojects.insert({
name: "New Project",
type: "project"
});
doc = Aprojects.findOne({_id:id});
return doc._id;
}
好的,一切都有了。单击按钮时创建项目,添加类但不呈现模板。这是所有的 javascript,如果需要 html,请告诉我,我会提供。
让我添加一些细节和 html 模板内容。但不管怎样,起作用的是
一切正常。问题是单击新项目按钮时。它仍然正确地选择新制作的项目并给它一个选择类。不会发生的是,如果它发现 selectedbar 类也有一个项目类。它呈现一个单独的模板(projectpicked)。单击项目时会显示 Projectpicked。单击#newproject 时不会。即使它最终被选中,它也不会显示项目选择的模板。让我看看代码是否可以做更多的谈话。
<body>
{{> sidebar}}
</body>
<template name="sidebar">
{{#if aproject}}
{{#each aproject}}
<div class="sidecat {{sidebarselected}} project" id="{{divids}}">
{{name}}
</div>
{{/each}}
{{/if}}
{{#if projectselected}}
{{> projectpicked}}
{{/if}}
</template>
<template name="projectpicked">
project was picked from sidebar
</template>
应用程序逻辑和 DOM 结构组合背后的原因是除了类别之类的项目之外,我还有其他东西。我想使用 session 获取 id,然后我们找出它是什么类,比如项目或类别,并根据它是什么类显示不同的模板。不知道这是否是最好的方法,但这是我想出的。接受建议。如果有什么不清楚我不知道,我会尽力解释。感谢您的帮助。
最佳答案
我会重写 projectselected
帮助程序,使其不依赖于 HTML 类名来执行其逻辑,而是依赖于 Session
值。您在大部分代码中都正确使用了 Session
,但是将您的应用程序逻辑耦合到 DOM 结构似乎很奇怪。
您的代码目前的工作方式(没有看到您的 HTML 模板 - 您也应该发布它!),看起来您希望它执行以下操作:
下面是我如何解决这种情况:
您的模板
<body>
{{> sidebar}}
</body>
<template name="sidebar">
<ul>
{{#each items}}
<li class="{{selected}} project" id="id_{{_id}}">{{_id}}</li>
{{/each}}
{{> newproject}}
</ul>
{{> projectpicked}}
</template>
<template name="newproject">
<li id="newproject">Create a new project</li>
</template>
<template name="projectpicked">
{{#if projectpicked}}
A project was picked!
{{/if}}
</template>
你的 javascript
// When clicking an item in the list, remember which one we just clicked
Template.sidebar.events({
"click li": function() {
Session.set("selected_project", this._id);
}
});
// Add the selected class to the item that was remembered
// by the session when we clicked on it
Template.sidebar.selected = function() {
return Session.equals("selected_project", this._id) ? "selected" : "";
}
Template.sidebar.items = function() {
// or whatever code you have to return the list of items
return Projects.find();
}
// when clicking the new project button, create the new project
// and remember the id, then store that as the selected value in the session.
Template.newproject.events({
"click #newproject": function() {
var newprojectId = newProject(); // do your thing
Session.set("selected_project", newprojectId);
}
});
Template.projectpicked.projectpicked = function() {
return !Session.equals("selected_project", undefined);
}
这里的关键是只在你点击某物时设置selected_project Session值。这种情况发生了两次;当您单击一个项目以选择它时,以及当您单击新项目时。
要让您的模板绘制所选项目,您需要在 Meteor 中做的就是描述项目何时被选中:当某个 session 值与其 id 匹配时,项目被选中。就这样。
我没有测试过这段代码,它显然是不完整的,但希望这能为您指明正确的方向,稍微重构一下您的代码。
关于javascript - Meteor session 试图触发模板渲染,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15101714/
我是 C++ 的新手,我在使用这段代码时遇到了问题: string output_date(int day, int month, int year){ string date; if
所以我这样做了 tar cvzf test.zip FP 为了创建目录 FP 的 zip 但是,它会列出 zip 中的目录 FP/ FP/php/ FP/php/pdf/ FP/php/docs/ F
我正在尝试在 Swift、Xcode 7.3(所以是 Swift 2.2)中创建一个通用类,但我似乎无法让它通过编译器: protocol Struct1Protocol { } struct Str
我的测试用例是这样的: class FooTest extends PHPUnit_Framework_TestCase { /** @covers MyClass::bar */ f
我正在尝试将brew install wine作为使electron-builder工作的一步。但是我所能得到的只是以下响应: ==> Installing dependencies for wine
我这样做: string[,] string1 = {{"one", "0"},{"Two", "5"},{"Three","1"}}; int b = 0; for(int i = 0; i <=
我正在尝试使用 SetWindowsHookEx 键盘 Hook Notepad.exe。 如您所见,工作线程正在将其 ASCII 代码(即 wParam)发送到指定的服务器。 UINT WINAPI
我正在尝试将 ListView 实现到我的 Fragment 中,但无论我尝试什么,我都会得到一个 NullPointerException。我检查对象是否为 null 并记录是否为 null,看起来
我尝试在一行中对齐两个 div。使用 float left 属性,一切顺利。但是当我在 div 中使用图像时,它开始产生问题。 所以这是我的示例代码:- Some headi
我目前正在使用此代码来获取图像的灰度图像表示并以 (512, 370, 1) 的格式表示它大批。 img_instance = cv2.imread(df.iloc[i][x_col]) / 255.
总结 我正在创建一个简单的应用程序,它允许用户选择一个包含顶级窗口的进程。用户首先键入 native DLL(而非托管 DLL)的路径。然后用户键入将在 Hook 过程中调用的方法的名称。该方法不得返
我是一名优秀的程序员,十分优秀!