bobwen-dev/react-templates
1
0
Fork 0
mirror of https://github.com/bobwen-dev/react-templates synced 2025-04-12 00:56:39 +02:00
Code Issues Releases Wiki Activity

Merge branch 'gh-pages' of github.com:wix/react-templates into gh-pages

Browse Source
This commit is contained in:
avim 2014-11-25 17:25:09 +02:00
commit 51061370d6
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
README.md
View File

@ -84,7 +84,7 @@ Repeats a node with its subtree for each item in an array. This is implemented b
###### Sample: ###### Sample:
```html ```html
<div rt-repeat="myNum in this.getMyNumbers()">{myNumIndex}. myNum</div> <div rt-repeat="myNum in this.getMyNumbers()">{myNumIndex}. {myNum}</div>
``` ```
###### Compiled: ###### Compiled:
```javascript ```javascript
@ -94,7 +94,7 @@ define([
], function (React, _) { ], function (React, _) {
'use strict'; 'use strict';
function repeatMyNum1(myNum, myNumIndex) { function repeatMyNum1(myNum, myNumIndex) {
return React.DOM.div({}, myNumIndex + '. myNum'); return React.DOM.div({}, myNumIndex + '. ' + myNum);
} }
return function () { return function () {
return _.map(this.getMyNumbers(), repeatMyNum1.bind(this)); return _.map(this.getMyNumbers(), repeatMyNum1.bind(this));

12
sample/ImageSearch.rt
View File

@ -1,16 +1,16 @@
<!doctype rt InfiniteScroll="InfiniteScroll"> <!doctype rt InfiniteScroll="InfiniteScroll">
<div className="innerContainer"> <div class="innerContainer">
<div className="searchbox"> <div class="searchbox">
<input type="text" valueLink="{this.linkState('searchTerm')}" onKeyDown="(e) => if (e.keyCode == 13) { this.search(); return false; }"></input> <input type="text" valueLink="{this.linkState('searchTerm')}" onKeyDown="(e) => if (e.keyCode == 13) { this.search(); return false; }"></input>
<button onClick="() => this.search(); return false;">Search</button> <button onClick="() => this.search(); return false;">Search</button>
</div> </div>
<InfiniteScroll className="fixed" onLoadMore="{this.loadMore}" threshold="{150}"> <InfiniteScroll class="fixed" onLoadMore="{this.loadMore}" threshold="{150}">
<div rt-repeat="row in [0, 1, 2]" key="{row}"> <div rt-repeat="row in [0, 1, 2]" key="{row}">
<a rt-repeat="i in this.state.items[row]" href="{i.originalContext}" target="blank" className="container fadeInDown" key="{i.id}"> <a rt-repeat="i in this.state.items[row]" href="{i.originalContext}" target="blank" class="container fadeInDown" key="{i.id}">
<div style="padding-top: {Math.floor(100/i.ratio)}%; background-color: grey"></div> <div style="padding-top: {Math.floor(100/i.ratio)}%; background-color: grey"></div>
<div className="imgContainer"> <div class="imgContainer">
<img width="100%" src="{i.url}"/> <img width="100%" src="{i.url}"/>
<div className="title">{i.title}</div> <div class="title">{i.title}</div>
</div> </div>
</a> </a>
</div> </div>