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. 手动封装js原生XMLHttprequest异步请求

    Code Object.extend =function(targetObj,fnJson){ //扩展方法,类似于jQuery的$.extend,可以扩展类的方法,也可以合并对象 for(var f ...

  2. POJ 2478 Farey Sequence

     名字是法雷数列其实是欧拉phi函数              Farey Sequence Time Limit: 1000MS   Memory Limit: 65536K Total Submi ...

  3. sql中case when语句的使用-来自网摘文章

    Case具有两种格式.简单Case函数和Case搜索函数. --简单Case函数 CASE sex WHEN '1' THEN '男' WHEN '2' THEN '女' ELSE '其他' END ...

  4. C#高级编程笔记 Day 7， 2016年9月 19日 （泛型）

    1.协变和抗变 泛型接口的协变 如果泛型类型用 out  关键字标注,泛型接口就是协变的.这也意味着返回类型只能是 T. 接口IIndex 与类型T 是协变的,并从一个制度索引器中返回这个类型. pu ...

  5. WSME api controller嵌套使用wtypes

    # 定义user类型和user列表类型 from wsme import types as wtypes class User(wtypes.Base): name = wtypes.text age ...

  6. .Net全景视图

    http://www.oneapm.com/ai/dotnet.html OneOneAPM 助您轻松锁定 .NET 应用性能瓶颈,通过强大的 Trace 记录逐层分析,直至锁定行级问题代码.以用户角 ...

  7. JS判断是否是微信页面，判断手机操作系统（ios或android）并跳转到不同下载页面

    JS判断客户端是否是iOS或者Android 参考:http://caibaojian.com/browser-ios-or-android.html function is_weixin() { v ...

  8. PHP字符串函数

    php字符串处理函数大全 addcslashes — 为字符串里面的部分字符添加反斜线转义字符addslashes — 用指定的方式对字符串里面的字符进行转义bin2hex — 将二进制数据转换成十六 ...

  9. 初识ZooKeeper

    最近在看Apache下的一个开源项目ZooKeeper(http://zookeeper.apache.org/doc/trunk/),用百度百科介绍的来说,Zookeeper是一个针对大型分布式系统 ...

  10. 常见开发需求之angular上拉加载更多

    需求   移动端使用angular实现上拉加载更多的条目,这个需求比较常见,网上的插件改动起来比较麻烦,不如自己写一个最适合,以前有同事写了一个,奈何bug太多,后来改分页了,我们产品说什么都让做,没 ...