2013-04-17 38 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); }

每一件事情会工作

已经测试和它的作品