本文实例讲述了通过jQuery易用户界面框架创建一个简易资讯聚合阅读器，分享给大家供大家参考。具体如下：运行效果截图如下：

我们将使用以下插件：布局：创建应用的用户界面数据网格：显示简单讯息聚合订阅列表树：显示饲料频道。步骤1:创建布局（布局)

body class=' measuri-layout ' div region=' north ' border=' false ' class=' rtitle ' jQuery measuri RSS Reader Demo/div div region=' west ' title=' Channels Tree ' split=' true ' border=' false ' style=' width :200 px；background : # EAFDFF ' ul id=' t-channels ' URL='数据/通道。JSON '/ul/div region=' center ' border=' false ' div class=' measuri-layout ' fit=' true ' div region=' north ' split=' true ' border=' false ' style=' height :200 px ' table id=' DG ' URL=' get _ feed。PHP ' border=' false '行号=' true ' fit=' true ' FitColumns=' true '单选=' true ' the heat :100% '/iframe/div/div/body步骤2:数据网格（数据网格)处理事件

在这里我们要处理一些由用户触发的事件。

$('#dg ').datagrid({ onselect3360函数（索引，行){ $('#cc ').attr('src '，第行。链接)；}，OnLoadSuccess: FuncTion(){ var rows=$(this).datagrid(' GetRows ')；if(row . length){ $(this).datagrid('selectRow '，0)；} }});本实例使用' onSelect '事件来显示饲料的内容，使用' onLoadSuccess '事件来选择第一行。步骤3:树形菜单（树)处理事件

当树形菜单（树)数据已经加载，我们需要选择第一个叶子节点，调用"选择"方法来选择该节点。使用' onSelect '事件来得到已选择的节点，这样我们就能得到对应的' url '值。最后我们调用数据网格（数据网格)的负荷方法来刷新饲料列表数据。

$(“# t-channel”).树({ OnSelect : function(node){ var URL=node。属性。网址；$('#dg ').datagrid('load '，{ URL : URL })；}，onLoadSuccess:function(节点，数据){ if (data.length){ var id=data[0].儿童[0]。儿童[0]。id；var n=$(这个)。树(“find”，id)；$(这个)。树(“选择”，n . target)；} }});以上就是关于易居创建简单讯息聚合订阅阅读器的相关教程，希望对大家的学习有所帮助。