Tag Achiv yo: jQuery

XSLT Et jQuery Échantillons

Mwen te konn fè anpil de XSLT, jQuery ak kalkile sou mwen ta pataje kèk extraits ke lòt moun ka jwenn itil nan tan kap vini.

Egzanp 1: Fè sikile JavaScript senp / jQuery nan XSLT:

<xsl:modèle à = "UN" xml:espas = "prezève">

<!– Vide soti la requête convivial filtres hidden jaden –>
<script tip = "tèks/javascript">
    $(dokiman).pare(fonksyon(){
      $("#QueryFriendlyFilters").val("vid");
    });
</script>

</xsl:modèle>

Moso sa mou kèk JavaScript sa pou paj pou m fini chaje tan-n (que de la $(dokiman).pare(…)) Lè sa a ansanm rapòte ou lajan pou yon jaden hidden rele QueryFriendlyFilters pou literal valè "vid".

Egzanp 2: Sèvi ak <xsl:Si> pou yo tcheke "pi plis", "mwens ke", ets.

<xsl:modèle à = "UN" xml:espas = "prezève">

<div didantite = "fdcAllFilters">

    <xsl:Si test="@Count>0">
      <pon nan klas = "fdcFilterLabel">Filtres kouran:</ire>
    </xsl:Si>

    <!– plis bagay rive isit la. –>

</xsl:modèle>

A CI-dessus extrait contrôles pou wè si yon kalite ki rele "Konte" a "yon bagay" eleman ki gen plis pouvwa pase zewo. XML la pa dèyè sa ta dwe gen yon bagay tankou:”

<yon bagay konte = "5" />

Egzanp 3: Une à tout eleman yo, interspersing jQuery apèl.

<!– Une à tout filtres yo Et afficher a kòrèk lyen. –>
<xsl:pou-chak = sélectionnez "UserFilter">

<yon klas = "FilterHref" HREF = "javascript:mySubmitPage('RemoveUserFilter','{@ID}’)">[X]</yon>

<pon nan klas = "fdcFilterLabel"><xsl:valè-de select="@FilterValue"/></ire>

<script tip = "tèks/javascript">

    $(dokiman).pare(fonksyon(){
        <xsl:tèks><![CDATA[$("#QueryFriendlyFilters").val( ($("#QueryFriendlyFilters").val() + " ]]></xsl:tèks>\"<xsl:valè-de select="@FilterValue"/>\"<xsl:tèks><![CDATA["));]]></xsl:tèks>
    });

</script>

</xsl:pou-chak>

Extrait CI-dessus a se ki pi konplèks Et ka gen te fè pi fasil pou ou fè l.

XML la pa dèyè sa recherche environ kon sa:

<Didantite UserFilter = "123" FilterValue = "xyzzy" />

Extrait sa a effectuées à <UserFilter> noeuds.

Li premye mou anchor yon balise sa lè Sur appelle yon fonksyon JavaScript ki deja nan paj la, "mySubmitPage" Et rann rapòte ou lajan pou yon kalite a <UserFilter> nodozite yo rele "Didantite".

Li puis mou kèk jQuery ke tan-n pou paj pou chaje. JQuery sa à yon jaden hidden ki rele "QueryFriendlyFilters" yo li te ajoute ke rapòte ou lajan pou kalite FilterValue a. Note tout fou a <xsl:tèks> Et <![CDATA[ … ]]> bagay.

Sa se li, espere ke li te ede!

</fen>

Vous pou m' blog.

Swiv mwen sou Twitter nan http://www.twitter.com/pagalvin

Lists.asmx, GetListItems Et Dossiers

6 replies

M t ap fè kèk rechèch pou yon moun jodi a nan list.asmx web sèvis la te founi kòm yon pati de SharePoint 2010 (Et plus). Li pa t ' kapab jwenn atik lis yo nan tout rasin Katab (ansanm ak non de dossiers de baz), Men, pa t kapab jwenn atik nan de baz dossiers. M' te fè kèk gade internets yo Et se yon kesyon que komen. Encore, M pa t ka yon bon repons pou kesyon senp, "si m konnen Katab a, Kouman m ap ka jwenn atik yo nan Katab a?” En onèt, M pa t seye tout sa di depi lè mwen te vle figi moun sa a soti sou mwen pou kont li pandan yon ti moman Souri .

Pou mete sa a sou pye, Mwen te kreye yon kote yo rele "Blogs Scénarios" ak yon lis repòtaj ki rele "Personnalisé lis ak Sub Dossiers". Mwen te kreye puis dossiers rele:

Ane 2005
Ane 2006
Ane 2007

Mwen te ajoute kèk atik pou Katab a "lane 2006". Sa a se sa li sanble:

Zanmi m' pa ekri C# kòd Men non w ap itilize Java, Se konsa enveloppe SAVON a te sa li te vrèman bezwen. Pou sa, Mwen te ekri yon ti jQuery Et puis itilize fiddler pou fè konvèsasyon HTTP réel.

Se isit la a jQuery pertinentes (Mwen copié kòd a desann pi ba pase si ou vle kopi/coller):

Yo premye kle, se pou genyen ladan yo tou de yon <queryOptions> Et <QueryOptions> nodozite. Dezyèm kle a se sa a <Katab> nodozite se yon adrès entènèt sa a kliyan an gen aksè.

Ka gen lòt fason pou ou, Men, sa te travay byen pou mwen lè w ap itilize jQuery.

Isit la se enveloppe SAVON pou CI-dessus a:

<soapenv:Enveloppe xmlns:soapenv =’http://schemas.xmlsoap.org/Soap/envelope/’>
<soapenv:Kò>
    <GetListItems xmlns =’http://schemas.Microsoft.com/sharepoint/Soap/’>
      <listName>Lis personnalisé ak Sub Dossiers</listName>
      <viewFields>
        <ViewFields>
          <Non FieldRef =' Tit’ />
          <Non FieldRef ='EncodedAbsUrl’ />
        </ViewFields>
      </viewFields>
      <queryOptions>
        <QueryOptions>
          <Katab>http://demoserver1/Blogs Lis scénarios/lis/Personnalisé ak Sub Dossiers/ane 2006</Katab>
        </QueryOptions>
      </queryOptions>
    </GetListItems>
</soapenv:Kò>
</soapenv:Anvlòp>

Yon lòt egzanp ak diskisyon nan sa te mennen m' pou kwè tou sa mwen vle te <QueryOptions> Et spécifier yon Katab non. Pou mwen, Mwen bezwen pou les vlope l' anndan <queryOptions> osi byen ke spécifier entièrement ki kalifye adrès entènèt l ' pou yo <Katab> nodozite.

Se isit la configuration AJAX jQuery:

$(dokiman).pare(fonksyon() {
       var soapEnv =
           "<soapenv:Enveloppe xmlns:soapenv =’http://schemas.xmlsoap.org/Soap/envelope/’> \
               <soapenv:Kò> \
                    <GetListItems xmlns =’http://schemas.Microsoft.com/sharepoint/Soap/’> \
                       <listName>Lis personnalisé ak Sub Dossiers</listName> \
                       <viewFields> \
                           <ViewFields> \
                              <Non FieldRef =' Tit’ /> \
                              <Non FieldRef ='EncodedAbsUrl’ /> \
                          </ViewFields> \
                       </viewFields> \
                       <queryOptions> \
                         <QueryOptions> \
                           <Katab>http://demoserver1/Blogging Lis scénarios/lis/Personnalisé ak Sub Dossiers/ane 2006</Katab> \
                         </QueryOptions> \
                       </queryOptions> \
                   </GetListItems> \
               </soapenv:Kò> \
           </soapenv:Anvlòp>";

</fen>

Vous pou m' blog.

Swiv mwen sou Twitter nan http://www.twitter.com/pagalvin

Sans Imbrication <div> Baj Et jQuery

Kite yon Reply

Sa sanble tankou sa yon tèt rubrique, Mwen pa fin sèten se vrèman yon valè de blogs osijè de, Men, sa ki pa janm sispann m' devan, se isit la n' ap Souri

M ap travay sou yon pwojè kote mwen ap rache kèk done de recherche yon, tounen tankou emballage fè l' antre nan yon mesaj XML Et puis XML sa, nan sal HTML via XSLT. Pa gen anpil jQuery te enplike, gwo moso ki en kèk tabulation fonctionnalités. Lè ou Sur sou yon onglet (vrèman, yon <div>), jQuery appelle .hide() Et .show() sou plizyè divs (pwemye paj chay téléchargements tout contenu a pou genyen publications pa nan ka sa).

Yon pakèt moun heures de sa, metòd pou chanje lojik onglet a te kòmanse se façon Et ne montre yonn nan onglets m. Mwen, UN li desann a fait onn entènèt sa (pi piti) panse sa a <div> baj imbriqués byen lwen, byen lwen plus pase destinés.A devlope D' ki ta montre:

-<div didantite = "Tab1Content">
-<div>
    -<div>
      -<div didantite = "Tab2Content">
        -<div>
           …………………………
                   </div> <— a la fen montre li te fèmen jouk yo rive desann isit la!

Se konsa, Si m' te fè yon $("#Tab1Content").sere(), Mwen ta tou sere Tab2 Et m te kapab pa janm fè Tab2 si m pa t tou montre Tab1. Mwen copié Et coller kòd la nan estidyo izyèl Et sa a tout de revêtement div a moute bien, egzateman tankou yo te sipoze fè travay li, klere tankou sa:

-<div didantite = "Tab1Content">
+<div>
+<div>
-<div didantite = "Tab2Content">
+<div>
+<div>

Mwen ke yo te bat tèt mwen sou miray la pou yon ti tan e te note ke HTML aktyèl la nan kòd li te genyen génération anpil vid <div> baj, tankou:

<kò>

<div didantite = "Tab1Content">

    <div didantite = "row1" />
    <div didantite = "row2" />

</div>

<div didantite = "Tab2Content">

    <div didantite = "row1" />
    <div didantite = "row2" />

</div>

</kò>

(La CI-dessus se waaaaaaaaaaaay oversimplified. Div vid baj yo totalman valab. Gen kèk moun mwen <div> baj pa t ' de sanisfè, Men, anpil plis yo pa t '. Mwen te ale la réalisation sa m' <xsl:pou-chak> directives te émet ti fòm div balises lè xsl a:pou-chak pa t ' jwenn kèk done. Mwen te fòse yon kòmantè HTML nan la sortie, jan montre:

Apre sa, mwen te fè sa, tout div a aliyen bien Et m' onglet changement te kòmanse travay.

Kòm toujou, Mwen espere ke sa ka ede yon moun nan yon ti kras.

</fen>

Vous pou m' blog.

Swiv mwen sou Twitter nan http://www.twitter.com/pagalvin

Encore plis jQuery–Redimensionner yon egzanp imaj

Kite yon Reply

Mwen te eritye yon pati entènèt de machann ans kliyan an yon Et li gen yon pwoblèm taille imaj. Ti zidòl kay ta dwe fè 60×50 Men, pou kèk rezon enpè, machann orijinal la te fòse yo antre nan 42×42, Se konsa, yo sanble vil:

Bon pòtre	Movè imaj

Se isit la balise a (yon ti jan simplifié):

<Table klas = 'pwolonje-pespektiv'>
<thead>
    <tr>
      <klas 11yèm lajè ='100′>3 madi</klas 11yèm>
    </tr>
</thead>

<tbody>
    <tr klas = 'projte'>
      <lajè td ='100′>
        <ul>
          <klas li = 'haute'>Gwo: 72°F</li>
          <klas li = 'faible'>Ba: 44°F</li>
          <klas li = 'kondisyon'>Sunny
            <img src =’http://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ lajè ='42’ wotè ='42’ alt =” />
          </li>
        </ul>
      </td>
    </tr>

</tbody>

</tab>

Ou ap note ke menm si la D' estati tèt li montre la bonne dimansyon (60×50) machann orijinal la te fòse l' nan 42×42. Poukisa? Fou.

De tout fason, Mwen te vle yon rapide Et fasil solisyon pou bagay sa a ak mwen tounen vin jwenn jQuery. Fente a te genyen pou w jwenn tout de la apwopriye <img> baj. Mwen pat vle muck ak lòt baj img osijè de (moun ki genyen anpil). Ti jQuery sa a te fè Akab la:

<script tip = tèks/javascript"" src ="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

<script tip = "tèks/javascript">
     $(dokiman).pare(fonksyon () {

         $(kondisyon. > img').chak(fonksyon (endèks, atik)
            {
             $(atik).css("lajè", "60");
             $(atik).css("wotè", "50");
            });
     }); // sou chay dokiman
</script>

Sa moso kòd trouve koleksyon an <li> baj ki nan klas ki se "kondisyon" Et <img> moun. L' lè sa a une nan nou tout de sa. Te travay tankou yon bèlte.

Mwen te kapab pwobableman rationaliser li, Men, mwen pa janm te yon kalite unix nèg ki rezoud π pou 18 ak chiffres presizyon itilize sed Et awk Et, mwen menm mwen pa asepte si jQuery guy soit Souri .

</fen>

Vous pou m' blog.

Swiv mwen sou Twitter nan http://www.twitter.com/pagalvin

Pran kontwòl ou pa pi mal ak Annuler bouton

3 replies

Mwen te pale a tou atik sa a yon tounen en, Men byen kanpe tankou mwen pa t Lien pou li de blog m' nan moman sa a, Se konsa isit la se:

Atik sa a dekri kijan pou fòse newform.aspx pou nou: paj yon sèl lè a utilisateur clique pa pi mal ak yon lòt paj lè li Sur annuler.

</fen>

Vous pou m' blog.

Swiv mwen sou Twitter nan http://www.twitter.com/pagalvin

Conseil rapide: E li ajoute ke jQuery pou paj Publication bab PANYÒL

1 N. repons

Lè améliorer bab PANYÒL publising paj itilize jQuery, M frape suivant) vitès:

Sèvè erè nan ' /’ Aplikasyon.

Erreur analyseur

Dekri teren: Yon erè ki te fèt pandan l' yon resous ki te mande pou service mande sa a. Tanpri revize espesifik analyser erreur detay sa yo ak motifye ou fichier sous fè a se sa.

Analyseur Erreur mesaj: Sèlman Contenu contrôles yo gen dwa tou dwat nan yon paj contenu ki genyen kontwòl pi kontan yo.

Sous Erreur:

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

Fichier sous: /_catalogs/masterpage/KCC_FacultyMember.aspx Liy: 12

Vèsyon pipiti de youn enfòmasyon: Microsoft.Cadre PÈLEN vèsyon pipiti de youn:2.0.50727.4927; ASP.PÈLEN vèsyon pipiti de youn:2.0.50727.4927

Li te ase fasil pou ka ranje (h/t pou m' pèsòn nan travay, Uday Ethirajulu). Asire w ke kòd jQuery a rete anndan la "PlaceHolderAdditionalPageHead" jan montre:

<asp:Contenu ContentPlaceholderID = "PlaceHolderAdditionalPageHead" runat = "sèvè">

<script

    jan de = tèks/javascript""

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

</script>

<script tip = "tèks/javascript">

$(dokiman).pare(fonksyon() {

   // Briyan jQuery bagay se isit la.

   });

</script>

</fen>

Vous pou m' blog.

Swiv mwen sou Twitter nan http://www.twitter.com/pagalvin