Scrollen Sie durchliste Elemente nacheinander durch
https://sharepoint.stackexchange.com/questions/13015
-
16-10-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianFrage
Ich habe eine Ankündigungsliste und anstatt gleichzeitig alle Ankündigungen anzuzeigen, möchte ich möglicherweise einige nacheinander durch sie scrollen.
Außerhalb von SharePoint gibt es einige Methoden, mit denen ich dies erreichen würde. Ich würde JQuery, wenn möglich, verwenden. Ich habe JQuery auf der Website verwendet, aber ich möchte ein Karussell verwenden, und dafür kann sich die Ankündigungsliste nicht in einer Tabelle befinden.
Also brauche ich eines von 3 Dingen.
a) in der Lage sein, die Daten, möglicherweise für einen Web -Editor -Webpart, über XSL auszugeben? Dadurch wird die Tabellenstruktur entfernt und durch eine ungeordnete Liste ersetzt. Ich bin nicht so heiß auf XSL und würde einen Druck in die richtige Richtung benötigen, wie dies erreicht werden kann.
b) Finden Sie eine JQuery -Lösung, die mit der Tabellenstruktur der Ankündigungsliste funktionieren kann.
c) Eine andere Lösung, an die ich nicht gedacht habe.
Irgendwelche Ideen Jungs?
Bearbeiten: Ich habe versucht, die XSL -Route mit einem Datenform -Web -Teil zu beenden.
Ich habe einen weiteren DFWP für eine Vorlage verwendet und das geändert, was ich denke, dass ich mich ändern musste. Sieht das sowieso nahe an dem aus, was ich brauche? (Beachten Sie, ich bekomme den folgenden Fehler :)
Dieses Web -Teil kann nicht angezeigt werden. Öffnen Sie diese Webseite in einem Windows SharePoint Services-kompatiblen HTML-Editor wie Microsoft Office SharePoint Designer, um das Problem zu beheben. Wenn das Problem weiterhin besteht, wenden Sie sich an Ihren Webserver -Administrator.
Code
<WebPartPages:DataFormWebPart runat="server" SuppressWebPartChrome="False" Description="" PartImageSmall="" DataSourceID="" MissingAssembly="Cannot import
this Web Part." FrameType="TitleBarOnly" ConnectionID="00000000-0000-0000-0000-000000000000" DetailLink="" ExportControlledProperties="True" IsVisible="True"
AllowRemove="True" AllowEdit="True" ID="g_999db424_8180_48da_a7c7_7457a07205f9" Dir="Default" FrameState="Normal" ViewContentTypeId="" AllowConnect="True"
PageSize="-1" AllowMinimize="True" IsIncludedFilter="" ShowWithSampleData="False" ChromeType="TitleOnly" HelpMode="Modeless" ExportMode="All" ViewFlag="0"
Title="Courses I am attending" HelpLink="" AllowHide="True" AllowZoneChange="True" PartOrder="1" UseSQLDataSourcePaging="True" PartImageLarge=""
IsIncluded="True" NoDefaultStyle="TRUE" __MarkupType="vsattributemarkup" __WebPartId="{999DB424-8180-48DA-A7C7-7457A07205F9}" __AllowXSLTEditing="true"
WebPart="true" Height="" Width=""><DataSources>
<SharePoint:AggregateDataSource runat="server" IsSynchronous="" SeparateRoot="true" RootName="" RowsName=""
ID="Announcements"><Sources><SharePoint:SPDataSource runat="server" DataSourceMode="List" SelectCommand="<View></View>" UpdateCommand=""
InsertCommand="" DeleteCommand="" UseInternalName="True"><SelectParameters>
<asp:Parameter DefaultValue="{A6930BA9-B6E2-4D1D-A3FE-5379CE9F01E5}" Name="ListID"></asp:Parameter>
</SelectParameters>
<UpdateParameters>
<asp:Parameter DefaultValue="{A6930BA9-B6E2-4D1D-A3FE-5379CE9F01E5}" Name="ListID"></asp:Parameter>
</UpdateParameters>
<InsertParameters>
<asp:Parameter DefaultValue="{A6930BA9-B6E2-4D1D-A3FE-5379CE9F01E5}" Name="ListID"></asp:Parameter>
</InsertParameters>
<DeleteParameters>
<asp:Parameter DefaultValue="{A6930BA9-B6E2-4D1D-A3FE-5379CE9F01E5}" Name="ListID"></asp:Parameter>
</DeleteParameters>
</SharePoint:SPDataSource><SharePoint:SPDataSource runat="server" DataSourceMode="List" SelectCommand="<View></View>" UpdateCommand=""
InsertCommand="" DeleteCommand="" UseInternalName="True"><SelectParameters>
<asp:Parameter DefaultValue="{DEEE6EF9-4CCF-408B-A90F-89AD21FB0FD1}" Name="ListID"></asp:Parameter>
</SelectParameters>
<UpdateParameters>
<asp:Parameter DefaultValue="{DEEE6EF9-4CCF-408B-A90F-89AD21FB0FD1}" Name="ListID"></asp:Parameter>
</UpdateParameters>
<InsertParameters>
<asp:Parameter DefaultValue="{DEEE6EF9-4CCF-408B-A90F-89AD21FB0FD1}" Name="ListID"></asp:Parameter>
</InsertParameters>
<DeleteParameters>
<asp:Parameter DefaultValue="{DEEE6EF9-4CCF-408B-A90F-89AD21FB0FD1}" Name="ListID"></asp:Parameter>
</DeleteParameters>
</SharePoint:SPDataSource>
</Sources><Aggregate><concat name="data source"><datasource name="Announcements" id="0" Type="SPList"/></concat></Aggregate>
</SharePoint:AggregateDataSource>
</DataSources>
<ParameterBindings>
<ParameterBinding Name="dvt_apos" Location="Postback;Connection"/>
<ParameterBinding Name="UserID" Location="CAMLVariable" DefaultValue="CurrentUserName"/>
<ParameterBinding Name="Today" Location="CAMLVariable" DefaultValue="CurrentDate"/>
<ParameterBinding Name="dvt_adhocmode" Location="Postback;Connection"/>
<ParameterBinding Name="dvt_fieldsort" Location="Postback;Connection"/>
<ParameterBinding Name="dvt_filterfield" Location="Postback;Connection"/>
<ParameterBinding Name="dvt_sortdir" Location="Postback;Connection"/>
<ParameterBinding Name="dvt_sortfield" Location="Postback;Connection"/>
<ParameterBinding Name="dvt_sorttype" Location="Postback;Connection"/>
<ParameterBinding Name="dvt_filterfields" Location="Postback;Connection"/>
<ParameterBinding Name="dvt_partguid" Location="Postback;Connection"/>
</ParameterBindings>
<DataFields>
</DataFields>
<Xsl>
<xsl:stylesheet xmlns:xs="http://www.w3.org/2001/XMLSchema" xmlns:x="http://www.w3.org/2001/XMLSchema" xmlns:d="http://schemas.microsoft.com/sharepoint/dsp"
version="1.0" exclude-result-prefixes="xsl msxsl ddwrt" xmlns:ddwrt="http://schemas.microsoft.com/WebParts/v2/DataView/runtime"
xmlns:asp="http://schemas.microsoft.com/ASPNET/20" xmlns:__designer="http://schemas.microsoft.com/WebParts/v2/DataView/designer"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:SharePoint="Microsoft.SharePoint.WebControls"
xmlns:ddwrt2="urn:frontpage:internal">
<xsl:output method="html" indent="no"/>
<xsl:param name="dvt_adhocmode">sort</xsl:param>
<xsl:decimal-format NaN=""/>
<xsl:param name="dvt_apos">'</xsl:param>
<xsl:param name="UserID" />
<xsl:param name="dvt_fieldsort" />
<xsl:param name="dvt_filterfield" />
<xsl:param name="dvt_sortdir">ascending</xsl:param>
<xsl:param name="dvt_sortfield" />
<xsl:param name="dvt_sorttype">text</xsl:param>
<xsl:param name="dvt_filterfields" />
<xsl:param name="dvt_partguid" />
<xsl:variable name="dvt_1_automode">0</xsl:variable>
<xsl:template match="/" xmlns:xs="http://www.w3.org/2001/XMLSchema" xmlns:x="http://www.w3.org/2001/XMLSchema"
xmlns:d="http://schemas.microsoft.com/sharepoint/dsp" xmlns:asp="http://schemas.microsoft.com/ASPNET/20"
xmlns:__designer="http://schemas.microsoft.com/WebParts/v2/DataView/designer" xmlns:SharePoint="Microsoft.SharePoint.WebControls">
<xsl:call-template name="dvt_1"/>
</xsl:template>
<xsl:template name="dvt_1">
<xsl:variable name="dvt_StyleName">Table</xsl:variable>
<xsl:variable name="Rows" select="/dsQueryResponse/Rows/Row" />
<xsl:variable name="dvt_RowCount" select="count($Rows)" />
<xsl:variable name="dvt_IsEmpty" select="$dvt_RowCount = 0" />
<xsl:choose>
<xsl:when test="$dvt_IsEmpty">
<xsl:call-template name="dvt_1.empty" />
</xsl:when>
<xsl:otherwise><ul id="announcementList" border="0" width="100%" cellpadding="2" cellspacing="0">
<li>
<xsl:call-template name="dvt.headerfield" ddwrt:atomic="1"
xmlns:ddwrt="http://schemas.microsoft.com/WebParts/v2/DataView/runtime">
<xsl:with-param name="fieldname">@Title</xsl:with-param>
<xsl:with-param name="fieldtitle">Title</xsl:with-param>
<xsl:with-param name="displayname">Title</xsl:with-param>
<xsl:with-param name="sortable">1</xsl:with-param>
<xsl:with-param name="fieldtype">x:string</xsl:with-param>
</xsl:call-template>
</li>
<li>
<xsl:call-template name="dvt.headerfield" ddwrt:atomic="1"
xmlns:ddwrt="http://schemas.microsoft.com/WebParts/v2/DataView/runtime">
<xsl:with-param name="fieldname">@Created</xsl:with-param>
<xsl:with-param name="fieldtitle">Created By</xsl:with-param>
<xsl:with-param name="displayname">Created By</xsl:with-param>
<xsl:with-param name="sortable">1</xsl:with-param>
<xsl:with-param name="fieldtype">x:string</xsl:with-param>
</xsl:call-template>
</li>
<li>
<xsl:call-template name="dvt.headerfield" ddwrt:atomic="1"
xmlns:ddwrt="http://schemas.microsoft.com/WebParts/v2/DataView/runtime">
<xsl:with-param name="fieldname">@Body</xsl:with-param>
<xsl:with-param name="fieldtitle">Body</xsl:with-param>
<xsl:with-param name="displayname">Body</xsl:with-param>
<xsl:with-param name="sortable">1</xsl:with-param>
<xsl:with-param name="fieldtype">x:string</xsl:with-param>
</xsl:call-template>
</li>
</tr>
<xsl:call-template name="dvt_1.body">
<xsl:with-param name="Rows" select="$Rows"/>
</xsl:call-template>
</ul></xsl:otherwise>
</xsl:choose>
</xsl:template>
</xsl:stylesheet> </Xsl>
</WebPartPages:DataFormWebPart>
Lösung 2
Ok, ich habe eine JQuery -Lösung zurückgegriffen, da ich meinen Kopf leichter damit umgehen kann als alles, was SharePoint auf mich wirft!
Wie alle Listen die Klasse haben ms-summarycustombody Ich konnte Folgendes machen, um das zu konvertieren table zu ul
var div = $("<div id='viewport' class='viewport'></div>");
var list = $("<ul id='announcementList'></ul>");
var listitem = null;
var p = null;
$('.ms-summarycustombody').each(function(i) {
$(this).find("tr").each(function(i) {
if (i % 3 == 0) {
listitem = $("<li/>");
list.append(listitem);
}
p = $("<p/>");
$(this).find("td").each(function(i) {
p.append("<span>" + $(this).html() + "</span>");
});
listitem.append(p);
});
div.append(list);
$(this).replaceWith(div);
});
Dann verwendet Jcarousellit Ich konnte durch die Gegenstände scrollen.
$('.viewport').jCarouselLite({
auto:5000,
speed:1000
});
Andere Tipps
Ich schlage vor, Sie überprüfen Spservices. Es ist eine "JQuery -Bibliothek, die die Webdienste von SharePoint abstrahiert und sie erleichtert."
Eine weitere Option, die Sie berücksichtigen sollten, besteht darin, etwas mit dem Client -Objektmodell und JavaScript zu erstellen ... oops, nein Sie verwenden SP2007.
Wenn meine Lektüre Ihrer Frage korrekt ist, haben Sie bereits ein JavaScript -Karussell, für das eine nicht ordnungsgemäße Liste erforderlich ist. Daher würde ich CQWP und XSLT verwenden, um die Liste als eine zu formatieren. Ich glaube nicht, dass der XSLT zu schwierig sein sollte. Sie können sich zunächst einige Standard -XSLT ansehen. Mein Tipp ist es, eine XSLT -Identitätstransformation zu verwenden, damit Sie die Eingabe -XML sehen können, die Sie transformieren, anstatt zu versuchen, dies zu erraten, indem Sie sich die Standard -XSLT ansehen.
Beispiel XSLT Identity Transform:
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="@*|node()">
<xsl:copy>
<xsl:apply-templates select="@*|node()"/>
</xsl:copy>
</xsl:template>
</xsl:stylesheet>
Ich weiß nicht, ob es hilft, aber ich habe eine Lösung geschrieben, die dies mit dem CQWP macht. Ich nenne es den Inhaltsabfrage -Ticker -Webpart:
http://www.novolocus.com/software/content-query-ticker-web-trart/
Könnte von Interesse sein.
