Cartlanna Catagóire: XSLT

XSLT agus Samplaí jQuery

2 Freagraí

Bhí mé ag déanamh a lán de XSLT agus jQuery agus shíl mé gur mhaith liom a roinnt snippets cúpla gur féidir le daoine eile a bheith úsáideach sa todhchaí.

Sampla 1: Scaoileann JavaScript simplí / jQuery i XSLT:

<XSL:chluiche teimpléad = "rud éigin" xml:spás = "chaomhnú">

  <!– Go spás amach an cheist cairdiúil scagairí réimse i bhfolach –>
  <Cineál script = "text / javascript">
    $(doiciméad).réidh(fheidhm(){
      $("# QueryFriendlyFilters").Val("Folamh");
    });
  </script>

</XSL:teimpléad>

Sin beagán astaíonn cuid JavaScript go fanann an leathanach luchtú a chríochnú (mar gheall ar an $(doiciméad).réidh(...)) agus leagann sé ansin ar an luach a bhaineann le réimse i bhfolach ainmnithe QueryFriendlyFilters le luach litriúil "folamh".

Sampla 2: Úsáid <XSL:más rud é> a sheiceáil "níos mó ná",  "Níos lú ná", etc.

<XSL:chluiche teimpléad = "rud éigin" xml:spás = "chaomhnú">

  <id div = "fdcAllFilters">
 
    <XSL:má tástála = "@ Líon>0">
      <réimse aicme = "fdcFilterLabel">Scagairí Reatha:</réise>
    </XSL:más rud é>

    <!– a tharlaíonn rudaí níos anseo. –>

</XSL:teimpléad>

Seiceálann an Blúire thuas a fháil amach an bhfuil an tréith darb ainm "Count" an eilimint "rud" níos mó ná nialas.  Ba mhaith leis an XML taobh thiar de seo a bheith rud éigin cosúil le:"

<rud Líon = "5" />

Sampla 3: Seasann an trí gach gné, interspersing glaonna jQuery.

<!– Seasann tríd na scagairí agus an ceart ar taispeáint  naisc. –>
<XSL:do-gach = roghnaigh "UserFilter">

  <aicme = "FilterHref" href = "javascript:mySubmitPage(‘RemoveUserFilter’,'{@ ID}')">[X]</a>

  <réimse aicme = "fdcFilterLabel"><XSL:luach-ar roghnaigh = "@ FilterValue" /></réise>

  <Cineál script = "text / javascript">

    $(doiciméad).réidh(fheidhm(){
        <XSL:téacs><![CDATA[$("# QueryFriendlyFilters").Val( ($("# QueryFriendlyFilters").Val() + " ]]></XSL:téacs>\"<XSL:luach-ar roghnaigh = "@ FilterValue" />\"<XSL:téacs><![CDATA["));]]></XSL:téacs>
    });

  </script>

</XSL:do-gach>

Is é an Blúire thuas an chuid is mó casta agus d'fhéadfadh go mbeadh slite níos éasca é a dhéanamh.

An XML taobh thiar de seo tá thart ar mar seo:

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

Tá an Blúire iterating trí <UserFilter> nóid. 

Astaíonn sé chéad chlib ancaire a agraíonn nuair a chliceáil feidhm JavaScript atá cheana féin ar an leathanach, "MySubmitPage" agus Gabhann an luach an tréith ar an <UserFilter> nód darb ainm "ID". 

Astaíonn sé ansin roinnt jQuery go Waits le haghaidh an leathanach a luchtú.  Go jQuery nuashonruithe réimse bhfolach darb ainm "QueryFriendlyFilters" trí luach an tréith FilterValue.  Tabhair faoi deara go léir an mire <XSL:téacs> agus <![CDATA[ ... ]]> stuif.

Sin é, Tá súil go gcuidíonn sé!

</deireadh>

Liostáil le mo bhlag.

Lean mé ar Twitter ag http://www.twitter.com/pagalvin

Endlessly Neadú <div> Clibeanna agus jQuery

Fág freagra

Dealraíonn sé seo cosúil den sórt sin ábhar oddball, Níl mé cinnte go bhfuil sé i ndáiríre fiú blogging faoi, ach ní ar sin stop mé roimh, mar sin anseo táimid ag dul Smile

Tá mé ag obair amach ar thionscadal áit a bhfuil mé ag tarraingt cuid de na sonraí ó chuardach, pacáistiú sé suas i teachtaireacht XML agus ansin go bhfuil XML a chlaochlú ar deireadh thiar i HTML via XSLT.  Níl a lán de jQuery i gceist, giotán amháin a chuireann roinnt feidhmiúlacht tabbing.  Nuair a bheidh tú cliceáil ar cluaisín (i ndáiríre, a <div>), agraíonn jQuery. hide() agus. seó() ar divs éagsúla (íosluchtú an t-ualach leathanach tosaigh go léir an t-ábhar sin nach bhfuil aon postbacks sa chás seo).

A bunch de uair an chloig ó shin, an loighic athrú cluaisín thosaigh féin a iompar erratically agus ní bheadh ​​sé a thaispeáint ar cheann de mo tabs.  Rianú mé ar deireadh thiar sé síos go dtí an bhfíric go idirlíon taiscéalaí (ar a laghad) shíl sé gur an <div> clibeanna neadaithe i bhfad, Bheadh ​​i bhfad níos doimhne ná toolbar forbróir intended.The thaispeáint:

-<id div = "Tab1Content">
  -<div>
    -<div>
      -<id div = "Tab2Content">
        -<div>
           ..............................
                   </div>  <-Deireadh léiríonn go raibh sé dúnta go léir ar an mbealach síos anseo!

Mar sin,, má rinne mé $("# Tab1Content").hide(), Ba mhaith liom a cheilt freisin Tab2 agus ní raibh mé in ann a thaispeáint Tab2 más rud é nach raibh mé a thaispeáint freisin Tab1.  Chóipeáil mé agus a ghreamú an cód suas i stiúideo amhairc agus thaispeáin sé gach ceann de na líneáil na div ar bun nicely, díreach mar a bhí siad ceaptha a bheith ag déanamh, ag breathnú mar seo:

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

Buille mé mo cheann i gcoinne an bhalla ar feadh tamaill agus faoi deara go sa chód HTML iarbhír a bhí ghiniúint a lán de na folamh <div> clibeanna, cosúil le:

<comhlacht>

  <id div = "Tab1Content">

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

  </div>

  <id div = "Tab2Content">

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

  </div>

</comhlacht>

(Is é an thuas waaaaaaaaaaaay oversimplified.  Is iad na clibeanna div folamh go hiomlán bailí. Tá cuid de mo <div> clibeanna bhí lán de ábhar, ach ní raibh go leor níos mó.  Tháinig mé go dtí an réadú go bhfuil mo <XSL:do-gach> Tugadh treoracha astú na clibeanna div gearr-foirm nuair XSL:do-gach ní raibh a 'teacht ar aon sonraí.  Éigean mé trácht HTML isteach an t-aschur, mar a thaispeántar:

image

 

Tar éis a rinne mé go, ar fad ar an div lined suas nicely agus mo athrú cluaisín thosaigh ag obair.

Mar i gcónaí, Tá súil agam Cuidíonn seo duine éigin i pinch.

</deireadh>

Liostáil le mo bhlag.

Lean mé ar Twitter ag http://www.twitter.com/pagalvin

Sampla: XSLT chruthú HTML href ar

1 Freagra

Tá mé ag déanamh beagán de rudaí XSL le déanaí agus shíl mé gur mhaith liom a chur le chéile ar shampla le haghaidh mo tagartha sa todhchaí agus a d'fhéadfadh a bheith luachmhar dúinn go léir XSLT-ers a dhéanamh ina gcónaí sa Internets.

Smaoinigh ar an méid seo a leanas XML:

<FdcSearchTabsCollection Count="2">
  <SearchTab Label="Industry" SortOrder=”00” Label=”Industries” SearchConstraints="contenttype:Tionscal" TabID="831b2a74-98c4-4453-8061-86e2fdb22c63"/>
  <SearchTab Label="Practices" SortOrder=”01” Label=”Practices” SearchConstraints="contenttype:PracticeGroups" TabID="678e206b-6996-421f-9765-b0558fe1a9c0"/>
</FdcSearchTabsCollection>

Beidh an méid seo a leanas XSL Blúire ghiniúint liosta in eagar de tabs hrefs:

<XSL:template match="FdcSearchTabsCollection" xml:spás = "chaomhnú">
   
    <!– The "all" cluaisín –>
    <a href="javascript:ViewTab(‘All’)">Féach ar gach</a>
   
    <!– Gach tab aonair –>
    <!– Seasann tríd na Tacaíocht Teanga agus an ceart ar taispeáint  naisc. –>
    <XSL:for-each select="SearchTab">
      <XSL:sort select="@SortOrder"/>

      …
      <a href="javascript:ViewTab('{@ TabID}')"><XSL:value-of select="@Label"/></a>
    </XSL:do-gach>

    <br /> 
   

   </XSL:teimpléad>

Seo an méid tá sé cosúil i SharePoint:

SNAGHTML78aa2cb

 

 

</deireadh>

Liostáil le mo bhlag.

Lean mé ar Twitter ag http://www.twitter.com/pagalvin