dede文章页怎么实现tab功能。如分成三个tab--产品参数，产品功能，配件三个tab，点哪一个显示哪个一个。

Posted 2023-05-01

dede默认的文章模板article_article.htm内容是由上到下的。怎么可以加入一个tab模板，比如分成产品参数，产品功能，机器配件三个tab，点击哪个就显示哪个的内容。而且后台可以分别填写这三个tab的内容？记住，是文章页article_article.htm。最好直接告诉我代码，或哪有类似模板。谢谢~
类似这种。点击哪一个就显示哪个内容。可以在后台编辑内容。

参考技术A 只能用DEDE的自定义模型了。追问

请问有没有现在的模板或代码给我参考？实现以上切换效果即可。

追答

不好意思，还真没有。 这个TAB效果的前台的CSS与JS需要你自己网上找或者自己写，然而后台就需要自定义模型来实现。核心->频道模型->内容模型管理。 自定义模型的还是支持用arclist、list 标签调用，只是调用的时候必须指定模型的ID号，必须指定调用的字段名。

本回答被提问者采纳 参考技术B 实现tab需要加入js,你在网站找一下，或者看一下dedecms源码中首页右边的那个会员登录部分（最新的系统），看下他怎么实现。

easyui tab标签页拖拽排序

如图,我想让12345标签也可拖拽还能返回顺序
求求大神们怎么实现啊?
实在不行,不用拖拽也可以,使用标签页上的上下按钮进行移动.
随便哪种方法都行
我的tab标签也已经创建好了,就像图中那样,
我是问:怎样实现改变标签页的顺序?比如:让4号标签页跑到最上面去

参考技术A 经由标记创建Tabs
从标记创建Tabs更容易，我们不需要写任何JavaScript代码。记住把 'easyui-tabs' 类添加到<div/>标记，每个tab panel 经由子<div/>标记被创建，其用法与Panel一样。

复制代码代码如下:
<div id="tt" style="width:500px;height:250px;">
<div title="Tab1" style="padding:20px;display:none;">
tab1
</div>
<div title="Tab2" closable="true" style="overflow:auto;padding:20px;display:none;">
tab2
</div>
<div title="Tab3" iconCls="icon-reload" closable="true" style="padding:20px;display:none;">
tab3
</div>
</div>

2. 编程创建Tabs
现在我们编程创建 Tabs，我们同时捕捉 'onSelect' 事件。
复制代码代码如下:
$('#tt').tabs(
border:false,
onSelect:function(title)
alert(title+' is selected');

);

增加新的 tab panel
复制代码代码如下:
// 增加一个新的 tab panel
$('#tt').tabs('add',
title:'New Tab',
content:'Tab Body',
closable:true
);

获取选中的 Tab
复制代码代码如下:
// 获取选中的 tab panel 和它的 tab 对象
var pp = $('#tt').tabs('getSelected');
var tab = pp.panel('options').tab; // 相应的 tab 对象。