stl:searchOutput 自定义显示样式

  • 自定义搜索提交表单需要在<stl:searchOutput>中嵌入显示搜索结果的标签，必须包含的标签 有<stl:pageContents>和<stl:pageitems>及<stl:pageItem>元素，分 别用于显示搜索结果分页列表和搜索结果翻页项。

注意:

  • <stl:searchOutput>内必须包含一个<stl:pageContents>元素，用于显示搜索结果内容列表，详情请参考<stl:pageContents>元素。
  • <stl:searchOutput>内必须包含一个<stl:pageitems>元素和多 个<stl:pageItem>元素，用于显示翻页项，详情请参考<stl:pageItems>元素 及<stl:pageItem>元素。
  • <stl:searchOutput>中除以上元素外可以添加任意Html元素或STL元素，用于组织显示样式。

stl:searchOutput 示例

  • 示例一：采用默认方式显示搜索结果
<stl:searchOutput pageNum="12" width="500"></stl:searchOutput>

<stl:searchOutput pageNum="12" width="500"></stl:searchOutput>
  • 示例二：采用自定义方式显示搜索结果，搜索结果关键字高亮显示
<stl:searchOutput width="500" isHighlight="true">

    <stl:pageContents scope="All" pageNum="12">

        <div>

        <stl:a target="_blank"></stl:a><br />

<stl:content type="Content" isClearTags="true" wordNum="120"></stl:content>

        </div>

    </stl:pageContents>

    <br />

    <stl:pageItems>

<table cellpadding="0" cellspacing="0" width="90%" height="40" align="center">

    <tr><td align="left">

        <stl:pageItem type="FirstPage" text="首页"></stl:pageItem> |

        <stl:pageItem type="PreviousPage" text="上一页"></stl:pageItem> |

        <stl:pageItem type="NextPage" text="下一页"></stl:pageItem> |

        <stl:pageItem type="LastPage" text="末页"></stl:pageItem>

    </td><td align="right">

<stl:pageItem type="CurrentPageIndex" text="当前页："></stl:pageItem>

<stl:pageItem type="PageNavigation"></stl:pageItem>

    </td></tr></table>

    </stl:pageItems>

</stl:searchOutput>

<stl:searchOutput width="500" isHighlight="true">

    <stl:pageContents scope="All" pageNum="12">

        <div>

        <stl:a target="_blank"></stl:a><br />

<stl:content type="Content" isClearTags="true" wordNum="120"></stl:content>

        </div>

    </stl:pageContents>

    <br />

    <stl:pageItems>

<table cellpadding="0" cellspacing="0" width="90%" height="40" align="center">

    <tr><td align="left">

        <stl:pageItem type="FirstPage" text="首页"></stl:pageItem> |

        <stl:pageItem type="PreviousPage" text="上一页"></stl:pageItem> |

        <stl:pageItem type="NextPage" text="下一页"></stl:pageItem> |

        <stl:pageItem type="LastPage" text="末页"></stl:pageItem>

    </td><td align="right">

<stl:pageItem type="CurrentPageIndex" text="当前页："></stl:pageItem>

 <stl:pageItem type="PageNavigation"></stl:pageItem>

    </td></tr></table>

    </stl:pageItems>

</stl:searchOutput>
  • 示例三：自定义搜索结果及无搜索内容时提示
<stl:searchOutput width="500">

<stl:successTemplate>

    <stl:pageContents scope="All" pageNum="12">

        <stl:a target="_blank"></stl:a>

    </stl:pageContents>

    <br />

    <stl:pageItems>

<table cellpadding="0" cellspacing="0" width="90%" height="40" align="center">

    <tr><td align="left">

        <stl:pageItem type="FirstPage" text="首页"></stl:pageItem> |

        <stl:pageItem type="PreviousPage" text="上一页"></stl:pageItem> |

        <stl:pageItem type="NextPage" text="下一页"></stl:pageItem> |

        <stl:pageItem type="LastPage" text="末页"></stl:pageItem>

    </td><td align="right">

<stl:pageItem type="CurrentPageIndex" text="当前页："></stl:pageItem>

        <stl:pageItem type="PageNavigation"></stl:pageItem>

    </td></tr></table>

    </stl:pageItems>

</stl:successTemplate>

<stl:failureTemplate>

<table width="90%" cellspacing="2" cellpadding="2" border="0"><tbody><tr><td align="center">

        抱歉，找不到和您的查询相符的项目。</td></tr></tbody></table>

</stl:failureTemplate>

</stl:searchOutput>

<stl:searchOutput width="500">

<stl:successTemplate>

<stl:pageContents scope="All" pageNum="12">

        <stl:a target="_blank"></stl:a>

    </stl:pageContents>

    <br />

    <stl:pageItems>

<table cellpadding="0" cellspacing="0" width="90%" height="40" align="center">

    <tr><td align="left">

        <stl:pageItem type="FirstPage" text="首页"></stl:pageItem> |

        <stl:pageItem type="PreviousPage" text="上一页"></stl:pageItem> |

        <stl:pageItem type="NextPage" text="下一页"></stl:pageItem> |

        <stl:pageItem type="LastPage" text="末页"></stl:pageItem>

    </td><td align="right">

<stl:pageItem type="CurrentPageIndex" text="当前页："></stl:pageItem>

        <stl:pageItem type="PageNavigation"></stl:pageItem>

    </td></tr></table>

    </stl:pageItems>

</stl:successTemplate>

<stl:failureTemplate>

<table width="90%" cellspacing="2" cellpadding="2" border="0"><tbody><tr><td align="center">

        抱歉，找不到和您的查询相符的项目。</td></tr></tbody></table>

</stl:failureTemplate>

</stl:searchOutput>

Siteserver-stl:searchOutput(搜索结果)自定义显示样式的更多相关文章

  1. Sharepoint 2013内容查询Web部件自定义显示样式（实战）

    分享人:广州华软 星尘 一. 前言 在进行Sharepoint开发时,经常会遇到内容展示个性化需求的问题,当然如果通过自定义开发控件对于内容展示的需求基本都可以很好的解决,但自定义开发也有不好的地方, ...

  2. 自定义plain 样式的 tableview,模拟器上不显示分割线,真机上却显示分割线.

    一, 经历 1> 自定义plain 样式的 tableview,模拟器上不显示分割线,真机上却显示cell 下面的分割线. 2> 尝试使用表格的separatorStyle属性,尝试失败. ...

  3. 第二篇、Swift_自定义 tabbar 的 badgeValue显示样式

    在实际的开发中,我们常常需要根据实际的需求,去改变bageValue的显示样式,默认是红色的背景,白色的字体颜色 使用方式: class BKTabBarController: UITabBarCon ...

  4. zTree自定义节点name显示样式

    //setting中配置属性 view: { showLine:false, dblClickExpand: true, showIcon: false, addDiyDom: addDiyDom / ...

  5. Thinkphp5 自定义分页样式显示页码和数量

    Thinkphp5 自带的分页比较简单,本文通过修改Bootstrap类自定义显示分页的页码和数量 一.修改完成后如下图显示 二.修改Bootstrap代码: 1.为了不改动Bootstrap.php ...

  6. jQuery自定义滚动条样式插件mCustomScrollbar

    如果你构建一个很有特色和创意的网页,那么肯定希望定义网页中的滚动条样式,这方面的 jQuery 插件比较不错的,有两个:jScrollPane 和 mCustomScrollbar. 关于 jScro ...

  7. Android设置选项开发及自定义Preference样式

    一个完整的Android应用程序都应该提供选项(或者叫偏好设置等等)让用户对APP的表现形式能够进行设置,比如说是否加入用户体验计划,或者是否自动升级.定时提醒.开启自启动.后台运行等等.提供一个好的 ...

  8. LCD12864 液晶显示-汉字及自定义显示（并口）

    LCD12864带字库,型号:CM12864-12.其相关数据手册可以在百度中搜索“ST7920 系列中文图形液晶模块使用说明书”,里面有详细的介绍.这里就不在多描述. 其原理简图:(我们只需关心接口 ...

  9. CSS3自定义滚动条样式

    原文地址:→传送门 写在前面 滚动条是个很常见的东东,不过某些浏览器自带的滚动条确实不太好看啊,下面可以作为学习,探讨下自定义滚动条的实现,这样你的滚动条就可以美美的啦.但是,也只能玩玩,因为只针对w ...

随机推荐

  1. Java 串口通信

    在Windows系统下,用Java开发串口通信相关的程序时,需要用到几个文件. (1)win32com.dll 要放在jdk\jre\bin目录下. (2)comm.jar 和javax.comm.p ...

  2. JAVA解析XML的四种方法

    XML文件:test.xml <?xml version="1.0" encoding="UTF-8"?> <employees> &l ...

  3. Maven No compiler is provided in this environment. Perhaps you are running on a JRE rather than a JDK? 问题

    maven编译项目时出错,提示信息如下: [ERROR] Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3 ...

  4. 双击导航栏自动滑动ListView到顶部

    有些app都实现了双击导航栏让页面的list自动滑动到顶部的feature. 先实现一个继承于OnTouchListener的监听多次点击事件的监听器,通过callback把连续点击的次数返回给客户代 ...

  5. ubuntu16.04 NVIDIA显卡驱动安装

    安装环境:Ubuntu16.04 1.打开终端,先删除旧的驱动: sudo apt-get purge nvidia* 2禁用自带的 nouveau nvidia驱动 (important!) 创建一 ...

  6. HTTP响应消息中的状态代码

  7. ecshop调用后台指定广告位下所有广告循环

    ecshop本身的广告调用规则是:对某个广告位下的广告列表随机显示其中一条. 而我们有时需要将某个广告位下的所有广告全部显示出来,那么如何处理呢,下面就自己做了一个函数: \includes\lib_ ...

  8. 解决NetBeans 8.x的字体问题

    笔者喜欢用 Consolas 编码,而NetBeans的默认字体是 Monospaced 13. 尽管可以通过"选项-字体和颜色-所有语言"改变默认的字体,比如 Consolas ...

  9. UItableview 添加 uisearchController

    @property (nonatomic, strong) UISearchController* searchController; self.searchController = [[UISear ...

  10. php接口

    如果要继承多个类的方法规范,用接口,因为抽象类只能继承一个: 如果要共享一个方法体内容,用抽象类: <?php //接口是为了规范实现它的子类,以达到统一的目的 //接口不能被实例化 inter ...