我开发了一个包含portlet集合的网页。有没有什么方法可以让用户自定义portlet(例如调整大小/删除/更改配色方案),并在用户下次登录时让页面显示自定义布局,而不是显示默认布局和样式?
任何提示或现有的例子都将不胜感激。
<body>
<div class="demo">
<div class="header" ><img src="css/images/logo.gif" style="height=100px;width:100px;"/>
<label class="hd"> Template</label>
<hr>
<div class="column" id="col0">
<div class="portlet" id="p_0">
<div class="portlet-header">Feeds<a class="edit" href="#p_0"></a></div>
<div class="portlet-content">
Keep Checking this space for latest Feeds
</div>
</div>
<div class="portlet" id="p_1">
<div class="portlet-header">News<a class="edit" href="#p_1"></a></div>
<div class="portlet-content"></div>
</div>
<div class="portlet" id="p_2">
<div class="portlet-header">Inbox<a class="edit" href="#p_2"></a></div>
<div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div>
</div>
</div>
<div class="vsprt">
<IMG SRC="css/images/div.png" WIDTH="1" HEIGHT="65%" BORDER="0">
</div>
<div class="column" id="col1">
<div class="portlet" id="p_3" >
<div class="portlet-header">Table Widget<a class="edit" href="#p_3"></a></div>
<div class="portlet-content zoom" id="tb">
</div>
</div>
<div class="portlet" id="p_4">
<div class="portlet-header">Announcements</div>
<div class="portlet-content">No Latests Announcements to display</div>
</div>
</div>
<img src="css/images/footer.gif" WIDTH="100%" height="10px" style="padding- top:20px;margin-top:-200px"/>
</div><!-- End demo -->
</body>
</html>
发布于 2012-01-19 07:08:28
我认为你有两个选择:
将首选项保存在数据库表或Cookie中。对于后者,请参考this link,它很好地解释了如何以这种方式存储您的用户定制。
如果你在编码方面需要一些帮助,你可以发布一些代码(我们不知道你是如何实现你的portets的)。
https://stackoverflow.com/questions/8906031
复制相似问题