CQ5对话框不工作

Question

我正在学习CQ5，并且我被困在创建对话框验证。我的JavaScript位于clientlibs文件夹中，我正在使用侦听器来调用该函数，但它没有被调用。我看不到验证。

我想提供相应的ID所需的URL字段。

以下是我的JS代码。

var fieldsetCheck = {}; 

fieldsetCheck.chkBlankFields = function chkBlankFields(panel) { 

    var fieldSets = panel.findByType('dialogfieldset'); 
    var fLength = fieldSets.length; 

    for (var i = 0; i < fLength; i++) { 
     var fieldSet = fieldSets[i]; 
     var Id = panel.getComponent('Id'+(i++)); 
     var Url = panel.getComponent('Url'+(i++)); 

     if(Id.getValue().trim() !== ""||Url.getValue().trim()!=="") { 
      campId.allowBlank = false; 
      campUrl.allowBlank = false; 
     } else { 
      campId.allowBlank = true; 
      campUrl.allowBlank = true; 
     } 
    }  
} 

，这是我dialog.xml

<jcr:root xmlns:cq="http://www.day.com/jcr/cq/1.0"zzzmlns:jcr="http://www.jcp.org/jcr/1.0" jcr:primaryType="cq:Dialog" height="500" id="textNavEditDialog" title="Test Configuration Dialog" width="600" xtype="dialog"> 
    <items jcr:primaryType="cq:WidgetCollection"> 
     <tabs jcr:primaryType="cq:TabPanel" activeTab="{Long}0" title="Test Configuration" xtype="tabpanel"> 
      <items jcr:primaryType="cq:WidgetCollection"> 
       <campaigns jcr:primaryType="cq:Widget" title="Links" xtype="panel"> 
        <items jcr:primaryType="cq:WidgetCollection"> 
          <fieldsetDialog1 jcr:primaryType="cq:Widget" xtype="dialogfieldset" border="{Boolean}true" collapseFirst="{Boolean}true" collapsed="{Boolean}false" collapsible="{Boolean}false" hideLabel="{Boolean}false" id="fieldset1"> 
           <items jcr:primaryType="cq:WidgetCollection"> 

            <Id1 jcr:primaryType="cq:Widget" fieldDescription="Enter segment only (exclude seg=)" fieldLabel="Segment Number 1" allowBlank="{Boolean}false" maxLength="12" name="./sc:Id1" nanText="Please enter a numeric value" xtype="numberfield" ItemId ="Id1"/> 
            <Url1 jcr:primaryType="cq:Widget" fieldDescription="Path to Campaign 1" fieldLabel="Campaign URL 1" allowBlank="{Boolean}false" name="./sc:Url1" predicate="hierarchy" suffix="/_jcr_content/par.html" typeAhead="{Boolean}false" xtype="pathfield" ItemId ="Url1"/> 
           </items> 
          </fieldsetDialog1> 

          <fieldsetDialog2 jcr:primaryType="cq:Widget" xtype="dialogfieldset" border="{Boolean}true" collapseFirst="{Boolean}true" collapsed="{Boolean}false" collapsible="{Boolean}false" hideLabel="{Boolean}false" id="fieldset2"> 
           <items jcr:primaryType="cq:WidgetCollection"> 

            <Id2 jcr:primaryType="cq:Widget" fieldDescription="Enter segment only (exclude seg=)" fieldLabel="Segment Number 2" maxLength="12" name="./sc:Id2" nanText="Please enter a numeric value" xtype="numberfield" ItemId ="Id2"/> 
            <Url2 jcr:primaryType="cq:Widget" fieldDescription="Path to Campaign 2" fieldLabel="Campaign URL 2" name="./sc:Url2" predicate="hierarchy" suffix="/_jcr_content/par.html" typeAhead="{Boolean}false" xtype="pathfield" ItemId = "Url2" /> 
           </items> 

          </fieldsetDialog2> 

          <fieldsetDialog3 jcr:primaryType="cq:Widget" xtype="dialogfieldset" border="{Boolean}true" collapseFirst="{Boolean}true" collapsed="{Boolean}false" collapsible="{Boolean}false" hideLabel="{Boolean}false" id="fieldset3"> 
           <items jcr:primaryType="cq:WidgetCollection"> 

            <Id3 jcr:primaryType="cq:Widget" fieldDescription="Enter segment only (exclude seg=)" fieldLabel="Segment Number 3" maxLength="12" name="./sc:Id3" nanText="Please enter a numeric value" xtype="numberfield" ItemId ="Id3" /> 
            <Url3 jcr:primaryType="cq:Widget" fieldDescription="Path to Campaign 3" fieldLabel="Campaign URL 3" name="./sc:Url3" predicate="hierarchy" suffix="/_jcr_content/par.html" typeAhead="{Boolean}false" xtype="pathfield" ItemId ="Url3"/> 
           </items> 
          </fieldsetDialog3> 
        </items> 
        <listeners jcr:primaryType="nt:unstructured" beforesubmit="function(this) { fieldsetCheck.chkBlankFields(this);}" /> 
       </campaigns> 
      </items> 
     </tabs> 
    </items> 
</jcr:root> 

Answer 1

Panel的xtype没有beforesubmit事件。该事件仅适用于dialog xtype。监听器必须是对话节点的子节点。

该函数将作为参数调用，而不是面板。由于在函数中使用findByType（）方法，它仍然可以工作，只需将变量重命名为对话框即可。

Answer 2

我看到，在增加id和url方面存在问题，因为在每次迭代中都有2个额外增量的语句中都有i ++，所以在第二次迭代中值将是3而不是1，依此类推。所以，我建议下面的代码

for (var i = 0; i < fLength; i++) 
    { 
     var fieldSet = fieldSets[i]; 
     var Id = panel.getComponent('Id'+(i + 1)); 
     var Url = panel.getComponent('Url'+(i + 1)); 

     if(Id.getValue().trim() !== ""||Url.getValue().trim()!=="") 
     { 
      campId.allowBlank = false; 
      campUrl.allowBlank = false; 
     } 
     else 
     { 
      campId.allowBlank = true; 
      campUrl.allowBlank = true; 
     } 
    }