How do I implement custom rendering logic in dust.js?

Question

I'm using dust.js to render a list of variable names that are sometimes long and contain underscores like:

SUM_COUNT_LABOR_COUNTRIES_SMS_PAST

The browser doesn't wrap on underscores so it can get ugly. I'd like my dust template to add a zero-width space after each underscore so the browser can wrap it. This definitely belongs in the template layer and not with the model, but I can't figure out how to properly achieve this with dust.js and it's otherwise very good principle of separating presentation from logic.

Do I create a "helper" function? Where do I put the helper function? How do I call it from the template?

asyraf9 · Accepted Answer · 2012-06-26 05:53:29Z

10

there are many ways in dust to approach this. what i think you're looking for is to probably define a dust filter. you can extend dust.filters to add your own filter. dust.filters looks like this in the source:

dust.filters = {
  h: function(value) { return dust.escapeHtml(value); },
  j: function(value) { return dust.escapeJs(value); },
  u: encodeURI,
  uc: encodeURIComponent,
  js: function(value) { if (!JSON) { return value; } return JSON.stringify(value); },
  jp: function(value) { if (!JSON) { return value; } return JSON.parse(value); }
};

so what you want to do is add another key-value to it that filters your variable. e.g. if you use underscore:

_.extend(dust.filters, {zws: function(value){ your code here}})

then you can call it in your dust template like so:

the variable is: {variable|zws}

hope this helps.

answered Jun 26, 2012 at 5:53

asyraf9

5073 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

andrhamm Over a year ago

This is great, helped me create an easy way of checking the length of an array

Collectives™ on Stack Overflow

How do I implement custom rendering logic in dust.js?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related