自定义控件无法看到rowData中一个自定义属性,但在其他

自定义控件无法看到rowData中一个自定义属性,但在其他

问题描述:

工作,我有以下自定义控件:自定义控件无法看到rowData中一个自定义属性,但在其他

<?xml version="1.0" encoding="UTF-8"?> 
<xp:view xmlns:xp="http://www.ibm.com/xsp/core"> 
    <xp:this.beforePageLoad><![CDATA[#{javascript:compositeData.id = this.getId(); 
if (!compositeData.body_class) {compositeData.body_class='panel-body'}; 
if (!compositeData.panel_id) {compositeData.panel_id='section'+compositeData.id};}]]></xp:this.beforePageLoad> 
    <xp:panel> 
     <xp:this.styleClass><![CDATA[#{javascript:"ccSectionPanel panel " + compositeData.panel_class + ""}]]></xp:this.styleClass> 
      <xp:this.attrs> 
       <xp:attr name="id"> 
        <xp:this.value><![CDATA[#{javascript:compositeData.panel_id}]]></xp:this.value> 
       </xp:attr> 
      </xp:this.attrs> 
     <xp:panel styleClass="panel-heading" style="cursor:pointer;"> 
      <xp:this.attrs> 
       <xp:attr name="id"> 
        <xp:this.value><![CDATA[#{javascript:compositeData.panel_id + "_heading"}]]></xp:this.value> 
       </xp:attr> 
       <xp:attr name="href"> 
        <xp:this.value><![CDATA[#{javascript:"#" + compositeData.panel_id + "_section"}]]></xp:this.value> 
       </xp:attr> 
       <xp:attr name="data-toggle" value="collapse"></xp:attr> 
      </xp:this.attrs> 


      <xp:link escape="true" styleClass="panel-title" 
       text="#{javascript:compositeData.titleBarText}"> 
       <xp:this.attrs> 
        <xp:attr name="id"> 
         <xp:this.value><![CDATA[#{javascript:compositeData.panel_id + "_title"}]]></xp:this.value> 
        </xp:attr> 
       </xp:this.attrs> 
       <xp:this.id><![CDATA[${javascript:compositeData.panel_id + "_title"}]]></xp:this.id> 
      </xp:link> 
     </xp:panel> 

     <xp:panel> 
      <xp:this.styleClass><![CDATA[#{javascript:"panel-collapse collapse" + (compositeData.initClosed ? "" : " in")}]]></xp:this.styleClass> 
      <xp:this.attrs> 
       <xp:attr name="id"> 
        <xp:this.value><![CDATA[#{javascript:compositeData.panel_id + "_section"}]]></xp:this.value> 
       </xp:attr> 
      </xp:this.attrs> 
      <xp:panel 
       styleClass="#{javascript:compositeData.body_class}"> 
       <xp:callback facetName="panelBody" id="panelBody"></xp:callback> 
      </xp:panel> 
      <xp:panel rendered="#{javascript:compositeData.footer}" 
       styleClass="panel-footer"> 
       <xp:callback facetName="panelFooter" id="panelFooter"></xp:callback> 
      </xp:panel> 
     </xp:panel> 
    </xp:panel> 
</xp:view> 

我用它在一个重复控件:

<xp:repeat id="repeat1" rows="30" value="#{view1}" 
        var="repEntry" indexVar="index" repeatControls="false"> 
        <xp:panel> 
         <xp:this.data> 
          <xp:dominoDocument var="doc" 
           action="openDocument" 
           documentId="#{javascript:repEntry.getNoteID()}" 
           ignoreRequestParams="true"> 
          </xp:dominoDocument> 
         </xp:this.data> 
         <xc:ccSectionPanel initClosed="false" 
          panel_class="#{javascript:repEntry.getColumnValue('class')}" 
          footer="#{javascript:sessionScope.isAdmin}" 
          rendered="#{javascript:repEntry.getColumnValue('Status') == '1' || sessionScope.isAdmin}"> 
          <xc:this.titleBarText><![CDATA[#{javascript:repEntry.getColumnValue('Title') + (repEntry.getColumnValue('Status') != '1' ? ' (скрыто)' : '') 

}]]></xc:this.titleBarText> 
          <xp:this.facets> 
           <xp:panel xp:key="panelFooter"> 

            <xp:button value="Редактировать" 
             id="button2" styleClass="btn btn-xs"> 
             <i 
              class="glyphicon glyphicon-pencil"> 
             </i> 
             <xp:eventHandler event="onclick" 
              submit="true" refreshMode="complete"> 
              <xp:this.action> 
               <xp:openPage 
                name="/index.xsp" target="editDocument" 
                documentId="#{javascript:repEntry.getNoteID()}"> 
               </xp:openPage> 
              </xp:this.action> 
             </xp:eventHandler> 
            </xp:button> 
            <xp:button 
             value="#{javascript:repEntry.getColumnValue('Status') != '1' ? 'Показать' : 'Скрыть'}" 
             id="button3" styleClass="#{javascript:'btn btn-xs'}"> 
             <i 
              class="#{javascript:repEntry.getColumnValue('Status') != '1' ? 'glyphicon glyphicon-eye-open' : 'glyphicon glyphicon-eye-close'}"> 
             </i> 
             <xp:eventHandler event="onclick" 
              submit="true" refreshMode="partial" disableValidators="true" 
              refreshId="content"> 
              <xp:this.action><![CDATA[#{javascript:if (repEntry.getColumnValue('Status') == '1') { 
    doc.replaceItemValue('Status','0'); 
    doc.replaceItemValue('Author',sessionScope.User.UserName); 
    doc.save(); 
} else { 
    doc.replaceItemValue('Status','1'); 
    doc.replaceItemValue('Author',sessionScope.User.UserName); 
    doc.save(); 
}}]]></xp:this.action> 
             </xp:eventHandler> 
            </xp:button> 
            <xp:text escape="false" 
             id="computedField2" styleClass="btn btn-xs"> 
             <xp:this.value><![CDATA[#{javascript:'<i class="glyphicon glyphicon-user"></i>' + repEntry.getColumnValue('Author') + ' <i class="glyphicon glyphicon-time"></i>' + repEntry.getColumnValue('$1') 
}]]></xp:this.value> 
            </xp:text> 
           </xp:panel> 
           <xp:panel xp:key="panelBody"> 
            <!-- <xp:this.data> 
             <xp:dominoDocument var="doc" action="openDocument" 
             documentId="#{javascript:repEntry.getNoteID()}" 
             ignoreRequestParams="true"> 
             </xp:dominoDocument> 
             </xp:this.data> --> 
            <xp:inputRichText 
             id="inputRichText2" value="#{doc.Body}" readonly="true" 
             rendered="false"> 
            </xp:inputRichText> 
            <xp:text escape="false" 
             id="computedField1"> 
             <xp:this.value><![CDATA[#{javascript:doc.getDocument().getFirstItem("Body").getMIMEEntity().getContentAsText(); }]]></xp:this.value> 
            </xp:text> 


           </xp:panel> 
          </xp:this.facets> 
         </xc:ccSectionPanel> 
        </xp:panel> 
       </xp:repeat> 

当我设置cumputed属性, (picture) 它的工作原理,但是当我设置panel_id相对于repEntry或doc的东西,它会引发错误(repEntry是未定义的)。我可以设置“在页面创建时创建控件”,但是我失去了部分刷新的优势。

主要问题,为什么一个costom属性可以使用repEntry,但其他不能?

+0

什么属性类型是“panel_id”?你将哪个值设置为属性“panel_id”? –

+0

字符串和字符串。问题是为什么它不能使用行变量,但其他人可以。 – Antiokh

+0

我尝试设置值: 1. repEntry.getPosition('。'); 2. repEntry.getUniversalID(); 3. doc.getNoteId(); doc是未定义的,repEntry未定义 – Antiokh

答案归结到财产计算时。计算它并在SSJS代码中添加一条打印语句,您会看到。在组件加载时需要计算ID,因此在处理的最早阶段。最重要的是,这是它生成一个抽象的组件集合,而不是与特定的行条目相关联,因为它尚未构建集合。把它想象成在创建对象之前创建一个抽象类。

+0

打印语句也会引发错误 – Antiokh

+1

它会在您尝试打印出与重复相关的内容时发生。如果我不能调试,并且想要显示处理顺序,我使用'print(“Computing ID”);'然后在重复中添加类似'print(“加载重复值”);'。这将显示处理顺序,以及它是否在迭代值之前尝试计算ID。您将在本次发布的https://www.youtube.com/watch?v=t7j_MR5uzCA&feature=youtu.be上的TLCC网络研讨会中看到更多细节。 –