Stack Overflow
Stack Overflow

Questions tagged [ractivejs]

Ractive.js is a non-opinionated JavaScript library for building reactive user interfaces.

Ractive.js is a template-driven UI JavaScript library for building reactive user interfaces in a way that doesn't force you into a particular framework's way of thinking. Its features include:

  • Data-binding, with a beautiful declarative syntax
  • Event handling that doesn't make you frustrated
  • Flexible and performant animations and transitions

...among many others. It takes a radically different approach to DOM manipulation - one that saves both you and the browser unnecessary work.

Home page: ractive.js.org.

432 questions
0
votes
1 answer

Changing el of Ractive Object

In our project we are using Ractive together with Backbone. Backbone.View has a "setElement" method, that basically sets the el property of a Backbone.View, thus allowing to attach the View to a different element of the DOM. I was wondering if…
skeptic35
  • 61
  • 5
-1
votes
2 answers

How to add multiple ractive objects on one page?

I am new to Ractive JS.I want to know that How to create multiple ractive objects for individual template? Thanks In Advance Samir Kahar
Samir K
  • 11
  • 5
-1
votes
1 answer

Ractive.extend() with existing classes

I'm new to Ractive.js and although it's been ridiculously easy to learn I'm hung up on how to implement the one feature I really want out of it. All of the examples in both the documentation and tutorials for Ractive.extend() involve adding custom…
Sophia Gold
  • 756
  • 1
  • 8
  • 18
-1
votes
1 answer

Not converted text/ractive to HTML

Why not converted text/ractive to HTML. This is result in browser: This is code in page which include template: This is the template: This is error in console: This if instance using the template:
ArchiSova
  • 181
  • 7
-1
votes
2 answers

Ractive.js view not updating when reference object changes

My problem is best described in the http://jsfiddle.net/shrekuntu/ek2m25cj/7/ //--ractive code in jsfiddle I have a list of 'workstations' and clicking on a workstation sets a ractive object 'current_ws' for editing. If I change the name of the…
Shreko
  • 321
  • 4
  • 16
-1
votes
1 answer

How to organise RactiveJS code

I struggle to find any suggestions how to organize RactiveJs code. Currently I just put RactiveJs code to the bottom of the page. It was okay till my scripts were small. But the bigger they are the more problem it causes. I'm considering moving the…
SiberianGuy
  • 24,674
  • 56
  • 152
  • 266
-1
votes
1 answer

Is it possible to nest components in the definition of one component?

I would like to compose components defined with ractivejs library. I know I can do this within one template by having them one next to the other. For instance : template : "" But what I want to do, is nesting components,…
user3743222
  • 18,345
  • 5
  • 69
  • 75
-1
votes
1 answer

how to use modernizr to load ractive legacy

I need to work on a project, that needs legacy support. How would I go about integrating it with modernizr to only load legacy if necessary? Is that even possible?
SimonEritsch
  • 1,047
  • 1
  • 8
  • 22
-2
votes
2 answers

Console.log only showing object instead of data

I'm trying to print the data object but the console is showing me only the word inside. I have attached an image of my current problem. The concept of this code is to get the value inside a input element and store inside an object. I'm currently…
clestcruz
  • 1,081
  • 3
  • 31
  • 75
-2
votes
1 answer

What is the principle of ractivejs's two way binding?

I'm using ractivejs,I know angularjs's two way binding based "dirty check",but I don't know the principle of ractivejs,who knows?I want a detailed answer.
user3387471
  • 113
  • 2
  • 5
-3
votes
2 answers

How to distribute 100 between number of items in an array

I am thinking of Round Robin algorithm but i am getting more confused. Following is an example with only 4 items items[]: [ "item1": 100, "item2": 0, "item3": 0, "item4": 0, ] Basically, I have to distribute 100 among 4 items. The total must always…
Malarivtan
  • 404
  • 1
  • 6
  • 20
-3
votes
1 answer

Need help in display tree structure using Ractive js

I am new to Ractive js. I need to display organisational hierarchy in a form of tree. I have 1 array defined in my Ractive template. managerTeam = {M1: [T1, T2, M2, T3], M2: [M3, T4,T5], M3: [T6,T7]}; where M1 is the root manager, T1-T7 are…
aish123
  • 141
  • 4
1 2 3
…
28
29