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. PHP变量入门教程(2)超全局变量,总共9个

    PHP 超全局变量 $GLOBALS 包含一个引用指向每个当前脚本的全局范围内有效的变量.该数组的键标为全局变量的 名称.从 PHP 3 开始存在 $GLOBALS 数组. $_SERVER 变量由 ...

  2. 解决 PhpStorm 对 用单例模式实例化PHP类时,代码自动提示功能失效 的问题

    大部分PHP框架中,为了防止一个类被重复实例化,往往采用“单例模式”实例化类.我们的项目框架是这样做的: 先写好一个基类 /framework/Base.class.php,内容如下: <?ph ...

  3. ReflectionToStringBuilder类

    ReflectionToStringBuilder类是用来实现类中的toString()方法的类,它采用Java反射机制(Reflection),通过reflection包中的AccessibleOb ...

  4. MySQL SQL优化

    一.优化数据库的一般步骤: (A) 通过 show status 命令了解各种SQL的执行频率. (B) 定位执行效率较低的SQL语句,方法两种: 事后查询定位:慢查询日志:--log-slow-qu ...

  5. 欧拉函数 - HDU1286

    欧拉函数的作用: 有[1,2.....n]这样一个集合,f(n)=这个集合中与n互质的元素的个数.欧拉函数描述了一些列与这个f(n)有关的一些性质,如下: 1.令p为一个素数,n = p ^ k,则 ...

  6. 2016 GitHub章鱼猫观察报告之开源统计

    导读 GitHub 又发布了一年一度的章鱼猫观察报告.在这个报告中,分别对开源和社区做了一些有趣的统计,现将其中一些有趣的数据和趋势撷取出来分享给大家.完整的报告请移步Github. GitHub 上 ...

  7. 正则表达式工具RegexBuddy使用教程

    1. 界面介绍  (1)初始界面选项介绍 (2)如何使用匹配 (3)如何使用正则替换 (4)如何使用Debug http://www.cnblogs.com/tsql/p/5860893.html

  8. ABAP 分货日报表

    *&---------------------------------------------------------------------* *& Report  ZSDR031 ...

  9. 5.openstack之mitaka搭建计算节点

    部署计算节点(compute服务) 一:控制节点配置 1.建库建用户 CREATE DATABASE nova_api; CREATE DATABASE nova; GRANT ALL PRIVILE ...

  10. mybatis 特殊符号及like的使用

    xml特殊符号转义写法 <          < >          > <>   <> &      & &apos;   ...