Ich habe ein RepeatControl, das mir Werte aus einem Dokument darstellt.
Unter anderem wird auch der Inhalt des Items tags dargestellt
Tags: tag1, tag2, tag3
<xp:panel
style="font-size:7pt;color:rgb(128,128,128);margin-bottom:5.0px">
<xp:text escape="true" id="tagLabel" value="Tags: " />
<xp:text escape="true" id="tagList" value="#{RowData.tags}" />
</xp:panel>
Wie zerlege ich den String aus #{RowData.tags} in seine Einzelwerte.
Ziel ist es, die Einzelwerte mit einem Link zu versehen. Klickt man diesen an werden alle Einträge mit diesem Tag dargestellt.
Ich verzettel mich hier gerade mit mehreren verschachtelten repeat controls. Muss irgendwie einfacher gehen. ( split in Javascript evtl ?)
Hallo Ulrich, versuche mal etwas in der Art.
Ist nur Sample-Code (ungetestet)
<xp:repeat id="repeatTagCloud" var="tagArray"
value="#{javascript:applicationScope.get(compositeData.id).getRepeatValue();}">
<xp:panel style="font-size:7pt;color:rgb(128,128,128);margin-bottom:5.0px">
<xp:text escape="true" id="tagLabel" value="Tags: " />
<xp:text escape="true" id="tagList">
<xp:this.value><![CDATA[#{javascript:@Explode(RowData.tags, ",");}]]></xp:this.value>
</xp:text>
</xp:panel>
</xp:repeat>
nochmal erweitert:
<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">
<xp:repeat id="repeatTagCloud" var="tagArray"
value="#{javascript:applicationScope.get(compositeData.id).getRepeatValue();}">
<xp:panel style="font-size:7pt;color:rgb(128,128,128);margin-bottom:5.0px">
<xp:text escape="true" id="tagLabel" value="Tags: " />
<xp:text escape="true" id="tagList">
<xp:this.value><![CDATA[#{javascript:var arr = @Explode(RowData.tags, ",");
var ret = "";
for(counter = 0; counter < arr.length; counter++) {
ret += "<a href='" + dbname + "/myTagView/" + arr[counter] + "'>" + arr[counter] + "</a>";
}
return ret;}]]></xp:this.value>
</xp:text>
</xp:panel>
</xp:repeat>
</xp:view>
Grüße David
Hallo Ulrich,
also nochmals ein wenig konkreter, so läuft es in einer Testsite bei mir:
<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">
<xp:repeat id="repeatTagCloud" var="tagVar"
value="#{javascript: @Explode('lala,lulu,lolo');}">
<xp:panel style="font-size:7pt;color:rgb(128,128,128);margin-bottom:5.0px">
<xp:text escape="false" id="tagList">
<xp:this.value><![CDATA[#{javascript:
var dbname = @DbName()[1];
var ret = "<a href='/" + dbname + "/myTagView/" + tagVar + "'>" + tagVar + "</a> ";
return ret;}]]></xp:this.value>
</xp:text>
</xp:panel>
</xp:repeat>
</xp:view>
Statt dem value="#{javascript: @Explode('lala,lulu,lolo');}"
würdest Du natürlich z.B. ein JS-Function aufrufen, die Dir ein Array von relevanten Tags liefert also z.B.:
value="#{javascript: getAllMyTags();}"
Hoffe das hilft weiter.
Grüße David
Wenn ich das richtig erinnere, ist @Explode übrigens nur eine Abkürzung für die .split() Methode eines Strings.
Demnach müsstet so eine Stück JavaScript auch gehen:
var s = "eins,zwei,drei";
var l = s.split(",")
Ansonsten find ich auch nix schlechtes an verschachtelten Repeat-Controls, dann könntest Du im inneren Repeat-Control das Link Control nutzen statt HTML selbst zusammenzubauen.