Este é outro post no meu en curso serie de uso jQuery co SharePoint.
Se queres saber máis sobre jQuery, Eu recomendo altamente: jQuery en Acción por Bear Bibeault e Katz Yehuda.
Introdución ao jQuery no SharePoint é sorprendente fácil (para min). (Eu teño serias dúbidas sobre "mellores prácticas", unha visión para implantar estas cousas para a produción, pero iso é para outro día). I’ve just started playing with this technology and to that end, I created a sandbox environment to use. If you’re looking to get started with jQuery, podes atopar esta visión útil.
1. Crear un sitio en branco
Crea un sitio baleiro nalgún lugar no seu sitio web e chamalo algo intelixente como "Sandbox jQuery".
2. Descargar jQuery
Podes baixar a biblioteca javascript jQuery aquí: http://docs.jquery.com/Downloading_jQuery
Salve a que a súa área de traballo.
Teño benvida a empregar a versión "minified".
3. Crear unha biblioteca de documentos SharePoint
Na súa páxina web sandbox, create a document library.
4. Carga da biblioteca jQuery para SharePoint
O acceso a biblioteca documento que acaba de crear e cargar a biblioteca jQuery.
5. Crear unha lista de SharePoint personalizado
I’ve started with a custom list because I want to muck about with standard SharePoint forms. You could also create a page in a pages library or web part pages and probably a lot of other places.
Add some columns to the custom list so that you have something to run jQuery against. My initial objectives were to:
- Agochar un campo.
- Asignar un valor a un campo.
Con ese obxectivo en mente, I added two text fields. Ao longo do tempo, Vou xogar con ligazóns, imaxes, investigacións, etc.
6. Modificar a páxina de NewForm.aspx web e engadir unha web Part do Editor
Isto é un pouco maxia negra-ish , in that it’s a new concept to me. I first learned about this from Paul Grenier, SharePoint jQuery Superstar, na súa páxina web do proxecto CodePlex: http://spff.codeplex.com/.
Siga estes pasos para engadir un CEWP para a mesma páxina que mostra NewForm.aspx para calquera lista personalizada:
- Entre na lista personalizada e prema en Novo.
- Engadir o seguinte para a URL: Pageview = Shared&ToolPaneView = 2
Isto vai transformar o seu aburrido vainilla forma de entrada de datos a partir de algo coma isto:
A este:
Engadir o contido de parte da rede editor da páxina.
7. Escriba o seu código jQuery Primeiro
Abre-se que CEWP na visualización de código e engade o seguinte:
Aquí está o código real se quere copiar / pegar:
<guión
"Text / javascript"
src =".. / .. / JQuery 20Library/jquery-1.3.2.min.js%">
</guión>
<tipo script ="Text / javascript">
$(función() {
$('# ResultsID').html("Hai ' + $('A').tamaño() + 'O Etiquetas Etiquetas nesta páxina.);
});
</guión>
Resultar:
<div id ="ResultsID '></p>
/resultar
|
Nótese que o primeiro <guión> tag is referencing the actual jQuery library. Presumably, esas cousas cambian co tempo, así que vai querer asegurarse de unha) usar o nome correcto e b) apuntala-lo para a biblioteca correcta de documentos de SharePoint.
Bask na Gloria
Se fixo correctamente, podes ver un resultado similar ao seguinte:
Resumindo
Esta non é a única forma de comezar, pero é rápido, easy and isolated from your existing SharePoint environment.
</final>
Rexístrate para o meu blog.
Siga-me no Twitter http://www.twitter.com/pagalvin