Arxius de la categoria: jQuery i SharePoint

Punta ràpida: Addició de jQuery a les pàgines de publicació molsa

Quan millora molsa publising pàgines utilitzant jQuery, Colpeixo el següent cop velocitat:

Error de servidor en ' /’ Aplicació.


Error de l'analitzador

Descripció: S'ha produït un error durant l'anàlisi d'un recurs requerit per aquesta sol·licitud de servei. Si us plau revisi els detalls d'error d'anàlisi específic següent i modificar el seu arxiu de font apropiadament.

Missatge d'Error d'analitzador: Només s'admeten els controls de contingut directament a una pàgina de contingut que conté controls de contingut.

Error de font:

 
Line 10: 
Line 11: 
Line 12: <script 
Line 13:     type="text/javascript" 
Line 14:     src="/jQuery/jquery-1.4.min.js"> 

Fitxer d'origen: /_catalogs/masterpage/KCC_FacultyMember.aspx    Línia: 12


Informació de versió: Microsoft .net versió d'estructura:2.0.50727.4927; Versió d'ASP.net:2.0.50727.4927

Era prou fàcil d'arreglar (/ h t al meu col·lega, Uday Ethirajulu).  Assegureu-vos que el codi de jQuery viu dins la "PlaceHolderAdditionalPageHead" tal com es Mostra:

<escurçó:Continguts ContentPlaceholderID = PlaceHolderAdditionalPageHead»" runat = "servidor">

<script

    tipus = text/javascript""

    src="/jQuery/jQuery-1.4.min.js">

</script>

<tipus d'escriptura = "text/javascript">

  $(document).preparat(funció() {

   // JQuery brillant coses passa aquí.

   });

</script>

</final>

Subscriure's al meu blog.

Follow me on Twitter http://www.twitter.com/pagalvin

Elogi de la jQuery realçat cerca-com tu tipus (per Jan Tielens)

Estic treballant en una demostració de BPO (aviat per estar disponibles fins a Microsoft de lloc) i jo volia afegir una mica dinamisme. He conegut sobre De Jan Tielen esforços per bastant una estona i vaig pensar que seria una gran tècnica per afegir a la demo, així ho vaig fer. Vostè pot llegir sobre ell aquí: http://weblogs.asp.net/jan/archive/2009/07/02/sharepoint-search-as-you-type-with-jquery.aspx. És tan simple d'utilitzar probablement hauria de ser un delicte (i potser en algun lloc).

Afegeix només dos punts a què ell ja creat / va escriure sobre:

  1. Això fa, de fet, treballar en un BPO (SharePoint en línia) medi ambient.
  2. Per fer-lo treballar sense un molestant desplegable del missatge la referència a la llibreria jquery amb https en comptes d'http prefix, com a:
<tipus d'escriptura ="text/javascript" src ="https://Ajax.googleapis.com/Ajax/libs/jQuery/1.3.2/jQuery.min.js"></script>

Jan assenyala que probablement hauria moure la pròpia biblioteca al seu lloc. Se sent una mica mandrós avui, I decided to blog about it instead 🙂

</final>

Això és un altre post en el meu sèrie en curs damunt com utilitzar jQuery amb SharePoint.
Si voleu més informació sobre com jQuery, Altament recomano: jQuery en acció per l'ós Bibeault i Yehuda Katz.

Subscriure's al meu blog.

Follow me on Twitter http://www.twitter.com/pagalvin

Etiquetas de Technorati:

L'obtenció de vistes de Biblioteca de SharePoint llista/Document sembla (tipus de) Possible amb jQuery

Això és un altre post en el meu sèrie en curs damunt com utilitzar jQuery amb SharePoint.
Si voleu més informació sobre com jQuery, Altament recomano: jQuery en acció per l'ós Bibeault i Yehuda Katz.

Una de les primeres coses que vaig pensar, un cop vaig començar a jugar amb jQuery, era si podríem utilitzar per assegurar una visualització del SharePoint. La resposta és "no" (o com a mínim, No estic reclamant que és possible). No obstant això, és certament possible fer-ho difícil per a gent per veure una visió particular.

Vaig començar amb el meu ambient de sorrera quan es treballa en aquest. Vaig escriure sobre aquest ambient aquí: Ràpid i fàcil: Creï el seu propi jQuery Sandbox per a SharePoint.

Per "garantir" una visió, Seguiu aquests passos:

  1. Crear una visualització que voleu protegir. Feia allò i el va anomenar "Assegurat vista".

    Això és què mira com quan això no és "protegit":

    image

  2. Afegir un element editor de continguts web a pàgina de la vista utilitzant el truc es descriu en l'article de sorrera (i. e. afegir "visites de pàgina = compartida&ToolPaneView = 2 "a l'URL).
  3. Esbrinar el seu SharePoint _spUserId seguint aquests passos boig, creure o no:
    1. Accedeixi al seu entorn del SharePoint.
    2. Al camp d'adreça del navegador web, tipus: "javascript:alerta(_spUserId").
    3. Registre el resultat (és "13" en el meu cas).

      image

  4. Afegir el javascript següent a la seva CEWP en la visualització del codi:

    <seqüència tipus ="text/javascript"
        src =".. /.. /jQuery Library/jQuery-1.3.2.min.js">
    </script>
    
    <tipus d'escriptura ="text/javascript">
      $(funció() {
    
        alerta(_spUserId);
    
        var theSecuredView = $(' iframe[FilterLink * = assegurat % 20View]');
    
        Si ((theSecuredView.length > 0) && (_spUserId = = 13))
          $(' iframe[FilterLink * = assegurat % 20View]').pare().pare().pare().HTML("<tr bgcolor = vermell><TD>No vista per a vostè!</TD></tr>");
      });
    
    </script>
    

He inclòs que alerten(_spUserId) línia allà per demostrar com això no és realment un "assegurar" una visió, però simplement fent molt més difícil de veure. Més sobre això en un moment.

Bàsicament, jQuery està buscant un iFrame a la pàgina que té un atribut que conté "Assegurava % 20View" en el seu valor. Una vegada es troba, podem comprovar per veure si l'usuari actual és "13". Si és, vam caminar fins el DOM a un <TR> etiqueta (que he imaginat veient font i remuntant-lo) i llavors reemplaçar aquell cordó TR amb el meu missatge. Realment no sé com robusta això és (Jo sóc molt sospitós, de fet), però funcionava a meu sorrera. Si trobo una millor manera, Jo ' ll blog sobre això. Aquest és el resultat:

image

Faig clic al botó correcte i les dades se substitueix amb un gran missatge vermell:

image

Com vostè pot dir, el camí que he de posar en pràctica aquesta solució de "seguretat" és permetre que l'element web rendir-se. Després que acabi, Vaig sobreescriure el contingut amb el meu "No vista per a vostè!missatge".

Malgrat el fet que no és realment un "segur" "veure, és potencialment útil i amb una mica de treball intel ligent, Finalment pot ser securable en un sentit més formal. La qüestió fonamental és que el client està aconseguint totes les dades i després, només després que obté les dades, es destrueix el. Si el client és aconseguir les dades, un usuari intel ligent pot impedir la jQuery córrer en absolut i veure el que ell/ella vol veure.

Hi ha altres inconvenients. Aquest enfocament de "seguretat" es basa una _spUserId. Voldríem realment segurs basant-se en el model de seguretat de SharePoint plena, o almenys per nom d'usuari. Que esdevé progressivament més difícil, però veure algunes coses bones que han escrit sobre aquest tema, Així que espero que no hi ha una bona resposta a aquest problema.

La llista de visualitzacions de si mateixos han de ser retallats, Si és possible. No he intentat esbrinar que. Suposo que és possible, però realment no resoldre l'assumpte de seguretat fonamentals perquè algú podria encara només escrigui l'URL de la visualització del que volen (Si ho sabien). No obstant això, retallada té sentit. És una característica de bona usabilitat i ajuda a ocultar les coses. Si un usuari final no sap que existeix l'esdeveniment de vista, ells probablement no intentar utilitzar-lo. Vegades, que és prou bona.

Amb sort, Tindré més a escriure sobre aquest tema en el temps.

</final>

Subscriure's al meu blog.

Follow me on Twitter http://www.twitter.com/pagalvin

Etiquetas de Technorati: ,,

Etiquetes de del.icio.us: ,,

Ràpid i fàcil: Un camí millor a utilitzar jQuery per amagar un camp de Text en una forma de SharePoint

Això és un altre post en el meu sèrie en curs damunt com utilitzar jQuery amb SharePoint.
Si voleu més informació sobre com jQuery, Altament recomano: jQuery en acció per l'ós Bibeault i Yehuda Katz.

Prèviament, Vaig escriure sobre com utilitzar jQuery per localitzar i amagar un camp de text en un formulari. M'importava per a l'enfocament específic (Jo estava encadenament pares-que és simplement no és fet aquests dies, com a mínim a les famílies de qualitat).

Quan vaig començar a pensar-hi, Jo sabia que havia de trobar un <TR> per que jo podria invocar l'amagatall() mètode. Meu primer esforç per trobar el correcte <TR> va ser alguna cosa com això:

$(' tr:ha(entrada[title = amagar-Me!])');

El problema amb això és que es troben cada <TR> Etiqueta que tenia qualsevol relació pare a l'amagatall m! camp, fins i tot si amagar-Me! és niat profund en molts nivells <TR>és. Resulta que en la meva forma de sorrera, troba que l'expressió 9 diferents TR que tenen amagar-Me! com un nen en algun lloc de l'arbre DOM. Em vaig adonar que podien caminar altra vegada cap amunt de l'arbre des del camp d'entrada es, Així que és com vaig acabar abusar de pares, però això no es senti bé amb mi.

Em va donar una mica de pensament a això i una de les coses que he llegit finalment va tenir sentit: Podria utilitzar el no() mètode de retallar fora <TR>és que no vull en la meva set embolicat. Que em va portar a aquest:

$(' tr:ha(entrada[title = amagar-Me!])').no(' tr:ha(tr)').Amaga();

La primera mica troba tots els <TR> Etiquetes que tenen l'amagatall m! camp en qualsevol lloc de la seva pròpia jerarquia. Llavors es despulla fora qualsevol <TR> que també tenen un nen <TR>. Això ens deixa amb un sol <TR> que:

1) No té <TR> registres de nen

2) Tenen el camp d'entrada com a nen.

Després es poden aplicar l'amagatall() mètode a la resultant conjunt i se'ns fa.

Encara estic una mica nerviós sobre això, però no tan nerviosa com els pares d'encadenament.

No sé si això és una bona pràctica o no. Hi pot haver una forma més adequada d'identificar a les <TR> que ens importa un formulari del SharePoint. Si vostè sap, Si us plau enviar un comentari.

</final>

Subscriure's al meu blog.

Follow me on Twitter http://www.twitter.com/pagalvin

Etiquetas de Technorati: ,

Ràpid i fàcil: Utilitzar jQuery per amagar un camp de Text en una forma de SharePoint

Això és un altre post en el meu sèrie en curs damunt com utilitzar jQuery amb SharePoint.
Si voleu més informació sobre com jQuery, Altament recomano: jQuery en acció per l'ós Bibeault i Yehuda Katz.

ACTUALITZACIÓ (ja!): Jo crec en una millor manera per localitzar el <TR> Etiqueta I volen amagar i escriure sobre això aquí. Vostè pot encara trobar aquest article interessant de tota manera així sóc leavnig això cap amunt.

Vull amagar un camp de text, "Amagar-Me!"com es Mostra:

image

La següent jQuery fa el truc per a mi:

<tipus d'escriptura ="text/javascript">

  $(funció() {


    $(' d'entrada[title = amagar-Me!]').pare().pare().pare().Amaga();

  });

</script>

El codi està dient, "trobar em tots d'entrada camps el títol = amagar-Me!. Llavors, obtenir el seu pare i llavors pròxim pare i el * següent * pare (Phew!) i invocar l'amagatall() mètode en aquesta cosa, sigui el que passa a ser.

Imaginava que estructura de pare per veure el codi de HTML per a la forma que SharePoint creada com es Mostra:

<TR>
    <TD nowrap= "true" valign= "top" amplada= "190px" classe= "ms-formlabel">
        <H3 classe= "ms-standardheader">
            <nobr>Amagar-Me!</nobr>
        </H3>
    </TD>

    <TD valign= "top" classe= "ms-formbody" amplada= "400px">
        <!-- FieldName = "amagar-Me!"
                 FieldInternalName = "Hide_x0020_Me_x0021_"
                 FieldType = "SPFieldText"
        -->
        <span dir= "none">
            <entrada
                nom= "ctl00$ m$ g_bdb23c2c_fde7_495f_8676_69714a308d8e$ ctl00$ ctl04$ ctl02$ ctl00$ ctl00$ ctl04$ ctl00$ ctl00$ TextField"
                tipus= "text"
                maxlength= "255"
                ID= "ctl00_m_g_bdb23c2c_fde7_495f_8676_69714a308d8e_ctl00_ctl04_ctl02_ctl00_ctl00_ctl04_ctl00_ctl00_TextField"
                títol= "Amagar-Me!"
                classe= "ms-long" />
                <BR>
        </span>


    </TD>
</TR>

Aquesta foto mostra el mateix, però encarit amb els pares:

image

El primer pare (1) és una etiqueta període. Pare del període (2) és una etiqueta TD i llavors finalment arribem a la real societat dominant I volen amagar (3) Quin és l'etiqueta d'TR-se.

Aquest és un enfocament bastant terrible que crec perquè és molt dependent de l'estructura molt específica d'aquest formulari. Quan SharePoint 2010 surt, tota aquesta estructura podria canviar i trencar aquest enfocament. El que realment vull fer és artesania un selector de jQuery que és en la línia de "trobar-me tot el TR (i només TR Etiquetes) que tenen en algun lloc en els seus elements secundaris un camp d'aportació el títol = amagar-Me!”. I a partir de la part inferior i es desplacen cap amunt. Suposant que aquesta xifra a terme, Vaig a publicar una actualització "ràpid i fàcil" post.

</final>

Subscriure's al meu blog.

Follow me on Twitter http://www.twitter.com/pagalvin

Etiquetes de del.icio.us: ,

Etiquetas de Technorati: ,

Ràpid i fàcil: Creï el seu propi jQuery Sandbox per a SharePoint

Això és un altre post en el meu sèrie en curs damunt com utilitzar jQuery amb SharePoint.
Si voleu més informació sobre com jQuery, Altament recomano: jQuery en acció per l'ós Bibeault i Yehuda Katz.

Primers passos amb jQuery a SharePoint és sorprenentment fàcil (per a mi). (Tinc seriosos dubtes sobre una aproximació de "millors pràctiques" per a la implementació d'aquestes coses per a la producció, but that's per un altre dia). Acabo de començar a jugar amb aquesta tecnologia i per a això, He creat un ambient de sorrera utilitzar. Si vostè està buscant per començar amb jQuery, vostè pot trobar útil aquest enfocament.

1. Crear un lloc en blanc

Crear un lloc en blanc en algun lloc en el seu lloc i en diuen alguna cosa intel ligent com "jQuery Sandbox".

2. Descarregui jQuery

Pot descarregar la jQuery javascript Biblioteca des d'aquí: http://docs.jquery.com/Downloading_jQuery

Salvar el que per a l'escriptori.

He estat utilitzant la versió "miniaturitzada".

3. Crear una biblioteca de Document de SharePoint

En el seu lloc de caixa de sorra, crear una biblioteca de documents.

4. Carregar la Biblioteca de jQuery a SharePoint

Accés a la Biblioteca de doc que acabeu de crear i carregar la Biblioteca de jQuery.

5. Crear una llista de SharePoint de costum

He començat amb una llista personalitzada perquè vull fems amb formularis del SharePoint estàndards. Vostè també pot crear una pàgina en una biblioteca de pàgines o pàgines d'elements web i probablement un munt d'altres llocs.

Afegir algunes columnes a la llista de costum perquè teniu alguna cursa el jQuery contra. Meus objectius inicials van ser:

  1. Amaga un camp.
  2. Assigni un valor d'un camp.

Amb aquest objectiu en ment, He afegit dos camps de text. Amb el temps, Vaig a estar jugant amb enllaços, imatges, cerques, etc.

6. Modificar la Part de NewForm.aspx web i sumar-se una Part de l'Editor de contingut Web

Això és una mica negre magic-ish , que és un concepte nou per a mi. Vaig aprendre sobre aquest des Paul Grenier, SharePoint jQuery Superstar, en el seu lloc de projecte de CodePlex: http://spff.codeplex.com/.

Seguiu aquests passos per afegir un CEWP a la mateixa pàgina que Mostra la NewForm.aspx per a qualsevol llista personalitzada:

  1. Accedir a la llista de costum i feu clic a nou.
  2. Afegeixi el seguir a l'URL: Visites de pàgina = compartit&ToolPaneView = 2

Que transformarà el seu formulari d'entrada de dades vainilla avorrit d'alguna cosa com això:

image

A aquest:

image

Afegir l'element web editor de continguts a la pàgina.

7. Escriure el seu primer jQuery codi

Obrir aquell CEWP en la visualització del codi i afegir el següent:

image

Aquí és el present codi si vol copiar i enganxar:

<seqüència tipus ="text/javascript"
    src =".. /.. /jQuery Library/jQuery-1.3.2.min.js">
</script>

<tipus d'escriptura ="text/javascript">
  $(funció() {

    $('#resultsID').HTML("Hi" + $("a").mida() + "un Etiquetes etiquetes en aquesta pàgina.");

  });
</script>

Resultat:
<div id ='resultsID'></Div>
/resultat

Tingueu en compte que el primer <script> etiqueta és fer referència a la llibreria jQuery real. Presumiblement, aquestes coses canvien al llarg del temps, Així que vostè voldrà assegurar-se un) Utilitzi el nom correcte i b) apunti-hi la Biblioteca de document de SharePoint correcta.

Gaudir la glòria

Si vostè ho va fer correctament, vostè veurà un resultat similar al seguir:

image

Xerrada posterior

Això no és l'única manera per començar, però és ràpid, fàcil i aïllada de l'entorn del SharePoint existent.

</final>

Subscriure's al meu blog.

Follow me on Twitter http://www.twitter.com/pagalvin

Etiquetas de Technorati: ,

Etiquetes de del.icio.us: ,

Ràpid i fàcil: Utilitzar jQuery per valor de establir un camp de Text en un formulari de SharePoint

Vaig començar a jugar al voltant amb jQuery ahir. He estat volent fer-ho durant molt de temps, des que Paul Grenier va començar a escriure la seva sèrie sobre jQuery per a usuaris finals a la venerable www.endusersharepoint.com lloc web. Com ho ús, Espero afegir que una sèrie de "Ràpid i fàcil" correus com aquest. Aquest post es descriu com definir el valor del camp de un text conegut per tot allò que vol.

En aquest escenari, He creat una llista personalitzada la seva forma "nou" es veu com es Mostra:

image

Aquesta és la nova forma per a una llista personalitzada amb la columna de títol d'omissió i dues columnes de la llista (no les columnes de llocs; No crec que hauria de fer cap diferència).

L'objectiu és assignar un valor arbitrari al camp., "DefaultMeFieldNoSpaces" (vostè pot dir que sóc una mica d'un covard amb la cosa de "no hi ha espais" passant, però espècia cap amunt al final d'aquest article).

Aquest tros de jQuery treballat per a mi:

<tipus d'escriptura ="text/javascript">

  $(funció() {

    $(' d'entrada[title = DefaultMeFieldNoSpaces]').Attr(
        {valor: "Estàs en un laberint twisty de passatges, iguals.'});

  });

</script>

Com jo ho entenc aquest tros de jQuery està dient, "trobar-me qualsevol aportació etiquetar el títol = DefaultMeFieldNoSpaces. Llavors, Posi tots els seus valors a una frase famós des d'un joc d'ordinador vell."

Ja que només hi haurà un camp en el formulari amb un títol igual a "DefaultMeFieldNoSpaces" Som segura de l'assignació d'un valor a aquest camp i cap altre.

Què passa amb un camp el nom del qual ha prohibit en això? És gairebé el mateix:

<tipus d'escriptura ="text/javascript">

  $(funció() {
     $(' d'entrada[title = Assignar camp amb espai]').Attr(
        {valor: "Estàs en un laberint twisty de passatges, iguals.'});

  });

</script>

Crec que això és un enfocament bastant segur, és a dir que hem de ser capaços de trobar el camp que volem i només el que volem. Si ens fixem en el HTML SharePoint ens està donant, és classe de desordenat:

<entrada
nom= "ctl00$ m$ g_bdb23c2c_fde7_495f_8676_69714a308d8e$ ctl00$ ctl04$ ctl02$ ctl00$ ctl00$ ctl04$ ctl00$ ctl00$ TextField"
tipus= "text"
maxlength= "255"
ID= "ctl00_m_g_bdb23c2c_fde7_495f_8676_69714a308d8e_ctl00_ctl04_ctl02_ctl00_ctl00_ctl04_ctl00_ctl00_TextField"
títol= "DefaultMeFieldNoSpaces"
classe= "ms-long"
/>

"títol" es destaca com un atribut reconeixible i esperançadorament única per ajudar-nos a identificar la columna a la qual volem Assignar el nostre valor arbitrari.

Aquest és un concepte fonamental. Creació d'un camp de forma arbitrària com aquest no es va guanyar algun premi. No obstant això, Si volem fer coses de nivell de forma més interessants (que tots nosaltres sempre voler a do, clar, bé després que acabi rentar els plats), com canviar el valor de "camp b" automàticament basat en el valor de "camp un", hem (JO) ha d'aprendre aquestes coses.

Crec que la nostra millor oportunitat d'obtenir un valor real útil aquí és via el títol, com a mínim per a camps de text. Hi pot haver una millor, enfocament més fiable. Si em sembla, Vaig a actualitzar aquest post. Si vostè sap millor manera, Si us plau deixar un comentari.</final>

</final>

Subscriure's al meu blog.

Follow me on Twitter http://www.twitter.com/pagalvin

Etiquetas de Technorati: ,