XSL中实现用户筛选

最新推荐文章于 2019-01-23 14:39:36 发布
最新推荐文章于 2019-01-23 14:39:36 发布
阅读量7.1k 收藏 1
点赞数 3
分类专栏： 其他 XML数据处理 文章标签： xsl stylesheet filter layer border function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zjcxc/article/details/7950418
版权

在 XSL 中实现用户筛选，折腾了好久，总算是搞定了

功能需求：

有如下 xml ，拟做一个 XSL 文件做解析，解析的效果是在解析后的页面下，有个DropdownList ，它列出所有的Group/@name值，允许用户通过选择来筛选XSL最终展示出来的数据

<?xml-stylesheettype="text/xsl" href="filter.xsl"?>

<root>

<groupname="group1">

<itemid="1">item 1</item>

<itemid="2">item 2</item>

</group>

<groupname="group2">

<itemid="1">item a</item>

<itemid="2">item b</item>

</group>

</root>

达到这个效果的 filter.xsl 文件如下：

<?xmlversion="1.0"?>

<xsl:stylesheetversion="1.0"xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:outputmethod="xml"indent="yes"/>

<xsl:templatematch="/">

<html>

<head>

<metacontent="text/html"http-equiv="Content-Type"></meta>

<scriptlanguage="javascript"name="Filter">

<![CDATA[

function filter_group(sName) {

var iXml = document.XMLDocument;

var iXsl = document.XSLDocument;

var iPara = iXsl.selectSingleNode('//xsl:param[@name="GroupName"]/@select');

iPara.value = "'" + sName + "'";

var iHtml = iXml.documentElement.transformNode(iXsl);

Layer_Display.innerHTML = iHtml;

}

]]>

</script>

</head>

<body>

<table>

<tr>

<td>

<formstyle="BORDER: 0">

<selectid="frm_Server">

<optionvalue=""><![CDATA[<- Please Select ->]]></option>

<xsl:for-eachselect ="root/group/@name">

<xsl:sortselect ="."/>

<option>

<xsl:attributename ="value">

<xsl:value-ofselect="."/>

</xsl:attribute>

<xsl:iftest="position() =1">

<xsl:attributename ="selected">1</xsl:attribute>

</xsl:if>

<xsl:value-ofselect="."/>

</option>

</xsl:for-each>

<optionvalue="*"><![CDATA[<- ALL ->]]></option>

</select>

<buttononClick="filter_group(this.form.frm_Server.value)">Query</button>

</form>

</td>

</tr>

<tr>

<td>

<divid="Layer_Display">

<xsl:apply-templatesselect="root"/>

</div>

</td>

</tr>

</table>

</body>

</html>

</xsl:template>

<xsl:templatematch="root">

<xsl:paramname="GroupName"select ="(group/@name)[1]"/>

<xsl:apply-templatesselect="group[@name=$GroupName or $GroupName = '*']"/>

</xsl:template>

<xsl:templatematch="group">

<table>

<thead>

<tr>

<th>id</th>

<th>value</th>

</tr>

</thead>

<tbody>

<xsl:for-eachselect="item">

<tr>

<td>

<xsl:value-ofselect="@id"/>

</td>

<td>

<xsl:value-ofselect="."/>

</td>

</tr>

</xsl:for-each>

</tbody>

</table>

</xsl:template>

</xsl:stylesheet>

zjcxc
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
xsl中对xml数据的排序和筛选
怕瓦落地的专栏
05-06 1388
要对xml中的数据用xsl按一定的条件进行排序或是按条件过滤时，事实上xsl已经为我们提供了很好的支持，现在举一个对xml数据进行排序和过滤的例子： xml文件：          JoannaF   LindaB   04 September 2001   meeting tomorrow   can you tell me what room the com
在xml中使用CSS和XSL
04-12
这篇博客文章“在XML中使用CSS和XSL”探讨了如何将这三种技术融合在一起，以实现更加美观和功能丰富的XML文档展示。 CSS是用于控制网页或其他文档呈现样式的语言。在XML中，CSS可以用来定义元素的颜色、字体、布局...
使用xsl筛选记录
dandantree的专栏
08-30 858
最近使用xml DataIsland配合javascript 将标准的html表格TABLE扩展成了一个类似windows下的MSFlexGrid一样的具有丰富客户端行为的网格，在更新数据时，为了减少提交上传的xml文件的大小，便将原先绑定的数据集添加了一个标记节点,值只有三种NEW,UPDATE,DEL，分别用来表示其父节点是新增的，还是修改过的，或者是删除过的，并且在通过xmlhttp上传之前
XSL简明教程(6)XSL过滤和查询
善钧@程序员
02-09 811
六. XSL的过滤和查询 如果我们希望只显示满足一定的条件的XML数据应该怎么做呢？还是上面的例子代码，我们只需要在xsl:for-each元素的select属性中加入参数就可以，类似：参数的逻辑选择有：= (等于) =! (不等于) &LT& 小于&GT& 大于等于 和前面同样的例子(cd_catalog_sort.xsl)：TitleArtist你可以自己测试一
xsl javascript 传递参数
08-06
JavaScript，作为Web开发中的主要脚本语言，经常与XSL和XPath结合使用，以实现动态数据处理和页面交互。在这个主题“xsl javascript 传递参数”中，我们将深入探讨如何在XSL转换过程中通过JavaScript传递参数，并...
用 xsl 中的各种函数为 XML 显示提供灵活性
09-14
总结来说，XSL中的各种函数提供了对XML显示的全面控制，允许开发者根据需求定制数据的呈现方式，从而实现数据的多样化展示，提高用户体验。理解并掌握这些函数，将极大地提升XML数据处理的能力和效率。
ch3_XSL200401
07-03
通过一系列元素和指令，XSL能够实现对XML数据的筛选、排序、计算甚至条件判断，从而创造出动态且丰富的网页效果。 - **Stylesheet, Template, 和 Value-of 元素**：用于填充静态内容，如设置字体样式、颜色等，以及...
xsl转xml成html，很实用的源码
03-25
通过XSL模板，XML数据被解析并转换成HTML结构，最终呈现为用户友好的网页。这种转换方法在数据展示、报表生成等方面非常有用，因为它允许开发者保持数据与显示分离，使得数据格式的改变只需修改XSL样式表即可，无需...
xml与xsl制作表格实例
06-15
仅仅是个实例，颜色动态等还需自己动手，好好看看吧！非常管用
使用XML与XSLT筛选页面显示的内容
weixin_30341735的博客
11-12 146
前段时间刚学了XML和XSLT，作为练习，我用XML和XSLT结合JavaScript写了一个实现页面内容筛选显示，这样在做一些基本的数据处理时就不需要重新载入页面了，提高了效率。代码如下： 1<?xmlversion="1.0"encoding="GB2312"?>2<xs:schemaxmlns:xs="http://www.w3.org/2001/...
XSLT 参数与变量
work hard
01-23 4950
出处：微软文档 在理想情况下，XSLT 筛选器是一个“黑匣子” － 这个筛选器将获取一个或多个输入并创建一个或多个输出。您并不需要知道“黑匣子”里发生了什么。在函数中，将信息传递到黑匣子中是由参数完成的。在 XSL 文档中，这一过程也由参数 － 具体来说是由 元素来完成。这些 XSLT 元素在声明环境中（数据在这里流入，被转换，然后流出）的一些作用与函数参数在程序环境中（在这里，日常代码占
xsl 条件表达式 和&或（and & or）
玄范
01-23 5085
在xsl模板中，当条件表达式为多个条件时，需要用到：and （和）  or （或） &lt;xsl:choose&gt;        &lt;xsl:when test="SERVICEIDS/PERSONHEADCRSCHANGED='Y' and SERVICEIDS/PERSONTAXINFOCHANGED='Y'"&gt;              &lt;xsl:for-each se...
使用xsl筛选记录[转载]
阿蒙的专栏
06-03 755
最近使用xml DataIsland配合javascript 将标准的html表格TABLE扩展成了一个类似windows下的MSFlexGrid一样的具有丰富客户端行为的网格，在更新数据时，为了减少提交上传的xml文件的大小，便将原先绑定的数据集添加了一个标记节点,值只有三种NEW,UPDATE,DEL，分别用来表示其父节点是新增的，还是修改过的，或者是删除过的，并且在通过xmlhttp上传之前
XSL教程：XML与XSL结合实现动态菜单
本文档主要介绍了XML（可扩展...通过XSLT，XML数据可以被转换为更具吸引力和交互性的HTML，这在动态网站和用户界面设计中非常有用。理解并掌握XML和XSLT的配合使用，可以帮助开发者创建灵活且易于维护的数据驱动网页。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值