节点类
节点类组件主要是获取站点下节点的列表信息。
节点导航.cshtml
组件路径
\Views\_Common\Shared\节点导航.cshtml
组件参数
参数名 | 中文名 | 类型 | 控件类型 | 默认值 |
---|---|---|---|---|
NodeIdentifier | 节点标识符 | String | Text | null |
Count | 输出数量 | Int32 | Integer | 99999 |
Depth | 输出层数 | Int32 | Integer | 2 |
CurrentDepth | 当前层数 | Int32 | Integer | 1 |
CurrentNode | 当前节点 | Int32 | Integer | 0 |
IndexName | 首页名称 | String | Text | 网站首页 |
Splitchar | 是否显示竖条间隔 | Boolean | Boolean | False |
AppendItem | 第一个节点(首页)里面插入的html内容 | String | Text | |
ClassName | 导航id和类名 | String | Text | mainNav |
ExecuteJs | 是否执行js,用于做导航特效 | Boolean | Boolean | True |
Effect | 下拉特效 fade:淡入淡出 ; slide:上下伸展 | String | Text | fade |
DelayTime | 特效延迟时间 | Int32 | Integer | 200 |
RemoveOn | 鼠标移走,删除li1的on1类名 | Boolean | Boolean | False |
Type | 导航类型 | Int32 | Integer | 1 |
例1:调用当前站点的导航
调用当前站点下9个一级和一级节点下的二级节点
- 效果图:
- 代码:
<nav class="topNav siteWidth">
@Power.Partial("节点导航", new { Count = 9, Depth = 2 })
</nav>
例2:调用指定栏目下的节点导航
调用当前节点的一级节点,如“两学一做”专题(节点标识符为lxyz)
- 效果图:
- 代码:
<nav class="nav">
@Power.Partial("节点导航", new {NodeIdentifier="lxyz", Count = 7, Depth = 1, IndexName="专题首页", Splitchar = true })
</nav>
节点列表.cshtml
组件路径
\Views\_Common\Shared\节点列表.cshtml
组件参数
参数名 | 中文名 | 类型 | 控件类型 | 默认值 |
---|---|---|---|---|
NodeIdentifier | 节点标识符 | String | Text | |
Count | 列表条数 | Int32 | Integer | 99999 |
TitleLength | 标题长度 | Int32 | Integer | 50 |
ShowPic | 是否显示图片 | Boolean | Boolean | False |
ShowLi | 是否包含Li | Boolean | Boolean | True |
ShowLinkTip | 是否显示链接提示 | Boolean | Boolean | True |
Splitchar | 是否显示竖条间隔 | Boolean | Boolean | False |
ImageWidth | 图片宽度 | Int32 | Integer | 200 |
ImageHeight | 图片高度 | Int32 | Integer | 150 |
ShowArchived | 是否显示归档文字 | Boolean | Boolean | False |
例1:调用信息公开按钮组
调用政务公开下8个子节点。
- 效果图:
- 代码:
<ul class="xxgkIcons">
@Power.Partial("节点列表", new { NodeIdentifier = "zwgk", Count = 8 })
</ul>
例2:节点专题图片列表
调用专题专栏下12个子节点并显示图片,按所设宽高生成缩略图。
- 效果图:
- 代码:
<ul class="specialList">
@Power.Partial("节点列表", new { Count = 12, NodeIdentifier = "ztzl", ShowPic = true, ImageWidth = 350, ImageHeight = 82 })
</ul>
例3:网站底部相关节点列表
调用网站相关下子节点,数量不限。
- 效果图:
- 代码:
<div class="footNav">
@Power.Partial("节点列表", new { NodeIdentifier = "wzxg", ShowLi = false, Splitchar = true })
</div>
节点图文列表.cshtml
组件路径
\Views\_Common\Shared\节点图文列表.cshtml
组件参数
参数名 | 中文名 | 类型 | 控件类型 | 默认值 |
---|---|---|---|---|
NodeIdentifier | 节点标识符 | String | Text | |
Count | 列表条数 | Int32 | Integer | 99999 |
TitleLength | 标题长度 | Int32 | Integer | 50 |
ContentLength | 内容长度 | Int32 | Integer | 200 |
ShowPic | 是否显示图片 | Boolean | Boolean | False |
ShowLi | 是否包含Li | Boolean | Boolean | True |
ShowLinkTip | 是否显示链接提示 | Boolean | Boolean | True |
Splitchar | 是否显示竖条间隔 | Boolean | Boolean | False |
ImageWidth | 图片宽度 | Int32 | Integer | 200 |
ImageHeight | 图片高度 | Int32 | Integer | 150 |
ShowArchived | 是否显示归档文字 | Boolean | Boolean | False |
例1:节点图文式列表
节点图文式列表,可展示节点描述信息。
- 效果图:
- 代码:
<ul class="picNodeList">
@Power.Partial("节点图文列表", new { Count = 40, NodeIdentifier = Model.Identifier, ShowPic = true, ImageWidth = 600, ImageHeight = 320, ContentLength = 240 })
</ul>
节点配置信息.cshtml
组件路径
\Views\_Common\Shared\节点配置信息.cshtml
组件参数
参数名 | 中文名 | 类型 | 控件类型 | 默认值 |
---|---|---|---|---|
NodeIdentifier | 节点标识符 | String | Text | |
DisplayType | 显示类型 | Int32 | Integer | 1 |
ContentLength | 内容长度 | Int32 | Integer | 0 |
ImageWidth | 图片宽度 | Int32 | Integer | 200 |
ImageHeight | 图片高度 | Int32 | Integer | 150 |
示例:节点配置信息
- 效果图:
- 代码:
<div class="xsgkIntro">
<div class="pic">
@Power.Partial("节点配置信息", new { NodeIdentifier = "xsjj", DisplayType = 11, ImageWidth = 268, ImageHeight = 210 })
</div>
<div class="intro">
@Power.Partial("节点配置信息", new { NodeIdentifier = "xsjj", DisplayType = 10, ContentLength = 400 })
</div>
</div>
网站地图.cshtml
组件路径
\Views\_Common\Shared\网站地图.cshtml
组件参数
无组件参数
示例:网站地图
- 效果图:
- 代码:
<ul class="siteMap">
@Power.Partial("网站地图")
</ul>
节点归档图标.cshtml
组件路径
\Views\_Common\Shared\节点配置信息.cshtml
组件参数
参数名 | 中文名 | 类型 | 控件类型 | 默认值 |
---|---|---|---|---|
Node | 节点实体 | String | Text |
示例:节点归档图标
- 效果图:
- 代码:
@Power.Partial("节点归档图标", new { Node = Model })