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. Linux/CentOS 搭建 SVN 项目

    1.安装svn yum  -y  install   subversion 2.创建svn仓库路径 mkdir  -p   /opt/svn/project1 mkdir  -p   /opt/svn ...

  2. 【阿里李战】解剖JavaScript中的 null 和 undefined

    在JavaScript开发中,被人问到:null与undefined到底有啥区别? 一时间不好回答,特别是undefined,因为这涉及到undefined的实现原理.于是,细想之后,写下本文,请各位 ...

  3. Matlab学习笔记（一）—— 三维图形绘制

    这学期公选课选的是MATLAB,所以准备把这学期所学习的整理到博客上,作为记录,哇咔咔~ 一.三维函数图: x=cos(t), y=sin(t), z=t %≤t ≤*pi t=:*pi; %t的取值 ...

  4. ubuntu16.04下安装cuda8.0

    一.首先安装NVIDIA显卡驱动 通过NVIDIA-Linux-x86_64-367.44.run文件安装. 1. 添加 PPA. sudo add-apt-repository ppa:graphi ...

  5. 【转】Spring mvc集成ZBUS--轻量级MQ、RPC、服务总线

    本文转自:http://www.cnblogs.com/top15from/p/4899954.html ZBUS = MQ + RPC + PROXY 支持消息队列, 发布订阅, RPC, 代理(T ...

  6. javaWeb项目部署到阿里云服务器步骤

    记录web项目部署到阿里云服务器步骤 (使用 web项目.阿里云服务器.Xftp.Xshell),敬请参考和指正 1.将要部署的项目打包成WAR文件格式,可以在MyEclipse.Eclipse都可以 ...

  7. LeetCode之100. Same Tree

    ------------------------------------------ 递归比较即可 AC代码: /** * Definition for a binary tree node. * p ...

  8. NetApp 监控

    http://support.ipmonitor.com/mibs/network-appliance-mib/tree.aspx http://www.360doc.com/content/10/1 ...

  9. tensorflow的安装

    binary安装(推荐) 注意需要能访问外网 Install pip (or pip3 for python3) if it is not already installed: # Ubuntu/Li ...

  10. [PHP]基本排序（冒泡排序、快速排序、选择排序、插入排序、二分法排序）

    冒泡排序: function bubbleSort($array){ $len=count($array); //该层循环控制 需要冒泡的轮数 for($i=1;$i<$len;$i++){ / ...