meteor - Accessing data from outside events callback -

- 

<template name="sidenav">   <ul class='block-items white'>     {{#each blocks}}       <li class='block-item'>         <i class="fa fa-fw fa-folder"></i>         <i class="fa fa-fw fa-folder-open"></i>         <a href='#' class='block-item-link'>           {{name}}      ...      {{/each blocks}} </template>

given this, can access each block-item's id when it's clicked doing

template.sidenav.events({   "click .block-item": function (e, tem) {     //var blockitemid = this._id;   } });

how can borrow same feature other places, onrendered()? take @ following example:

  template.sidenav.onrendered(function() {     this.$('.block-items').sortable({       update: function (e, ui) {         _.each($('.block-item'), function (blockitem) {           // how blockid?         })         console.log("block item rearranged");       }     });

update callback function that's invoked when there change in order of block items in ul list. need way iterate through block items , corresponding mongo id's. how can it?

related documents:

  1. the context of "this" in meteor template event handlers (using handlebars templating)

update: "meteor way"

if looking how blaze gets data context events , helpers, turns out there magical blaze.getdata() function takes blaze view or dom object , returns data context. far tell looking @ code, seems tool blaze uses providing data contexts helpers , events.

so in case, use:

  template.sidenav.onrendered(function() {     this.$('.block-items').sortable({       update: function (e, ui) {         _.each($('.block-item'), function (blockitem) {           var context = blaze.getdata(blockitem.get(0));           var blockid = context._id;         })         console.log("block item rearranged");       }     });

original answer

an easy way id of document when working dom manipulation (other blaze events) explicitly set attribute in template, such as:

<template name="sidenav">   <ul class='block-items white'>     {{#each blocks}}       <li class='block-item' id='{{_id}}'>         <i class="fa fa-fw fa-folder"></i>         <i class="fa fa-fw fa-folder-open"></i>         <a href='#' class='block-item-link'>           {{name}}      ...      {{/each blocks}} </template>

this way, can fetch id using jquery's attr method:

  template.sidenav.onrendered(function() {     this.$('.block-items').sortable({       update: function (e, ui) {         _.each($('.block-item'), function (blockitem) {           var blockid = blockitem.attr('id');         })         console.log("block item rearranged");       }     });

Comments

Post a Comment

Popular posts from this blog

c# - Store DBContext Log in other EF table -

-
i want store logs in db table (imported ef code). my code looks this: public pmcontext() : base("myentities") { configuration.proxycreationenabled = false; configuration.lazyloadingenabled = false; this.database.log = s => logstore(s); } private void logstore(string message) { tlog log = new tlog(); log.description = message; log.insertdate = datetime.now; logs.add(log); savechanges(); } public virtual dbset<tlog> logs { get; set; } i cannot use savechanges() (get error "sqlconnection not support parallel transactions") , if remove line nothing stored in db table. how can fix this? i think happens during savechanges call anywhere in app, because sql generated call logged, triggers nested savechanges call tries start own transaction. and there thing: savechanges call in logstore method trigger logging itself, you'd end starting infin...
Read more

javascript - Karma not able to start PhantomJS on Windows - Error: spawn UNKNOWN -

-
i lost "unknown" error: karma.conf.js: frameworks: ['mocha', 'should'], plugins: ['karma-mocha', 'karma-should', 'karma-phantomjs-launcher'], ... browsers: ['phantomjs'], error: 23 07 2015 14:35:37.691:warn [karma]: no captured browser, open http://localhost:9876/ 23 07 2015 14:35:37.701:info [karma]: karma v0.13.3 server started @ http://localhost:9876/ 23 07 2015 14:35:37.707:info [launcher]: starting browser phantomjs 23 07 2015 14:35:37.738:error [karma]: { [error: spawn unknown] code: 'unknown', errno: 'unknown', syscall: 'spawn' } error: spawn unknown @ exports._errnoexception (util.js:749:11) @ childprocess.spawn (child_process.js:1093:11) @ exports.spawn (child_process.js:933:9) @ object._execcommand (c:\users\jinga4x\git\mdl-sample-project\node_modules\karma\lib\launchers\process.js:63:21) @ object._start (c:\users\jinga4x\git\md...
Read more

Nuget pack csproj using nuspec -

-
i want create nuget package contains specified in nuspec file, still version csproj. in order use token have pack like: nuget pack myproj.csproj but when adds dependencies , creates unwanted folder in nuget package. nuspec file is: <?xml version="1.0" encoding="utf-8"?> <package xmlns="http://schemas.microsoft.com/packaging/2011/08/nuspec.xsd"> <metadata> <id>test</id> <version>$version$</version> <title>test</title> <authors>test</authors> <owners>test</owners> <requirelicenseacceptance>false</requirelicenseacceptance> <description>test</description> <summary>test</summary> <releasenotes>test</releasenotes> <copyright>test</copyright> </metadata> <files> <file src="bin\debug\*.dll" target="lib\net45" /> <file s...
Read more