orbeon - orbeonのモーダルダイアログにノード参照を渡す

Question

RTE のインスタンスを 1 つ作成し、リッチ テキスト編集が必要なページ上のすべてのコントロールに再利用しようとしています。2 つのテキスト領域があり、テキスト領域の 1 つにフォーカスすると、モーダル ダイアログを開き、選択したノード参照を渡したいと思います。

例はhttps://gist.github.com/945183にあります

モーダル ダイアログを開くのは簡単ですが、参照を渡すにはどうすればよいですか?

ありがとう、ビネシュ・グマディ

Answer 1

あなたが行ったように、XPath 式として編集するノードへのポインターを渡すことは、良い方法です。リンク先のコードを更新しました。少しシンプルにして動作させ、結果を下に貼り付けました。

または、編集するコントロールの ID を渡すこともできます。次にダイアログで、これをインスタンスに保存し、xxforms:binding()そのコントロールにバインドされたノードを見つけるために使用します。

<xhtml:html xmlns:xforms="http://www.w3.org/2002/xforms"
            xmlns:f="http://orbeon.org/oxf/xml/formatting" xmlns:xhtml="http://www.w3.org/1999/xhtml"
            xmlns:xxforms="http://orbeon.org/oxf/xml/xforms" xmlns:xi="http://www.w3.org/2001/XInclude"
            xmlns:xxi="http://orbeon.org/oxf/xml/xinclude" xmlns:xs="http://www.w3.org/2001/XMLSchema"
            xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:widget="http://orbeon.org/oxf/xml/widget"
            xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xdt="http://www.w3.org/2005/xpath-datatypes"
            xmlns:xbl="http://www.w3.org/ns/xbl" xmlns:fr="http://orbeon.org/oxf/xml/form-runner">
    <xhtml:head>
        <xforms:model id="main"
                      xxforms:session-heartbeat="true"
                      xxforms:show-error-dialog="true">
            <xforms:instance id="instance">
                <dynamic>
                    <textarea1>Area1</textarea1>
                    <textarea2>Area2</textarea2>
                    <selectedNode/>
                </dynamic>
            </xforms:instance>
        </xforms:model>
    </xhtml:head>

    <xhtml:body class="body">

        <xforms:input ref="textarea1">
            <xforms:label>Text Area 1</xforms:label>
        </xforms:input>
        <fr:button>
            <xforms:label>Edit</xforms:label>
            <xforms:action ev:event="DOMActivate">
                <xforms:setvalue ref="selectedNode" value="context()/textarea1/saxon:path()"/>
                <xxforms:show dialog="hello-dialog"/>
            </xforms:action>
        </fr:button>

        <xhtml:br/>

        <xforms:input ref="textarea2">
            <xforms:label>Text Area 2</xforms:label>
        </xforms:input>
        <fr:button>
            <xforms:label>Edit</xforms:label>
            <xforms:action ev:event="DOMActivate">
                <xforms:setvalue ref="selectedNode" value="context()/textarea2/saxon:path()"/>
                <xxforms:show dialog="hello-dialog"/>
            </xforms:action>
        </fr:button>

        <xxforms:dialog id="hello-dialog">
            <xhtml:div>
                <xforms:textarea mediatype="text/html"
                                 ref="if (selectedNode != '') then saxon:evaluate(selectedNode) else ()"/>
            </xhtml:div>
        </xxforms:dialog>

    </xhtml:body>

</xhtml:html>