XPage:移动appPage中的保存操作按钮,面板不保存分配给面板的数据源文档

时间:2014-11-22 09:46:56

标签: xpages panel mobile-application xpages-ssjs

我正在使用Xpages扩展库在Domino应用程序中构建一个带有xe:singlePageApp和更多xe:appPage(s)的移动页面。 xe:appPage包含一个面板,其中包含多米诺骨牌文档作为数据源。在同一个面板中是一个提交/保存按钮,我用来保存在文档数据源中的字段中编辑/更改的内容。

由于Xomino上已经发布的问题和答案的指示,这里是关于StackOverflow以及XPages Wiki(此处未提供链接,因为我不允许发布超过2个链接) - 提交按钮位于面板内,数据源也在该面板中声明(在“panelDocContent”下面的代码中)。

页面上的xp:inputText控件具有与数据源字段相同的id和变量。如果我通过SSJS在另一个按钮上设置页面上的一些值 - 它们已成功设置,并且具有可见性的圆形矩形列表项目将根据预期显示,显示字段也已更改。

问题:保存/提交按钮“提交审批”不会将更改保存到分配给面板的数据源。

我已经尝试过在文档数据中设置“ignoreRequestParams”= true,但这不是一个选项。当我尝试这个时,来自初始appPage的相应文档与一个应该打开文档AppPage的DataView元素没有加载它的值 - 它们显示为空。

知道我在这里做错了什么,或者我可以做些什么来提交可编辑更改字段中的值(在按下“请求此工具”按钮时首先显示?

以下是xPages / Custom控制代码:

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core" 
xmlns:xe="http://www.ibm.com/xsp/coreex">



    <xe:appPage id="docContent" pageName="docContent"
        resetContent="true">

        <xp:panel id="panelDocContent">
            <xp:this.data>
                <xp:dominoDocument var="docTool" formName="Tool"
                    action="editDocument" scope="request">
                </xp:dominoDocument>
            </xp:this.data>

            <xe:djxmHeading id="djxmHeading2" back="Back" style="text-align:center">

                <xe:this.moveTo><![CDATA[#{javascript:viewScope.get("pageToReturn");}]]></xe:this.moveTo>
                <xp:this.facets>
                </xp:this.facets>

                <xe:this.label><![CDATA[#{javascript:"Tool"}]]></xe:this.label>
            </xe:djxmHeading>

<!-- BUTTONS ! -->
<xp:panel id="preButtonPanel" style="font-size:8px;">.</xp:panel>

<xp:panel id="buttonPanel" style="text-align:center">
            <xp:button value="Request this Tool" id="button1" style="font-size:12pt">
                    <xp:this.rendered><![CDATA[#{javascript:_status = docTool.getDocument().getItemValueString("Status");

(_status=="Available")}]]></xp:this.rendered>
                    <xp:eventHandler event="onclick" submit="true"
                        refreshMode="complete">
                        <xp:this.action><![CDATA[#{javascript:docTool.getDocument().replaceItemValue("Status", "Requested");
docTool.getDocument().replaceItemValue("SubmissionStatus", "Not Submitted");}]]></xp:this.action>
                    </xp:eventHandler>
            </xp:button>
                <xp:button value="Submit for Approval" id="button4" style="font-size:12pt">
                    <xp:this.rendered><![CDATA[#{javascript:_status = docTool.getDocument().getItemValueString("Status");
_submissionstatus = docTool.getDocument().getItemValueString("SubmissionStatus");

(_status=="Requested") && (_submissionstatus == "Not Submitted") }]]></xp:this.rendered>

                <xp:eventHandler event="onclick" submit="true" refreshMode="complete">
                    <xp:this.action>

                        <xp:actionGroup>




                            <xp:executeScript>
                                <xp:this.script><![CDATA[#{javascript:if (docTool.isEditable()) {
         docTool.save();
         sessionScope.msg="Data source docTool saved.";
        _dump(sessionScope);
} else {
         sessionScope.msg= "Document not in edit mode";
}
_dump(sessionScope);
context.redirectToPage("#viewPage");


}]]></xp:this.script>
                            </xp:executeScript>
                        </xp:actionGroup>
                    </xp:this.action></xp:eventHandler></xp:button>



                </xp:panel>

                <xp:panel id="panelPostButtons" style="font-size:8px;">.</xp:panel>

    <!-- END OF BUTTONS -->

            <xe:djxmRoundRectList id="djxmRoundRectList2">
                <xp:messages id="errormessages1"></xp:messages>
            </xe:djxmRoundRectList>
            <xe:djxmRoundRectList id="djxmRoundRectList1">

                <xp:table style="width:100.0%">
                    <xp:tr>
                        <xp:td style="font-weight:bold">
                            Tool information
                        </xp:td>
                    </xp:tr>
                </xp:table>

                <xp:table style="width:100.0%">
                    <xp:tr>
                        <xp:td style="width:22.0%">Type</xp:td>
                        <xp:td style="width:69.0%">
                            <xp:label id="dspType">
                                <xp:this.value><![CDATA[#{javascript:docTool.getDocument().getItemValueString("ToolType");}]]></xp:this.value>
                            </xp:label>
                        </xp:td>
                    </xp:tr>
                    <xp:tr>
                        <xp:td style="width:22.0%">Part No.</xp:td>
                        <xp:td style="width:69.0%">
                            <xp:label id="dspPartNo">
                                <xp:this.value><![CDATA[#{javascript:docTool.getDocument().getItemValueString("PartNumber");}]]></xp:this.value>
                            </xp:label>
                        </xp:td>
                    </xp:tr>






                    <xp:tr>
                        <xp:td>Status</xp:td>
                        <xp:td>
                            <xp:label id="dspStatus">
                                <xp:this.value><![CDATA[#{javascript:docTool.getDocument().getItemValueString("Status");}]]></xp:this.value>
                            </xp:label>
                        </xp:td>
                    </xp:tr>
                    <xp:tr>
                        <xp:td>Submission status</xp:td>
                        <xp:td><xp:label id="dspSubmissionStatus">
                                <xp:this.value><![CDATA[#{javascript:docTool.getDocument().getItemValueString("SubmissionStatus");}]]></xp:this.value>
                            </xp:label></xp:td>
                    </xp:tr>
                </xp:table>
            </xe:djxmRoundRectList>


            <xe:djxmRoundRectList id="djxmRoundRectList3">


                <xe:this.rendered><![CDATA[#{javascript:_status = docTool.getDocument().getItemValueString("Status");
_submissionstatus = docTool.getDocument().getItemValueString("SubmissionStatus");

(_status!="Available") && (_submissionstatus != "") }]]></xe:this.rendered><xp:table style="width:100.0%">
                    <xp:tr>
                        <xp:td
                            style="font-weight:bold;color:rgb(255,0,0)">
                            Please enter following mandatory
                            information:
                        </xp:td>
                    </xp:tr>
                    <xp:tr>
                        <xp:td style="font-weight:bold">
                            Shipping Address
                        </xp:td>
                    </xp:tr>
                </xp:table>

                <xp:table style="width:100.0%">
                    <xp:tr>

                        <xp:td style="width:22%">
                            Company data
                            <xp:span
                                style="font-weight:bold;color:rgb(255,0,0)">
                                *
                            </xp:span>
                        </xp:td>
                        <xp:td style="width:69.0%">

                            <xp:inputText id="Company" style="width:99%"
                                value="#{docTool.Company}">
                            </xp:inputText>
                        </xp:td>
                    </xp:tr>
                    <xp:tr>

                        <xp:td style="width:22%">
                            Customer data
                            <xp:span
                                style="font-weight:bold;color:rgb(255,0,0)">
                                *
                            </xp:span>
                        </xp:td>
                        <xp:td style="width:69.0%">

                            <xp:inputText id="CustomerData"
                                style="width:99%" value="#{docTool.CustomerData}">
                            </xp:inputText>
                        </xp:td>
                    </xp:tr>
                    <xp:tr>

                        <xp:td style="width:22%">
                            Demo reason
                            <xp:span
                                style="color:rgb(255,0,0);font-weight:bold">
                                *
                            </xp:span>
                        </xp:td>
                        <xp:td style="width:69.0%">
                            <xp:inputText id="DemoReason"
                                style="width:99%" value="#{docTool.DemoReason}">
                            </xp:inputText>

                        </xp:td>
                    </xp:tr>


                </xp:table>

            </xe:djxmRoundRectList>


        </xp:panel>

        </xe:appPage>


</xp:view>

这里还有一个ZIP链接,整个应用程序用于获取整个和直接的依赖关系。

https://www.dropbox.com/s/rs1la3m0pfm548a/DemoTools_dev.zip?dl=0

我将在接下来的2-3个月内保留它。

在该代码中,我还尝试了一个简单的“保存文档”操作,其中显示了相同的数据源。

我已经花了很多时间来解决这个问题,而且我已经陷入困境。任何帮助将不胜感激。

2 个答案:

答案 0 :(得分:1)

我团队中的一位同事向我展示了如何使用我的自定义控件解决问题。

他发出了“请求批准”按钮,只对部分刷新了设置状态的圆形列表 - 仅限计算标签。使用相同的按钮然后客户端javascript隐藏/显示按钮和带有可编辑字段的圆形列表。然后,提交按钮可以再次设置状态字段,并将文档保存在数据源“docTool”后面。有了这个技巧,页面就不会完全刷新,导致文档句柄因“提交审批”按钮而丢失。

他还利用了在除onclick之外的其他事件中执行CSJS的可能性。通过在“源”视图中选择按钮的事件处理程序,然后在“属性”面板中查看“所有属性”,可以找到这些事件。这些可以在触发部分刷新时使用。

诀窍的另一部分是在客户端的不同元素的所有属性中使用Computed值,在“Visible”属性中使用(在服务器端的“呈现”代码中)。

以下是更正的自定义控件的代码,其中“提交审批”按钮按上述方式工作:

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core" xmlns:xe="http://www.ibm.com/xsp/coreex">

    <xe:appPage id="docContent" pageName="docContent"
        resetContent="true">

        <xp:panel id="panelDocContent">
            <xp:this.data>
                <xp:dominoDocument var="docTool" formName="Tool"
                    action="editDocument" scope="request">
                </xp:dominoDocument>
            </xp:this.data>

            <xe:djxmHeading id="djxmHeading2" back="Back"
                style="text-align:center">

                <xe:this.moveTo><![CDATA[#{javascript:viewScope.get("pageToReturn");}]]></xe:this.moveTo>
                <xp:this.facets>
                </xp:this.facets>

                <xe:this.label><![CDATA[#{javascript:"Tool"}]]></xe:this.label>
            </xe:djxmHeading>

            <!-- BUTTONS ! -->
            <xp:panel id="preButtonPanel" style="font-size:8px;">.</xp:panel>

            <xp:panel id="buttonPanel" style="text-align:center">
                <xp:button value="Request this Tool" id="buttonRequest">
                    <xp:this.rendered><![CDATA[#{javascript:_status = docTool.getDocument().getItemValueString("Status");

(_status=="Available")}]]></xp:this.rendered>
                    <xp:this.style><![CDATA[#{javascript:_status = docTool.getDocument().getItemValueString("Status");

var display = "none";
if(_status=="Available"){
    display = "inline-block";
} 

"font-size:12pt;display:"+display;}]]></xp:this.style>
                    <xp:eventHandler event="onclick" submit="true"
                        refreshMode="partial" refreshId="djxmRoundRectListDisplayFields">
                        <xp:this.action><![CDATA[#{javascript:docTool.getDocument().replaceItemValue("Status", "Requested");
docTool.getDocument().replaceItemValue("SubmissionStatus", "Not Submitted");}]]></xp:this.action>
                        <xp:this.onComplete>
                    <![CDATA[var buttonSubmit = "#{id:buttonSubmit}";
document.getElementById(buttonSubmit).style.display = "inline-block";

var buttonRequest = "#{id:buttonRequest}";
document.getElementById(buttonRequest).style.display = "none";

var editablefields_id = "#{id:djxmRoundRectListEditableFields}";
document.getElementById(editablefields_id).style.display = "block";]]></xp:this.onComplete>
                    </xp:eventHandler>
                </xp:button>

                <xp:button value="Submit for Approval" id="buttonSubmit">

                    <xp:this.style><![CDATA[#{javascript:_status = docTool.getDocument().getItemValueString("Status");
_submissionstatus = docTool.getDocument().getItemValueString("SubmissionStatus");

var display = "none";
if((_status=="Requested") && (_submissionstatus == "Not Submitted")){
    display = "inline-block";
} 

"font-size:12pt;display:"+display;}]]></xp:this.style>


                    <xp:eventHandler event="onclick" submit="true"
                        refreshMode="complete">
                        <xp:this.action><![CDATA[#{javascript:if (docTool.isEditable()) {
         print("Data source docTool saved.");
         docTool.replaceItemValue("SubmissionStatus", "Submitted");
         docTool.replaceItemValue("Status", "Requested");
         docTool.save();
} else {
        print("Document not in edit mode");
}
context.reloadPage();}]]></xp:this.action>


                    </xp:eventHandler>
                </xp:button>

            </xp:panel>

            <xp:panel id="panelPostButtons" style="font-size:8px;">.</xp:panel>

            <!-- END OF BUTTONS -->


            <xe:djxmRoundRectList id="djxmRoundRectListDisplayFields">


                <xp:table style="width:100.0%">
                    <xp:tr>
                        <xp:td style="font-weight:bold">
                            Tool information
                        </xp:td>
                    </xp:tr>
                </xp:table>

                <xp:table style="width:100.0%">
                    <xp:tr>
                        <xp:td style="width:22.0%">Type</xp:td>
                        <xp:td style="width:69.0%">
                            <xp:label id="dspType">
                                <xp:this.value><![CDATA[#{javascript:docTool.getDocument().getItemValueString("ToolType");}]]></xp:this.value>
                            </xp:label>
                        </xp:td>
                    </xp:tr>
                    <xp:tr>
                        <xp:td style="width:22.0%">Part No.</xp:td>
                        <xp:td style="width:69.0%">
                            <xp:label id="dspPartNo">
                                <xp:this.value><![CDATA[#{javascript:docTool.getDocument().getItemValueString("PartNumber");}]]></xp:this.value>
                            </xp:label>
                        </xp:td>
                    </xp:tr>

                    <xp:tr>
                        <xp:td>Status</xp:td>
                        <xp:td>
                            <xp:label id="dspStatus">
                                <xp:this.value><![CDATA[#{javascript:docTool.getDocument().getItemValueString("Status");}]]></xp:this.value>
                            </xp:label>
                        </xp:td>
                    </xp:tr>
                    <xp:tr>
                        <xp:td>Submission status</xp:td>
                        <xp:td>
                            <xp:label id="dspSubmissionStatus">
                                <xp:this.value><![CDATA[#{javascript:docTool.getDocument().getItemValueString("SubmissionStatus");}]]></xp:this.value>
                            </xp:label>
                        </xp:td>
                    </xp:tr>

                </xp:table>
            </xe:djxmRoundRectList>



            <xe:djxmRoundRectList id="djxmRoundRectListEditableFields">



                <xe:this.style><![CDATA[#{javascript:_status = docTool.getDocument().getItemValueString("Status");
_submissionstatus = docTool.getDocument().getItemValueString("SubmissionStatus");

var display = "none";
if((_status!="Available") && (_submissionstatus != "")){
    display = "block"
} 

"display:"+display;}]]></xe:this.style>
                <xp:table style="width:100.0%">
                    <xp:tr>
                        <xp:td
                            style="font-weight:bold;color:rgb(255,0,0)">
                            Please enter following mandatory
                            information:
                        </xp:td>
                    </xp:tr>
                    <xp:tr>
                        <xp:td style="font-weight:bold">
                            Shipping Address
                        </xp:td>
                    </xp:tr>
                </xp:table>

                <xp:table style="width:100.0%">
                    <xp:tr>

                        <xp:td style="width:22%">
                            Company data
                            <xp:span
                                style="font-weight:bold;color:rgb(255,0,0)">
                                *
                            </xp:span>
                        </xp:td>
                        <xp:td style="width:69.0%">

                            <xp:inputText id="Company" style="width:99%"
                                value="#{docTool.Company}">
                            </xp:inputText>
                        </xp:td>
                    </xp:tr>
                    <xp:tr>

                        <xp:td style="width:22%">
                            Customer data
                            <xp:span
                                style="font-weight:bold;color:rgb(255,0,0)">
                                *
                            </xp:span>
                        </xp:td>
                        <xp:td style="width:69.0%">

                            <xp:inputText id="CustomerData"
                                style="width:99%" value="#{docTool.CustomerData}">
                            </xp:inputText>
                        </xp:td>
                    </xp:tr>
                    <xp:tr>

                        <xp:td style="width:22%">
                            Demo reason
                            <xp:span
                                style="color:rgb(255,0,0);font-weight:bold">
                                *
                            </xp:span>
                        </xp:td>
                        <xp:td style="width:69.0%">
                            <xp:inputText id="DemoReason"
                                style="width:99%" value="#{docTool.DemoReason}">
                            </xp:inputText>

                        </xp:td>
                    </xp:tr>


                </xp:table>

            </xe:djxmRoundRectList>


        </xp:panel>

        </xe:appPage>

</xp:view>

这里还有dropbox链接,其中包含整个数据库的压缩副本,并带有此构造用于测试。我想我会在6个月后保留它:

https://www.dropbox.com/s/2iy00xc10v3tis4/DemoTools_dev_forforums2.zip?dl=0

答案 1 :(得分:0)

这不是答案,而是试图提供一些信息,我需要更多的空间然后才能提供评论。 我下载并玩这个有点但是。我不确定这里发生了什么。

你的保存按钮有点奇怪。我添加了一份打印声明,无法打印任何内容。它现在处于一个动作组中,所以你可能想要摆脱它并只是重做按钮。由于只有一个动作,我不会使用简单的动作 - 执行脚本 - 我只需通过脚本编辑器输入代码。在这之后,我得到了mu打印语句,它看起来像保存,但每次保存都会导致复制冲突,客户数据甚至都没有。因此,我没有看到一些基本问题。

我遗失的一件事......可能是因为我没有使用DataView控件,但我没有看到数据文档是如何链接的。您正在宣布&#34; docTool&#34;您的Panel dataSource中的var ...但是那里没有文档ID。所以我没有看到它应该如何工作。显然,至少在某种程度上是因为你正在阅读数据。

我很想尝试从头开始重新尝试复制,但我个人不再喜欢移动控件而且不推荐他们但是你做的是什么这里很简单&#34;并且应该工作。但是我确实在没有花更多时间的情况下难过。

建议您退一步 - 添加更多打印(&#34;&#34;)语句...以将信息输出到控制台。例如,在您的dataSource中,我可以在打开的文档上打印一条消息,但不能用于文档保存。

下面是我正在玩的新保存按钮的小代码。我再次得到它保存,但它只会造成冲突。

另一个说明。无处不在,为了阅读你正在做docTool.getDocument().....但是为了保存你只需要docTool.save()。因此,冲突可能是XSPDocument与真实文档的结果。我不确定。我必须认为,如果你可以进入你的dataSource可以解决你的问题的documentID。但这只是猜测。

祝你好运!

<xp:button value="New Save" id="button5">
                    <xp:eventHandler event="onclick" submit="true" refreshMode="complete">
                        <xp:this.action><![CDATA[#{javascript:print("CHECKING")
if (docTool.isEditable()) {
print("Editable")
         docTool.save();
         print("Data source docTool saved.");

} else {
    print("NOT EDITABLE")
        print("Document not in edit mode");
}

context.redirectToPage("#viewPage");


}]]></xp:this.action>
                    </xp:eventHandler></xp:button>