2013-04-17 37 views
0

我在其中一個Xpages應用程序中使用了JQuery Mobile Framework。Xpages中的JQuery Mobile,傳遞參數

我做了一個listView與一些條目,並希望顯示相應的文件,當點擊其中一個條目。我有一個XPage和兩個JQM頁面。

Do oyu有什麼想法可以在XPages中實現嗎?我知道有一些JQuery移動插件可以在頁面之間添加參數功能,但是我的主要問題是沒有服務器端事件被觸發,因此我可以刷新頁面並傳遞文檔ID

這些是一些事情我嘗試過:

  • 纏繞我進入一個div,並試圖觸發一個服務器端事件 - >無事件
  • 使用<「一>標準元素(更改頁面,但沒有給出參數,例如通過URL
  • 嘗試點擊XSP.partialRefreshGet點擊時鏈接,不工作,因爲道場已被停用,這樣可以JQM正常工作
  • 試圖填寫一個隱藏的輸入傳遞參數,沒用,我需要一個服務器端事件
  • 試過當打開一個新的XPage點擊一個條目打開文檔,沒有工作,要麼他找不到X頁面,要麼收到一個XSP無法找到的錯誤。
  • 一些更多的東西,我不記得在這個時候

有沒有人有XPages中使用JQM框架的經驗嗎?我無法想象,我沒有辦法讓這個工作。

在此先感謝。

回答

0

我使用單獨的XPage作爲視圖和文檔。

<div data-role="page" id="main"> 
    <div data-role="header"> 
     <h1>Contacts</h1> 
    </div> 
    <div data-role="content"> 
     <ul data-role="listview" data-inset="true" data-filter="true"> 
     <xp:repeat id="contactRepeat" rows="30" value="#{contactsView}" var="dataRow" disableOutputTag="true"> 
      <li> 
       <xp:link escape="true" id="link1"> 
        <xp:this.value><![CDATA[#{javascript:return "m_ContactDetails.xsp?action=OpenDocument&documentId=" + dataRow.getDocument().getUniversalID();}]]></xp:this.value> 
        <xp:this.text><![CDATA[#{javascript:return dataRow.getColumnValue("Name");}]]></xp:this.text> 
       </xp:link> 
      </li> 
     </xp:repeat> 
    </ul> 
</div> 

雖然我敢肯定,你可以把雙方的觀點和相同的XPage形式(這是我學會了如何做到這一點的擴展庫),我認爲有獨立的XPages作品好吧,我知道它允許我傳遞參數。

在我的擴展庫之一,它打開把重點放在XPage上的文檔部分,然後選擇一個特定的文檔的鏈接是:

http://dominodev.mydomain.com/djn/Test.nsf/m_milestoneList.xsp#milestoneDetails&databaseName=DominoDev/MyDomain!!DJN\Test.nsf&documentId=5DDB32855213FC0485257B2D00730253&action=editDocument 

所以,我想,如果您設置您的數據視圖的鏈接使用#pageName和& documentId =它可能會工作.....

+0

嗯,我已經試過了。我再次嘗試,但它不會工作。當點擊條目時,我看到加載圖像,但沒有其他事情發生。我只在瀏覽器的控制檯上收到錯誤消息,說他找不到XSP,這是因爲Dojo已停用。 你之前看過嗎,也許有一個想法如何解決它? –

+0

@MatthiasNicklisch,你嘗試過哪一種方法 - 將Xpages分開或使用hashtag跳轉到詳細信息頁面? –

0

我能夠解決這個問題,雖然它有點奇怪。我的同事必須禁用dojo,因爲如果不關閉用戶界面,就不能正確渲染UI。 我已經在我的頁面中再次激活了dojo,並且鏈接現在完全正常工作,沒有問題,這意味着我可以用我想要的參數打開另一個XPage。

0

我的同事不得不因爲沒有關閉它

是在UI未被賦予 正確禁用道場,但我似乎只是一個使用Dojo 1.8的ND 9問題。 用戶懷疑剛剛開始在這個問題的博客:) http://notesin9.com/index.php/2013/04/20/jquery-mobile-seems-incompatible-with-xpages-in-domino-9-0/

它工作在8.5.1 - 8.5.2到目前爲止。需要在8.5.3上測試,但認爲它只是ND 9/Dojo 1.8相關

我已經嘗試過使用不同的JQM命名空間(data-bcc-role而不是data-role),但問題仍然存在存在。所以恕我直言,它一定是不同的東西。 即使noConflict()與jQuery沒有幫助。

0

根據線16在jQuery Mobile的版本1.3.1中http://notesin9.com/index.php/2013/04/20/jquery-mobile-seems-incompatible-with-xpages-in-domino-9-0/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+NotesIn9+%28Notes+In+9+-+Wordpress%29

評論的問題。我不知道 真正的問題是什麼,但是如果線13改變爲23

(函數(根,DOC,工廠){如果(typeof運算定義=== 「功能」 & & define.amd ){// AMD。註冊爲匿名模塊define([jQuery],function($){factory($,root,doc); return $ .mobile; });} else {//瀏覽器全局工廠(root.jQuery,根,DOC);}

(功能(根,DOC,工廠){//瀏覽器全局工廠( root.jQuery,root,doc); }

每一件事情會工作

已經測試和它的作品