扩展名:TreeAndMenu

来自MyaWiki.Org
跳转到导航 跳到搜索
MeimaWiKi扩展手册
OOJS用户界面图标
树菜单
发布状态: 稳定的
特里安诺梅蓬
实施 解析器函数 ,请皮肤
说明 创建动态下拉和文件夹树菜单
作者(S) Aran Dunkley全国广告部谈话
最新版本 4.2.2(2018~01-31)
维基百科 1.25 +
数据库更改
许可证 GNU通用公共许可证2
下载
例子 有机设计公司
翻译树和菜单扩展如果在TurtLeWik.NET中可用
检查使用和版本矩阵。

这个树菜单扩展使子弹列表成为文件夹树或动态下拉菜单。

下拉菜单功能使用银鱼之子这是99%个CSS,树组件现在正在使用fQuyTyjjQuery插件而不是d树在以前版本的TeeReand菜单扩展中使用。新的FANKYTE有很多选项和插件,并且非常可扩展,请查看站点和实例更多细节。

使用新特性枫叶树jQuery插件[编辑]

  • 用UL/Li结构本地工作,这使得PHP代码更加简单。
  • 支持Ajax加载子节点
  • 在预览和差异页面中工作,甚至实时预览
  • 更扩展,并有许多其他扩展写
  • 主动开发代码

安装[编辑]

  • 下载并将文件放置在一个名为树菜单在你扩展文件夹。
  • 在你的底部添加下面的代码本地设置以下内容:
    拉伸张力 “树菜单” )(二)
    
  • 是的γ多恩导航到特殊:版本在您的wiki上验证扩展是否成功安装。

用法[编辑]

树和菜单是通过用下面的示例中的解析器函数围绕普通嵌套弹头列表语法创建的。

{{}树:* *项目*** [子项目链接] ** {{*菜单:* *菜单项**[[子菜单有链接] ] **另一个子菜单项}}{{ }树:ID= StETeReY类=NaveTrase}根=有机设计**项***[[子项链接] ] ** *另一个子项}}

树菜单扩展将树与继续存在插件,允许树的状态在页面加载之间保持。要激活它,请使用以下语法:

{{}树:扩展= = [坚持] } **项**[[子项链接] ] * *另一个子项}}

扩展参数的值是JSON,所以引号必须是双非单引号。其他插件可以像这样添加,但是你需要自己加载JavaScript。

选项也可以传递给枫叶树代码和这个例子一样(可用选项的完整列表)在这里):

{{}树:MimExpExpRead=2×**项目**[[子项目链接] ] ** *另一个子项}}

枫叶树选项还可以通过JSON语法传递给各个节点,如下所示,身份证件值直接放入元素,将所有其他JSON数据传递给枫叶树代码通过数据JSON属性。请注意,属性名称也必须引用,而不仅仅是引用值。

{{}树:* *项***{“展开”:true,“id”:“MyExaldDead节点”}[[子项链接] ] ** *另一个子项}}

下列选项被确认:活动的、扩展的、焦点、文件夹、懒惰、选择、不可选择的

样式[编辑]

树的样式是通过使用CSS添加规则来定义的。MiaWiki:Cuff.CSS网页例如,在我的网站上,我使用下面的方法使文本和图标更像TeeReNeMeNU的最后版本。

是的。枫叶树 保险商实验室 {
    背景以下内容: (二)
    边境以下内容: (二)
    字体大小以下内容: 德意志北方银行二甲苯(二)
}
保险商实验室是的。FANYTHE容器 {
    概述以下内容: 0个(二)
    边境以下内容: (二)
    溢出以下内容: 隐藏的(二)
}
是的。枫叶树 第页 {
    显示以下内容: (二)
}
跨度是的。范本树标题 {
    光标以下内容: 违约(二)
}
跨度是的。范本树标题  {
    颜色以下内容: 黑色(二)
}

动态树和菜单[编辑]

你可以使用嵌入包含从其他文章中嵌入树的内容,或者动态地操纵内容。例如ADPL公司查询可以生成TreVIEW语句的正文。空白区在WiKiTeX标记上面指定解析器函数树{{μ树:…}},否则渲染可能失败。延伸:国外它创建了一个树,它显示一些对于SysOP只有可见的链接。

{{}树:* [[主页] ] *[[特殊:ReuntRechange,最近的变化] ] **{{iFiFrGy: Sysop-Admin }}{*{iFiFiGr:Sysop-Log}}}{*{iFiGROMP:SysOP}任务}}}
  • 注:树视图代码将移除任何空项目,以便它们可以有条件地这样工作。

下面是使用动态树的另一个例子DPL公司扩展来生成一个树,该树从类别。

{{}树:* *在[[::类别:Fo] ] {{{ } DPL:类别= Foo*格式=,**,[[%Page %] ] \n,}}}

查询使用一些DPL参数来确保结果之前有两个星号,以便这些项可以出现在根节点内。另见这个例子为了更高级地使用Delphi使用树视图创建一个菜单,该菜单包含两个级别的输出链接,从一个给定的页面,或进入的页面到给定的页面。

子树[编辑]

笔记 这个特性在版本4。X中不能正常工作,被遮挡的内容只能与弹头列表一起工作,并且必须使用正确的深度,因为动态查询在前一节中正在进行。

树木可以在其他树木中被遮挡,这样我们就可以从较小的树木的结构中定义大树。这样的子树使用以下语法定义:

{{}树:* *树1************************{{:Tee2}} **ItEM3}}

在这个例子中,一篇文章叫做树2被作为一个项目树1是的。Teee2可以是另一棵树或普通的子弹列表,如果是树,则忽略属性和选项,整个树按照根树的属性和选项呈现。

用Ajax加载节点[编辑]

新的枫叶树jQuery插件支持Ajax加载节点。这已经被树菜单通过一个扩展阿贾克斯选择权枫叶树使用杰森上面显示的语法。价值阿贾克斯选项是从中检索包含子节点的数据的URL。

URL预期包含另一棵树、普通子弹列表或JSON格式化的节点数组,其中每个节点是一个包含对象的节点。标题可选Href公司密钥和可选的儿童子节点数组。如果“Ajax”选项的值不是绝对的或相对的URL,那么它被假定为文章标题,其内容将被检索。动作=渲染是的。

{{*树:**项目-1 }{“Ajax”:“HTTP://Fo.BAR/BAZ?”FoBaas=1“} ITEM -2 **项-3 -}

在边栏中添加一棵树[编辑]

这种扩展最常用的一种方法是在边栏中添加一个树菜单。如果您使用自定义的皮肤,这是很容易的,但是如果您想在不修改皮肤代码的情况下执行它,那么您可以使用以下方法。

至于MyaWiKi 1.18和以后,我发现了一个让WiKiTeXT进入侧栏的好方法是将函数附加到超前显示钩内容如下。请注意,此示例希望在SidebarTree媒体文章。还要注意这个代码的身份证件独立于身份证件属性设置为树本身,即属性是为了允许不同的CSS用于不同的树。

美元挂钩[“预先显示”][] = WFADDIDA-巴特里(二)
功能 韦氏树 美元,请 $皮肤  {
	美元头衔 = 头衔::新文本 “侧巴特里”,请 新西兰维基 )(二)
	美元条款 = 新的 条款 美元头衔 )(二)
	$HTML = 美元->解析 美元条款->获取内容() )(二)
	美元->AdvHTML “< div id=\“。”WiKiTeT侧栏\“。”>$HTML< / div > )(二)
	返回 (二)
}

这将创建分区元素(可由“WiKiTeT侧栏”用CSS寻址)身份证件属性中包含解析的内容SidebarTree媒体文章(最好不要使用默认的)侧栏这篇文章,因为它可能会引起一些问题)。然后可以使用一些JavaScript添加到您的MyaWiKi:Cuff.JS将元素移动到页面DOM中更合适的位置。例如,下面的JavaScript片段在站点徽标下面插入渲染的WiKiTeXT。

$文件准备好的 功能() {
  风险价值  = $'WiKiTeXT侧栏')(二)
  $“p p-标志”之后 是的。HTML格式() )(二)
  是的。去除();
(});

将树打开到当前页面[编辑]

下面的示例可以添加到您的示例中MyaWiKi:Cuff.JS等待,直到文档准备好,然后将事件添加到树中(由其选择)身份证件属性,在这种情况下α树因此,当树被初始化时,它调用一个辅助函数可看得见的它揭示并激活连接到当前页面的第一个节点。

$文件准备好的 功能() {
    $“圣诞树”绑定“FunyTreInIT”,请 功能事件,请 数据 {
        数据是的。是的。可看得见的();
    (});
(});

另见[编辑]