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. easyui-textbox回车事件

    $('#id').textbox('textbox').keydown(function (e) { if (e.keyCode == 13) { alert('enter'); } });

  2. [linux]Socket编程的头文件

    socket编程中需要用到的头文件 sys/types.h:数据类型定义 sys/socket.h:提供socket函数及数据结构 netinet/in.h:定义数据结构sockaddr_in arp ...

  3. TCP/IP 和 Socket 的关系

    要写网络程序就必须用Socket,这是程序员都知道的.而且,面试的时候,我们也会问对方会不会Socket编程?一般来说,很多人都会说,Socket编程基本就是listen,accept以及send,w ...

  4. Linux 执行文件查找命令 which 详解

    某个文件不知道放在哪里了,通常可以使用下面的一些命令来查找: which  查看可执行文件的位置 whereis 查看文件的位置 locate   配合数据库查看文件位置 find   实际搜寻硬盘查 ...

  5. sql语句修改列

    1.修改列名的常用语句 exec sp_rename '[dbo].[Table_1].[birthday]','birth'  --将表中列名为birthday改为birdh 属性不变,用的是数据库 ...

  6. linux常用命令-文件搜索命令-locate,which,whereis,grep

    locate 目录或文件名 -i 查找的时候不区分大小写 这个类似everything,速度比find快很多,因为这个命令搜索的是它维护的文件资料库,文件资料库是var/lib/mlocate/mlo ...

  7. MySql连接数据库和操作(java)

    package org.wxd.weixin.util; import java.sql.Connection;import java.sql.DriverManager;import java.sq ...

  8. .NET工程师面试宝典

    .Net工程师面试笔试宝典 传智播客.Net培训班内部资料 这套面试笔试宝典是传智播客在多年的教学和学生就业指导过程中积累下来的宝贵资料,大部分来自于学员从面试现场带过来的真实笔试面试题,覆盖了主流的 ...

  9. C# Bitmap deep copy

    今天在研究一个关于 Bitmap deep copy 的问题, 经过一系列的查询,在StackOverFlow上面找到了答案,遂记录下来: public static Bitmap DeepCopyB ...

  10. .NET 反射概述

    反射      反射提供了封装程序集.模块和类型的对象(Type 类型).可以使用反射动态创建类型的实例,将类型绑定到现有对象,或从现有对象获取类型并调用其方法或访问其字段和属性.如果代码中使用了属性 ...