標記檔案: jQuery

XSLT 和 jQuery 樣本

我做了很多的 XSLT 和 jQuery 和思想會分享他人在將來可能會發現有用的幾個片段.

示例 1: 發出簡單 JavaScript / 在 XSLT jQuery:

<xsl:範本匹配 ="的東西" xml:空間 ="維護">

<!– 出查詢友好篩選器隱藏欄位保留為空 –>
<腳本類型 ="文本/javascript">
    $(文檔).準備好了(功能(){
      $(""#QueryFriendlyFilters).瓦爾("空");
    });
</腳本>

</xsl:範本>

這位會發出一些等待完成載入頁面的 JavaScript (由於 $(文檔).準備好了(…)) 和則集命名隱藏的欄位的值為 QueryFriendlyFilters，"空"的文本值.

示例 2: 使用 <xsl:如果> 要檢查"大於", "小於", 等.

<xsl:範本匹配 ="的東西" xml:空間 ="維護">

<div id ="fdcAllFilters">

    <xsl:如果 test="@Count>0">
      <跨類 ="fdcFilterLabel">當前的篩選器:</大跨度>
    </xsl:如果>

    <!– 在這裡發生了更多的東西. –>

</xsl:範本>

在上面的程式碼片段檢查名為"計數"的"東西"元素的屬性是否大於零。這背後的 XML 就像:”

<東西計數 ="5"/>

示例 3: 迴圈訪問所有元素, 排布 jQuery 的調用.

<!– 遍歷的所有篩選器，並顯示正確連結. –>
<xsl:為每個選擇 ="UserFilter">

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

<跨類 ="fdcFilterLabel"><xsl:值的 select="@FilterValue"/></大跨度>

<腳本類型 ="文本/javascript">

    $(文檔).準備好了(功能(){
        <xsl:文本><![CDATA[$(""#QueryFriendlyFilters).瓦爾( ($(""#QueryFriendlyFilters).瓦爾() + " ]]></xsl:文本>\"<xsl:值的 select="@FilterValue"/>\"<xsl:文本><![CDATA["));]]></xsl:文本>
    });

</腳本>

</xsl:為每個>

上面的程式碼片段是最複雜的可能還有更容易的方法做這件事.

這背後的 XML 大致如下:

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

此程式碼片段迴圈訪問 <UserFilter> 節點。

它首先發出錨標籤，按一下時調用已經在頁面上的 JavaScript 函數, "mySubmitPage"，並傳遞的屬性的值 <UserFilter> 名為"ID"的節點。

然後，它會發出一些等待載入頁面的 jQuery。那 jQuery 更新隱藏的欄位命名為"QueryFriendlyFilters"中添加 FilterValue 屬性的值。請注意所有瘋狂 <xsl:文本> 和 <![CDATA[ … ]]> 東西.

就是這樣, 希望它可以説明!

</結束>

訂閱我的博客.

跟我在 Twitter 上 http://www.twitter.com/pagalvin

Lists.asmx, GetListItems 和資料夾

6 回复

我做了一些調查有人今天周圍作為 SharePoint 的一部分提供的 list.asmx web 服務 2010 (及更早版本). 她之所以能夠獲得在根資料夾的清單項 (包括子資料夾的名稱), 但不能在子資料夾中的專案。我做了一些環顧四周在互聯網絡上，這是一個令人驚訝的常見的問題。然而, 沒能得到很好簡單問題的答案, "如果我知道該資料夾, 如何獲取資料夾中的專案?” 要誠實, 因為我想我自己對這一出圖了一會兒我並沒有試圖在所有的努力 .

進行此設置, 我創建了名為"博客情境"網站和自訂清單名稱為"自訂清單的子資料夾"。然後創建資料夾名:

一年 2005
一年 2006
一年 2007

我添加的資料夾"2006 年"幾個專案。這是它看起來像:

我的朋友並不是編寫 C# 代碼，但寧願使用 Java, 所以 SOAP 信封是她的真正需要。達到目標，, 寫了有點 jQuery，然後用於小提琴手獲得實際的 HTTP 會話.

這裡是有關 jQuery (我複製代碼下下麵如果要複製/粘貼):

他們第一個關鍵是要包括兩個 <queryOptions> 和 <QueryOptions> 節點。第二個關鍵是， <資料夾> 節點是一個 URL，用戶端可以訪問.

可能有其他方法來獲得這, 但這工作對我來說，使用 jQuery 時.

這裡是上述的 SOAP 信封:

<soapenv:信封 xmlns:soapenv =’http://schemas.xmlsoap.org/soap/envelope/’>
<soapenv:正文>
    <GetListItems xmlns =’http://schemas.microsoft.com/sharepoint/soap/’>
      <listName>自訂清單的子資料夾</listName>
      <viewFields>
        <ViewFields>
          <FieldRef 名稱 =' 標題’ />
          <FieldRef 名稱 ='EncodedAbsUrl’ />
        </ViewFields>
      </viewFields>
      <queryOptions>
        <QueryOptions>
          <資料夾>http://demoserver1/博客子資料夾/2006 年年方案/清單/自訂清單</資料夾>
        </QueryOptions>
      </queryOptions>
    </GetListItems>
</soapenv:正文>
</soapenv:信封>

很多例子和討論圍繞這讓我相信我所需要的是 <QueryOptions> 並指定資料夾名稱。對我來說, 我需要這兩包內 <queryOptions> 也可以指定完全限定的 URL <資料夾> 節點.

這裡是 jQuery AJAX 安裝程式:

$(文檔).準備好了(功能() {
       var soapEnv =
           "<soapenv:信封 xmlns:soapenv =’http://schemas.xmlsoap.org/soap/envelope/’> \
               <soapenv:正文> \
                    <GetListItems xmlns =’http://schemas.microsoft.com/sharepoint/soap/’> \
                       <listName>自訂清單的子資料夾</listName> \
                       <viewFields> \
                           <ViewFields> \
                              <FieldRef 名稱 =' 標題’ /> \
                              <FieldRef 名稱 ='EncodedAbsUrl’ /> \
                          </ViewFields> \
                       </viewFields> \
                       <queryOptions> \
                         <QueryOptions> \
                           <資料夾>http://demoserver1/Blogging 子資料夾/2006 年年方案/清單/自訂清單</資料夾> \
                         </QueryOptions> \
                       </queryOptions> \
                   </GetListItems> \
               </soapenv:正文> \
           </soapenv:信封>";

</結束>

訂閱我的博客.

跟我在 Twitter 上 http://www.twitter.com/pagalvin

無止境地嵌套 <div> 標記和 jQuery

發表評論

這似乎是一個古怪的話題, 我不確定這的確值得有關的博客, 但是，從未停止過我, 所以在這裡我們去

我正在那裡我揪一些資料從搜索專案, 打包成一條 XML 消息，然後該 XML 是最終轉換為 XSLT 通過 HTML。有很多的 jQuery 涉及, 其中一位實現一些定位字元的功能。當您按一下某個選項卡上 (真的, 一 <div>), jQuery 調用.hide() 和.show() 對各種 div (初始頁面載入下載的所有內容，所以在這種情況下有沒有回發).

一群小時前, 選項卡切換邏輯開始運行不穩定，它不會顯示我的選項卡中的一個。我最終跟蹤它的事實，ie 瀏覽器 (至少) 原以為， <div> 到目前為止的嵌套標籤, 遠比預期更深。將顯示開發人員工具列:

-<div id ="Tab1Content">
-<div>
    -<div>
      -<div id ="Tab2Content">
        -<div>
           …………………………
                   </div> <— — 終於呈現它一路下來被關閉!

所以, 如果我做了 $("#"Tab1Content).隱藏(), 我還會隱藏前臺，我可能永遠不會告訴前臺是否我還沒給看標籤頁 1。複製，並且的代碼粘貼到 visual studio 和它很好地顯示所有 div 的襯砌起來的, 就像他們應該做的事情, 這樣看:

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

我的頭靠在牆上打了一會兒，並注意到在實際的 HTML 代碼產生大量的空 <div> 標籤, 像:

<正文>

<div id ="Tab1Content">

    <div id ="第一行"/>
    <div id ="行 2"/>

</div>

<div id ="Tab2Content">

    <div id ="第一行"/>
    <div id ="行 2"/>

</div>

</正文>

(以上是過於簡單化的 waaaaaaaaaaaay。空的 div 標籤都是完全有效. 一些我 <div> 標記是內容的完整, 但更多的不是。我認識到，那我 <xsl:為每個> 指令發出短型 div 標籤時 xsl:對於每個才 ' 找到的任何資料。被迫輸出的 HTML 注釋, 如圖所示:

畢竟這樣做, 所有 div 的很好地都排隊和我選項卡切換開始工作.

如往常一樣, 我希望這將有助於在必要時有人.

</結束>

訂閱我的博客.

跟我在 Twitter 上 http://www.twitter.com/pagalvin

然而更多的 jQuery–調整大小圖像示例

發表評論

我從用戶端的舊供應商那裡繼承了一個 web 部件，它有一個圖像的大小問題。圖片應該是 60 歲×50 但由於一些奇怪的原因, 原始供應商將他們被迫 42×42, 因此，他們看擠壓:

良好的形象	壞形象

這裡是標記 (某種程度上簡化):

<表類 =' 擴展 outlook'>
<thead>
    <tr>
      <th 寬度 = 100′>3 星期二</th>
    </tr>
</thead>

<tbody>
    <tr 類 = '預測'>
      <td 寬度 = 100′>
        <ul>
          <李班 = '高'>高: 72&二甘醇;F</李>
          <李班 = '低'>低: 44&二甘醇;F</李>
          <李班 = '狀況'>陽光燦爛
            <img src =’http://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ 寬度 = 42年’ 高度 = 42年’ 按住 alt =” />
          </李>
        </ul>
      </運輸署>
    </tr>

</tbody>

</表>

您會注意到儘管 圖像本身的路徑 顯示正確的尺寸 (60×50) 原始供應商迫使它在 42×42. 為什麼? 瘋狂.

不管怎麼說, 我想要快速而輕鬆地解決這個問題，我轉向了 jQuery。訣竅是要找到相應的所有 <img> 標記。我不想與任何其他 img 標籤弄髒 (其中有很多). 這位的 jQuery 沒有訣竅:

<腳本類型 ="文本 javascript" src ="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></腳本>

<腳本類型 ="文本/javascript">
     $(文檔).準備好了(功能 () {

         $(' li.condition > img').每個(功能 (索引, 專案)
            {
             $(專案).css("寬", ""60);
             $(專案).css("高度", ""50);
            });
     }); // 在文檔載入
</腳本>

這段代碼查找集合 <李> 誰的班是"條件"的標籤， <img> 孩子們。它然後遍歷所有這一切。立竿見影.

我大概可以簡化它, 但我永遠不會是那種解決 π 的 unix 傢伙自 18 數位精度使用 sed 和 awk 和我不是那種，如果 jQuery 傢伙要麼 .

</結束>

訂閱我的博客.

跟我在 Twitter 上 http://www.twitter.com/pagalvin

掌控您確定和取消按鈕

3 回复

我寫道：這篇文章一段時間了, 但是看起來沒有連結到它從我的博客在時間, 所以這裡走:

本文介紹如何強制 newform.aspx 重定向到一個頁面，當使用者按一下確定，另一頁，她按一下取消時.

</結束>

訂閱我的博客.

跟我在 Twitter 上 http://www.twitter.com/pagalvin

快速提示: JQuery 添加 MOSS 發佈網頁

1 答覆

當加強使用 jQuery 的 MOSS publising 頁, 我打了以下的絆腳石:

中的伺服器錯誤 ' /’ 應用程式.

分析器錯誤

說明: 解析該請求提供服務所需資源的過程中出錯. 請查看下面的特定分析錯誤的詳細資訊，並適當地修改您的原始程式碼檔.

分析器錯誤訊息: 內容控制項只允許在包含內容控制項的內容頁中直接.

源錯誤:

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

原始檔案: /_catalogs/masterpage/KCC_FacultyMember.aspx 行: 12

版本資訊: Microsoft.NET 框架版本:2.0.50727.4927; ASP.NET 版本:2.0.50727.4927

很容易修復 (我的同事 h/t, 烏代 Ethirajulu). 一定的 jQuery 代碼生活裡面"PlaceHolderAdditionalPageHead"，如圖所示:

<asp:內容 ContentPlaceholderID ="PlaceHolderAdditionalPageHead" runat ="伺服器">

<腳本

    類型 ="文本/javascript"

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

</腳本>

<腳本類型 ="文本/javascript">

$(文檔).準備好了(功能() {

   // 這裡是輝煌的 jQuery 的東西.

   });

</腳本>

</結束>

訂閱我的博客.

跟我在 Twitter 上 http://www.twitter.com/pagalvin