jQuery EasyUI使用教程之创建一个RSS阅读器（上）

<jQuery EasyUI最新版下载>

在本文中，我们将使用jQuery EasyUI框架创建一个RSS阅读器。

查看演示

我们将使用以下插件：

• layout：创建应用程序的用户界面

• datagrid：显示RSS Feed列表

• tree：显示Feed频道

Step 1：创建布局

< body class = "easyui-layout" >
< div region = "north" border = "false" class = "rtitle" >
jQuery EasyUI RSS Reader Demo
</ div >
< div region = "west" title = "Channels Tree" split = "true" border = "false" style = "width:200px;background:#EAFDFF;" >
< ul id = "t-channels" url = "data/channels.json" ></ ul >
</ div >
< div region = "center" border = "false" >
< div class = "easyui-layout" fit = "true" >
< div region = "north" split = "true" border = "false" style = "height:200px" >
< table id = "dg"
url = "get_feed.php" border = "false" rownumbers = "true"
fit = "true" fitColumns = "true" singleSelect = "true" >
< thead >
< tr >
< th field = "title" width = "100" >Title</ th >
< th field = "description" width = "200" >Description</ th >
< th field = "pubdate" width = "80" >Publish Date</ th >
</ tr >
</ thead >
</ table >
</ div >
< div region = "center" border = "false" style = "overflow:hidden" >
< iframe id = "cc" scrolling = "auto" frameborder = "0" style = "width:100%;height:100%" ></ iframe >
</ div >
</ div >
</ div >
</ body >

有兴趣的朋友可以点击查看更多有关jQuery EasyUI的文章！