7d2a18d883
Summary: Provide a dirt-simple working example of client-side templating and reactive programming. Test Plan: Load the examples Reviewers: epriestley, mroch, tomo Reviewed By: epriestley CC: ide, schrockn, aran, rzadorozny, epriestley Differential Revision: 908
29 lines
710 B
JavaScript
29 lines
710 B
JavaScript
/**
|
|
* @provides phabricator-uiexample-reactor-sendproperties
|
|
* @requires javelin-install
|
|
* javelin-view
|
|
* javelin-util
|
|
* javelin-dom
|
|
* javelin-reactor-dom
|
|
*/
|
|
|
|
JX.install('ReactorSendPropertiesExample', {
|
|
extend: 'View',
|
|
members: {
|
|
render: function(rendered_children) {
|
|
var color = JX.$N('input', {value: '#fff000'});
|
|
var title = JX.$N('input', {value: 'seen on hover'});
|
|
var target = JX.$N('span', 'Change my color and title');
|
|
|
|
JX.RDOM.sendProps(target, {
|
|
style: {
|
|
backgroundColor: JX.RDOM.input(color)
|
|
},
|
|
title: JX.RDOM.input(title)
|
|
});
|
|
|
|
return [color, title, target];
|
|
}
|
|
}
|
|
});
|