现在创建我们的Gird对象。第一个参数传入Grid构建函数的是被渲染的container(又作holder:架子、载体、Grid的承受者,在MVC中大量使用)。Container必须指定高度和宽度，如果没有设置绝对/相对的定位,GIRD会设置"相对"。接下的第二和第三的参数是Step 1、 Step2 的对象。
然后我们开始渲染render()。事件上渲染grid到container。在render()调用之前，任何的效果如隔行换色、MouseOver换色等等的必须设置好。尽管数据和选区是事件驱动的，可是一经渲染便不能改变。所以这方法只调用一次。遗憾的是，你不能渲染多个同是一个grid的containers，即grid实例是不可再用的。
Step 4 - 加载一些数据
this.dataModel.load('feed.php', {feed: 'http://feeds.feedburner.com/ajaxian'});创建好XMLDataModel之后，这个方法方可调用。我的建议是在所有东西创建好之后调用该方法，这样的话，用户看到GIRD 的UI之前，数据已经加载好。
load()带有三个方法。URL(必选),参数（可选），回调（可选）。参数亦可以经过编码的encoded字串符 (param1=one¶m2=two) ，或是一个object(例子便是)。如果是对象，发送之前会将其键和值编码成URI。
然后我们开始渲染render()。事件上渲染grid到container。在render()调用之前，任何的效果如隔行换色、MouseOver换色等等的必须设置好。尽管数据和选区是事件驱动的，可是一经渲染便不能改变。所以这方法只调用一次。遗憾的是，你不能渲染多个同是一个grid的containers，即grid实例是不可再用的。
如果你已经有XML文档的话，就可以直接加载，不用AJAX。load方法可以多次调用，替换或追加GRID数据。在view.js代码中你可见到当用户sumbit提交feed form时的load()调用。
创建一个GRID和AJAX加载的代码行数不超过20行，而且是直来直去不绕弯的。虽然这还未能足以发挥GIRD全部威力，但希望这小小的例子能帮助你开始入门。不要被这些类难到你。大多数这些类是在内部使用的，或者你要自定义GIRD或扩展GIRD,都无需修过核心。
完整的 feed-viewer.js下载 here. CSS 这里欲查看HTML源，在IFRAME上右键，应该会有“查看源代码”的选项。
您可能感兴趣的文章: