cola.xRender()主要用于动态的对页面进行局部渲染。其支持很多种传入参数。 有些时候cola.xRender()的功能看起来很像$.xCreate(),但其实$.xCreate()只是cola.xRender()的基础, cola.xRender()可以在创建DOM的同时解析其中的所有DOM指令,基本可以满足所有在运行时动态创建DOM元素和控件的需求。

创建DOM

利用最基本的JSON格式的DOM配置来创建DOM元素。

建立绑定

创建DOM元素并建立双向数据绑定。

使用迭代

c-repeat迭代指令

渲染HTML

直接渲染HTML字符串

渲染DOM对象

直接渲染现有的DOM对象

渲染控件配置对象

除了前面的各种输入参数,xRender还能够直接利用控件实例或控件的JSON配置来完成渲染。 在下面的例子中,我们利用了四种不同的方法创建了四个完全相同的按钮。