Tag Archives: КССЛТ

КССЛТ и јКуери Узорци

Ја сам радио много од КССЛТ и јКуери и помислио бих поделим неколико исечака које други могу бити од користи у будућности.

Пример 1: Емит једноставан ЈаваСцрипт / јКуери у КССЛТ:

<клс:template match="something" КСМЛ:space="preserve">

  <!– Празнина се упита пријатељски филтери скривено поље –>
  <script type="text/javascript">
    $(документ).спреман(функција(){
      $("#QueryFriendlyFilters").val("empty");
    });
  </скрипта>

</клс:шаблон>

That bit emits some JavaScript that waits for the page to finish loading (because of the $(документ).спреман(...)) and then sets the value of a hidden field named QueryFriendlyFilters to the literal value “empty”.

Пример 2: Коришћење <клс:ако> to check “greater than”“less than”, итд.

<клс:template match="something" КСМЛ:space="preserve">

  <div id="fdcAllFilters">
 
    <клс:if test="@Count>0">
      <span class="fdcFilterLabel">Current filters:</распон>
    </клс:ако>

    <!– more stuff happens here. –>

</клс:шаблон>

The above snippet checks to see if an attribute named “Count” of the “something” element is greater than zero.  The XML behind this would be something like:"

<something Count=”5” />

Пример 3: Iterate through all elements, interspersing jQuery calls.

<!– Iterate through all the filters and display the correct  линкови. –>
<клс:for-each select="UserFilter">

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

  <span class="fdcFilterLabel"><клс:value-of select="@FilterValue"/></распон>

  <script type="text/javascript">

    $(документ).спреман(функција(){
        <клс:текст><![ЦДАТА[$("#QueryFriendlyFilters").val( ($("#QueryFriendlyFilters").val() + " ]]></клс:текст>\"<клс:value-of select="@FilterValue"/>\"<клс:текст><![ЦДАТА["));]]></клс:текст>
    });

  </скрипта>

</клс:-за сваки>

The above snippet is the most complex and there may be easier ways to do it.

The XML behind this looks roughly like this:

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

This snippet is iterating through <UserFilter> nodes. 

It first emits an anchor tag that when clicked invokes a JavaScript function that is already on the page, “mySubmitPage” and passes the value of an attribute on the <UserFilter> node named “ID”. 

It then emits some jQuery that waits for the page to load.  That jQuery updates a hidden field named “QueryFriendlyFilters” by adding the value of the FilterValue attribute.  Note all the crazy <клс:текст> и <![ЦДАТА[ ... ]]> stuff.

That’s it, Надам се да помаже!

</крај>

Претплатите се на мој блог.

Следите ме на Туиттер на http://www.twitter.com/pagalvin

Бескрајно Гнезде <див> Ознаке и јКуери

Ово изгледа као такав био чудна тему, Нисам сигуран да је то заиста вреди блоговањем о, али то ми никада није престао пре, Дакле, идемо Осмех

Радим на пројекту се где сам вуче неке податке од претраге, паковање га у КСМЛ поруке и да КСМЛ се на крају претвара у ХТМЛ путем КССЛТ.  Има много јКуери укључен, један бит који имплементира неке таббинг функционалност.  Када кликнете на картицу (заиста, a <див>), јКуери позива сакрити.() и шоу.() на разним ДИВС (почетна страница оптерећење преузима сав садржај, па нема постбацкс у овом случају).

Гомила сати, табова логика почео чудно да се понаша, а он не приказује једну од мојих картица.  И на крају га пратио на чињеницу да Интернет Екплорер (најмање) мислили да <див> ознаке угнездио далеко, далеко дубље од интендед.Тхе програмера палети ће показати:

-<див ид = "Таб1Цонтент">
  -<див>
    -<див>
      -<див ид = "Таб2Цонтент">
        -<див>
           ..............................
                   </див>  <-Коначно показује да је затворен скроз доле!

Тако, ако јесам $("# Таб1Цонтент").сакрити(), Такође бих сакрити Таб2 и ја никада не бих могао показати Таб2 ако нисам такође показују Таб1.  Копира и лепи код горе у Висуал Студио и то показује сву облагање див је лепо горе, баш као што је требало да раде, изгледа овако:

-<див ид = "Таб1Цонтент">
  +<див>
  +<див>
-<див ид = "Таб2Цонтент">
  +<див>
  +<див>

Победио сам главом о зид за неко време и приметио да у стварном ХТМЛ код је генерисање много празна <див> ознаке, као:

<тело>

  <див ид = "Таб1Цонтент">

    <див ид = "ров1" />
    <див ид = "ров2" />

  </див>

  <див ид = "Таб2Цонтент">

    <див ид = "ров1" />
    <див ид = "ров2" />

  </див>

</тело>

(Изнад је вааааааааааааи поједностављена.  Празне див ознаке су потпуно важећи. Неки од мојих <див> ознаке су биле пуне садржаја, али многи још нису били.  Дошао сам до закључка да је мој <клс:-за сваки> директиве су се емитује на кратак форма див тагове када клс:за-сваки нису "пронашли никакве податке.  Сам приморан ХТМЛ коментар на излазу, као што је приказано:

image

 

Након што сам то учинио, све див је постројио и лепо ми је пребацивање картица почела да ради.

Као и увек, Надам се да ово помаже некоме у невољи.

</крај>

Претплатите се на мој блог.

Следите ме на Туиттер на http://www.twitter.com/pagalvin

Пример: Креирање ХТМЛ хреф КССЛТ-а

Радила сам мало КССЛ ствари у последње време и помислио да ћу саставити узорак за моју будућу референцу и то може бити од значаја за све нас КССЛТ-ерс зараде за живот у интернетс.

Размотрите следећи КСМЛ:

<FdcSearchTabsCollection Count="2">
  <SearchTab Label="Industry" SortOrder=”00” Label=”Industries” SearchConstraints="contenttype:Индустрија" TabID="831b2a74-98c4-4453-8061-86e2fdb22c63"/>
  <SearchTab Label="Practices" SortOrder=”01” Label=”Practices” SearchConstraints="contenttype:ПрацтицеГроупс" TabID="678e206b-6996-421f-9765-b0558fe1a9c0"/>
</ФдцСеарцхТабсЦоллецтион>

Следећи КССЛ код ће генерисати сортирана листа хрефс картица:

<клс:template match="FdcSearchTabsCollection" КСМЛ:space="preserve">
   
    <!– The "all" табулатор –>
    <a href="javascript:ВиевТаб(‘All’)">Погледајте све</a>
   
    <!– Сваки појединац картица –>
    <!– Итерацију кроз све наслове и приказати исправан  линкови. –>
    <клс:for-each select="SearchTab">
      <клс:sort select="@SortOrder"/>

      …
      <a href="javascript:ВиевТаб('{@ ТабИД}’)"><клс:value-of select="@Label"/></a>
    </клс:-за сваки>

    <бр /> 
   

   </клс:шаблон>

Ево како то изгледа у СхареПоинт:

SNAGHTML78aa2cb

 

 

</крај>

Претплатите се на мој блог.

Следите ме на Туиттер на http://www.twitter.com/pagalvin