新点网站大师控件 VScode 插件

控件基础知识介绍

控件

控件模板

• 通用模板

<commonTemplate>通用数据模板</commonTemplate>
<lineTemplate>通用数据，针对{@linehtml}</lineTemplate>
<SecondLineTemplate> 第二列数据，针对{@linehtml2}</SecondLineTemplate>
<ThirdLineTemplate> 第三列数据，针对{@linehtml3}</ ThirdLineTemplate >
<SpecialLineTemplate+数字>特殊行使用</SpecialLineTemplate+数字>
<SecondSpecialLineTemplate+数字>第二列数据特殊行使用，数字表示第几行</SecondSpecialLineTemplate>
<ThirdSpecialLineTemplate+数字>第三列数据特殊行使用，数字表示第几行</ThirdSpecialLineTemplate>

• 指定层级特殊模板

<specialLevel+数字CommonTemplate>指定层级特殊模板，数字代表层级<specialLevelCommonTemplate>
<specialLevel+数字LineTemplate>指定层级特殊模板，数字代表层级<specialLevelLineTemplate>
<specialLevel+数字1SpecialLineTemplate+数字2>指定层级特殊模板模板，数字1为层级，数字2为第几行，该标签优先级最高<specialLevelSpecialLineTemplate>

<speciallevel+数字1Index+数字2commonTemplate>指定层级特殊模板，数字1为层级，数字2为行数，数字2以-的形式表现，比如2-4，指2-4行的数据
</speciallevel+数字1Index+数字2commonTemplate>
<speciallevel+数字1Index+数字2lineTemplate>指定层级特殊模板，数字1为层级，数字2为行数，数字2可以以-的形式表现，比如2-4，指2-4行的数据
</speciallevel+数字1Index+数字2lineTemplate>

• 其他特殊模板

<remainderTemplate>余数列模板< remainderTemplate>
<splitTemplate >分隔行模板< splitTemplate >
<lastTemplate>最后一行模板< lastTemplate>
<EmptyResult>数据为空时显示内容</EmptyResult>
<wrapperCommonTemplate>分页模板</wrapperCommonTemplate>

• 分页

<pageTemplate><ul><li>{@firstlink}</li><li>{@previouslink}</li>{@pagelisthtml}<li>{@nextlink}</li><li>{@lastlink}</li></ul></pageTemplate>
<pageListTemplate><li>{@pagelink}</li></pageListTemplate>
<linkTemplate><a href="{@url}">{@name}</a></linkTemplate>

控件属性和占位符

• 属性及占位符概念介绍 先了解下属性及占位符的概念，以 flash 轮播图片为例

<e:flashpic categorynum="001001" width="494" height="280" row="3" >
     <commontemplate>
         <![CDATA[{@linehtml}]]>
     </commontemplate>
     <linetemplate>
        <![CDATA[  <div class="wb-slider-ctag"><a href="{@infourl}" target="{@target}">
        <img src="{@headnewsimg}" alt=""></a></div>]]>
     </linetemplate>
 </e:flashpic>

flashpic：控件名称；

categorynum、width、height等：控件属性；

{@linehtml}、{@infourl}：用{}标识的是控件的占位符；

commontemplate、linetemplate等：控件模板；

Sql 中查出的字段都可直接当占位符来使用，另外网站大师提供了一些常用的属性及占位符：

• 占位符通用方法:

1. @date@ 时间格式化 例如:{@InfoDate@date@yyyy-MM-dd}

2. 前台时间显示支持 24 小时制{@infodate@date@MM-dd HH24:MM:SS}

3. @cut@ 字符串截取 例如:{@title@cut@60}

• 通用属性

• 通用占位符

一种尺寸：{@HeadNewsImg}、 多种尺寸：{@HeadNewsImg1}、{@HeadNewsImg2}、{@HeadNewsImg3}、{@HeadNewsImg4} 图片路径，控件的图片只有一种尺寸，使用{@HeadNewsImg}占位符； 当控件中需要展示多种尺寸的图片，控件属性中的宽、高设置为多个，用分号隔开，且必须采用带有数字的占位符，如{@HeadNewsImg1}{@HeadNewsImg2} baseimgpath 图片路径（原图），如果项目中客户反馈缩略图像素低，可以采用该占位符，取原图

• DataListAction（通用于 PageDataListAction）属性

• DataListAction（通用于 PageDataListAction）占位符

• PageDataListAction 属性

• DataDetailAction 占位符

• AjaxJsonDataAction 属性

• 树类型下包含属性：

• AjaxJsonUrlAction 属性

• NestTemplateAction 属性