Permalink
Browse files

jquery ui portlet发布v1.1.0

  • Loading branch information...
1 parent f2644d3 commit 174792cce12a8dc8bcecd56a9b654f2e377f418b @henryyan committed Dec 7, 2012
@@ -23,6 +23,6 @@ Portlet是企业系统中比较重要的一块内容,可以展示企业的各
![jquery-ui-portlet插件截图](/files/2012/11/jquery-ui-portlet.png)
----
-**项目主页(Demo):**[http://www.kafeitu.me/jqyery-ui-portlet.html](/jquery-ui-portlet.html)
+**项目主页(Demo):**[http://www.kafeitu.me/demo/jquery-ui-portlet/index.html](/demo/jquery-ui-portlet/index.html)
**源码(Github):**[https://github.com/henryyan/jquery-ui-portlet](https://github.com/henryyan/jquery-ui-portlet)
@@ -0,0 +1,33 @@
+---
+layout: post
+title: "jQuery UI Portlet V1.1.0 发布"
+category: jquery
+tags:
+ - jquery
+ - ui
+ - portlet
+ - 插件
+---
+
+## 前言
+
+继11.22日发布了第一版[jQuery UI Portlet](/jquery/2012/11/22/jquery-ui-portlet.html)之后得到了一些网友的反馈,今天把酝酿了几天的想法全部加入到了新版本中。
+
+## 1. 新特性
+
+1. 添加单视图模式,双击标题栏可以进行切换,并且有动画效果
+2. 添加内容高度设置,可以为每个portlet设置高度
+3. 添加压缩版本的js文件
+4. demo页面大调整,用:左上右的layout布局,方便演示
+5. 同步API
+
+## 2. 新版截图
+
+![](/files/2012/12/jquery-ui-portlet-v1.1.0.png)
+
+## 3. Roadmap
+
+1. 支持跨列布局
+2. 添加更多的回调
+
+想要更多功能?给我留言吧!
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -3,125 +3,6 @@ layout: master
title: jQuery UI Portlet—基于jQuery UI的Portlet应用插件
---
-# jQuery UI Portlet—基于jQuery UI的Portlet应用插件
-
-## 1.演示与源码
-
-![jquery-ui-portlet插件截图](/files/2012/11/jquery-ui-portlet.png)
-
-**在线Demo:**[http://www.kafeitu.me/demo/jquery-ui-portlet/portlet.html](/demo/jquery-ui-portlet/portlet.html)
-
-**源码(Github):**[https://github.com/henryyan/jquery-ui-portlet](https://github.com/henryyan/jquery-ui-portlet)
-
-## 2.插件API
-
-<table class="parameters" style='margin-bottom: 2em;'>
- <caption align="left">表1--jQuery UI Portlet 插件API</caption>
- <tr>
- <th>参数</th>
- <th>描述</th>
- <th>默认值</th>
- </tr>
- <tr>
- <td>sortable</td>
- <td>是否启用拖动功能,内部调用sortable插件</td>
- <td>true</td>
- </tr>
- <tr>
- <td>create</td>
- <td>当创建portlet组件时被调用</td>
- <td>&nbsp;</td>
- </tr>
- <tr>
- <td>removeItem</td>
- <td>关闭一个portlet时的回调函数</td>
- <td>&nbsp;</td>
- </tr>
- <tr>
- <td>columns</td>
- <td>见表2</td>
- <td>&nbsp;</td>
- </tr>
-</table>
-
-<table class="parameters" style='margin-bottom: 2em;'>
- <caption align="left">表2--jQuery UI Portlet 插件API--columns</caption>
- <tr>
- <th>参数</th>
- <th>描述</th>
- <th>默认值</th>
- </tr>
- <tr>
- <td>width</td>
- <td>宽度</td>
- <td>300</td>
- </tr>
- <tr>
- <td>portlets</td>
- <td colspan="2">
- <table class="parameters">
- <tr>
- <th>参数</th>
- <th>描述</th>
- <th>默认值</th>
- </tr>
- <tr>
- <td>attrs</td>
- <td>portlet的属性, json数组格式</td>
- <td>&nbsp;</td>
- </tr>
- <tr>
- <td>title</td>
- <td>portlet的title,支持:静态文本,function</td>
- <td>&nbsp;</td>
- </tr>
- <tr>
- <td>beforeRefresh</td>
- <td>刷新portlet之前被调用</td>
- <td>&nbsp;</td>
- </tr>
- <tr>
- <td>afterRefresh</td>
- <td>刷新portlet之后被调用</td>
- <td>&nbsp;</td>
- </tr>
- <tr>
- <td>content</td>
- <td>
- <ul>
- <li><b>type:</b>内容获取方式:text、ajax</li>
- <li><b>text:</b>portlet的内容,html或者function</li>
- <li><b>beforeShow:</b>设置内容之前被调用</li>
- <li><b>afterShow:</b>设置内容之后被调用</li>
- <li><b>url:</b>当type:'ajax'时需要指定数据来源的网址</li>
- <li><b>dataType:</b>当type:'ajax'时需要指定获取的数据类型,所有jquery的ajax支持的数据类型,目前支持:html、json</li>
- <li><b>formatter:</b>当type:'ajax'并且dataType:'json'时被调用,用来处理json数据从而转换为html。调用时传入三个参数:[表1中的参数,本表中的参数, 数据]</li>
- </ul>
- </td>
- <td>&nbsp;</td>
- </tr>
- <tr>
- <td>scripts</td>
- <td>数组:指定portlet加载完内容后的js文件路径</td>
- <td>&nbsp;</td>
- </tr>
- </table>
- </td>
- </tr>
-</table>
-
-<table class="parameters" style='margin-bottom: 2em;'>
- <caption align="left">表3--jQuery UI Portlet 插件更新参数&nbsp;$('#portlet1').portlet('option', 'paramName', paramValue)</caption>
- <tr>
- <th>参数名称</th>
- <th>描述</th>
- </tr>
- <tr>
- <td>sortable</td>
- <td>设置开启/禁用拖动功能</td>
- </tr>
-</table>
-
-## 3.代码示例
-
-<script src="https://gist.github.com/4132029.js?file=jquery-ui-portlet-demo.html"></script>
+<script>
+location.href = '/demo/jquery-ui-portlet/index.html';
+</script>

0 comments on commit 174792c

Please sign in to comment.