a fast data render based on jQuery which could be convenient for show data in html from json
一个基于jQuery的json数据快速展示系统
#sample
<div class="info"> <span render-html="weather"></span> <ul render-loop="seven_days"> <li render-html="seven_days.weather"></li> </ul> </div>
var data = { weather:'sunshine', seven_days:[ { weather:'windy' }, { weather:'rainy' }, { weather:'cloud' } ] }; $(".info").renderValues(data);
#desc 1.所有的数据展示都是在某一个标签内
all kind of data must be show at one html element
sample
<span render-html="username"></span>
if the type is loop, the child element should be surrounded with a div
循环类型的子循环,子元素的第一个元素,所以尽量套一个div进去
<div render-loop="seven_days"> <div> <span render-html="seven_days.temperature"></span> <span render-html="seven_days.weather"></span> </div> </div>
<div render-loop="seven_days"> <span render-html="seven_days.temperature"></span> <span render-html="seven_days.weather"></span> </div>
- type list which can be render
render-html, render-src, render-value, render-href, render-loop, render-attr(self defined property:render-attr="userid=uid") render-key(this should provide a render-fun property ,please read exmples)
Jrender don't support table now