Discuz教程网

[插件制作] Discuz X2插件制作之模板中添加DIY可拖拽区域

  [复制链接]
authicon dly 发表于 2011-5-4 10:50:43 | 显示全部楼层 |阅读模式
在已经有可拖拽区域的模板中添加更多的可拖拽区域
在Discuz! X默认模板的大部分模板文件中已经内置了多个可拖拽区域,但是如果你觉得这些还不够,还需要添加更多的可拖拽区域怎么办?
打开你要添加可拖拽区域的模板文件,在要添加的位置加入如下代码
  1. <!--[diy=diyid]--><div id="diyid" class="area"></div><!--[/diy]-->
复制代码

DIY使用的tag标签为div,指定的class为area
<!--[diy=diyid]-->和<!--[/diy]-->是一对完整的DIY可拖拽区域闭合标识
[diy=diyid]中的diyid要与后面的DIV的id相同,同时要确保其在页面中唯一,即不能与页面已有元素ID相同。
让自己的程序和模板页面也可以DIY
假设你新建的PHP文件名为test.php,对应的模板文件为/template/default/home/testtpl.htm
test.php程序代码为

  1. <?php>
  2. $var = '';
  3. $arr = array();
  4. ... //程序逻辑
  5. loadcache('diytemplatename');//加载DIY页面缓存,X2中的改进,此缓存必需要加载,目的是为了减少磁盘的IO操作
  6. template('diy:home/testtpl');//加载为模板文件,其中 “diy:”表示支持页面DIY操作
  7. <?>
复制代码

游客,如果您要查看本帖隐藏内容请回复
,此缓存最好是在网站根目录的应用入口文件中加载,如下
  1. ...
  2. $cachelist = array('yourcache', 'diytemplatename');
  3. $discuz->cachelist = $cachelist;
  4. $discuz->init();
  5. ...
复制代码

模板文件代码
  1. ...
  2. <style id="diy_style" type="text/css"></style><!--在模板文件中添加存放CSS代码的标签-->
  3. <div id='ct'>
  4. ...
  5. <!--[diy=diyid]--><div id="diyid" class="area"></div><!--[/diy]--><!--在你需要的地方添加可拖拽区域-->
  6. ..
  7. </div>
  8. <!--[diy=diyid2]--><div id="diyid2" class="area"></div><!--[/diy]--><!--在你需要的地方添加可拖拽区域-->
  9. ...
复制代码

DIY使用的tag标签为div,指定的class为area
<!--[diy=diyid]-->和<!--[/diy]-->是一对完整的DIY可拖拽区域闭合标识
[diy=diyid]中的diyid要与后面的DIV的id相同,同时要确保其在页面中唯一,即不能与页面已有元素ID相同。




上一篇:Discuz X2插件制作之DIY模块模板语法详解
下一篇:Discuz X2插件制作之后台页面开发
authicon summmer 发表于 2011-5-9 10:29:35 | 显示全部楼层
万分感谢楼主
authicon forever21 发表于 2011-5-10 06:59:43 | 显示全部楼层
谢谢,学习了
authicon lightning123 发表于 2011-5-11 06:59:52 | 显示全部楼层
我回不回呢 考虑再三 还是不回了吧 ^_^
authicon lakelouise 发表于 2011-6-16 12:00:01 | 显示全部楼层
我回不回呢 考虑再三 还是不回了吧 ^_^
authicon icenna 发表于 2011-6-17 22:00:02 | 显示全部楼层
有意思~顶顶 ,继续顶顶。继续顶哦
authicon lightning123 发表于 2011-6-21 11:07:51 | 显示全部楼层
看帖必回
authicon qqoxygen 发表于 2011-6-25 16:59:40 | 显示全部楼层
支持楼主,顶一下
authicon 馥郁渊汀 发表于 2011-6-27 21:00:02 | 显示全部楼层
这个还是不错的!
authicon 5itaiwan 发表于 2013-12-23 09:11:22 | 显示全部楼层
來學習^^
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1314学习网 ( 浙ICP备10214163号 )

GMT+8, 2024-3-29 20:11

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表