Comments (6)
Yes, just create a Handlebars.SafeString from the HTML. See here for how I created the table library links. I don't think there's a way to use {{pathFor}}, but you can call the route's path function.
I should probably document this.
from reactive-table.
Add to the documentation under Virtual Columns
from reactive-table.
Hello,
Can you explain how to call the route's path function please?
If I have a route setup that shows the detailed view of one item like this:
this.route('itemDetails', {
path: '/items/:_id',
waitOn: function() {
return Meteor.subscribe('singleItem', this.params._id);
},
data: function() {
return Items.findOne(this.params._id);
}
});
How would I add a SafeString with a link to that path?
I set up an object in the fields array like this:
{
key: '_id',
label: 'Actions',
fn: function (value) {
return new Spacebars.SafeString('<a href="+Routes.route['itemDetails'].path({/items/_id:value})+"');
}
}
But I'm getting some errors. Can you please point me in the right direction? Thanks a lot.
from reactive-table.
Firstly, this JSON completely wrong:
{/items/_id:value}
// should be
{'/items/_id':value}
Lastly:
You can use templates. Instead of fn
, use a tmpl
tmpl: Template.item_operations
where Template.item_operations
is something similar to this:
<a href="/items/{{value}}"> LINK HERE </a>
You can use Routes.route if you want. I've done this example just to show you how a template works.
Hope it helps.
from reactive-table.
Thanks for the example and advice, this helped clear up my confusion.
from reactive-table.
Glad to help. You are welcome!
from reactive-table.
Related Issues (20)
- Is there any way to publish distinct rows and pass parameters in publish function? HOT 1
- $or and $and operators in custom Filters HOT 2
- how to set row height ? HOT 1
- injecting spacebar output into a row cell ? HOT 1
- Row numbering Excel-style HOT 2
- checkbox states is lost during navigation HOT 3
- show loader until data is ready for client HOT 3
- Client-side change page number through custom button HOT 3
- Table is not updated when data is $unset (context.server) HOT 1
- Compare two columns data in custom filter HOT 3
- Using _ properly on server HOT 1
- There are multiple templates named 'leaderboard' HOT 8
- `noDataTmpl` changes the DOM structure of the passed-in template HOT 1
- Table only updates when I update the fields from the first document HOT 1
- reactiveTable error: fields option is required with server-side publications HOT 1
- Error: Must use an ordered observe with skip or limit HOT 1
- Support for Bootstrap 4
- Date custom filter on reactive table collection not working HOT 2
- ReactiveTable.publish not working HOT 1
- getting ids of the whole published collection HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from reactive-table.