Desplazarse por los elementos de la lista uno por uno
https://sharepoint.stackexchange.com/questions/13015
-
16-10-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianPregunta
Tengo una lista de anuncios y, en lugar de mostrar todos los anuncios al mismo tiempo, puede haber bastantes, quiero desplazarlos a través de ellos uno por uno.
Fuera de SharePoint hay bastantes métodos que usaría para lograr esto. Usaría jQuery si es posible. He usado jQuery en el sitio, pero me gustaría usar un carrusel y para esto la lista de anuncios no puede estar en una mesa.
Entonces, necesito una de 3 cosas.
a) ¿Ser capaz de generar los datos, posiblemente a una pieza web del editor de contenido, a través de XSL? Esto eliminará la estructura de la tabla y la reemplazará con una lista desordenada. No estoy tan caliente en XSL y necesitaría un empuje en la dirección correcta sobre cómo lograr esto.
b) Encuentre una solución jQuery que pueda funcionar con la estructura de la tabla de la lista de anuncios.
c) alguna otra solución en la que no he pensado.
¿Alguna idea de chicos?
Editar: he intentado seguir la ruta XSL con una parte web de formulario de datos.
Usé otro DFWP para una plantilla y cambié lo que creo que necesitaba cambiar. ¿Esto se ve de todos modos cerca de lo que necesito? (Tenga en cuenta que recibo el siguiente error :)
No se puede mostrar esta parte web. Para solucionar el problema, abra esta página web en un editor HTML compatible con los servicios de Windows SharePoint, como Microsoft Office SharePoint Designer. Si el problema persiste, comuníquese con su administrador de servidor web.
Código
<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>
Solución 2
Ok, recurrí a una solución jQuery, ya que puedo entenderlo más fácilmente que cualquier cosa que SharePoint me arroje.
Como todas las listas tienen la clase ms-summarycustombody Pude obtener lo siguiente para convertir el table a 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);
});
Entonces usando JCarousellite Pude desplazarme por los artículos.
$('.viewport').jCarouselLite({
auto:5000,
speed:1000
});
Otros consejos
Le sugiero que consulte SPServices. Es una "biblioteca jQuery que abstrae los servicios web de SharePoint y los hace más fáciles de usar".
Otra opción a considerar es construir algo usando el modelo de objeto cliente y JavaScript ... OOPS, no, está usando SP2007.
Si mi lectura de su pregunta es correcta, ya tiene un carrusel JavaScript que requiere una lista desordenada para trabajar. Entonces usaría el CQWP y XSLT para formatear la lista como un. No creo que el XSLT sea demasiado desafiante. Puede comenzar mirando un XSLT predeterminado. Mi consejo es usar una transformación de "identidad" XSLT para que pueda ver el XML de entrada que está transformando en lugar de intentar adivinar esto mirando el XSLT predeterminado.
Muestra de transformación de identidad XSLT:
<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>
No sé si ayuda, pero escribí una solución que hace esto usando el CQWP. Lo llamo la parte web de la consulta de contenido:
http://www.novolocus.com/software/content-query-ticker-web-part/
Podría ser de interés.
