2016-06-22 2 views
1

私はマルチフィールドにdatpickerを持っています。 しかし、ダイアログを開くと、オーサリングされた値は表示されません。私はそれがDatepickerがマルチフィールドのフィールドの場合、日付は表示されません。

 *<input class="coral-InputGroup-input coral-Textfield" type="text" value=""> 
    <input type="hidden" name="./date" value="2016-06-01T00:00:00.000+05:30">* 

として表示されるダイアログのフィールドに要素を検査行うと あなたが問題とどのようにそれを解決することができるか提案してくださいことはできますか?

<field 
     jcr:primaryType="nt:unstructured" 
     sling:resourceType="granite/ui/components/foundation/form/fieldset" 
     eaem-nested="" 
     fieldLabel="Click on the + button to add Fields" 
     name="./admission"> 
     <layout 
      jcr:primaryType="nt:unstructured" 
      sling:resouceType="granite/ui/components/foundation/layouts/fixedcolumns" 
      method="absolute"/> 
     <items jcr:primaryType="nt:unstructured"> 
      <column 
       jcr:primaryType="nt:unstructured" 
       sling:resourceType="granite/ui/components/foundation/container"> 
       <items jcr:primaryType="nt:unstructured"> 
        <date 
         jcr:primaryType="nt:unstructured" 
         sling:resourceType="granite/ui/components/foundation/form/datepicker" 
         fieldLabel="Date of Event" 
         name="./date" 
         type="date"/> 
        <startTime 
         jcr:primaryType="nt:unstructured" 
         sling:resourceType="granite/ui/components/foundation/form/datepicker" 
         fieldLabel="Opening time of event" 
         name="./startTime" 
         type="time"/> 
        <endTime 
         jcr:primaryType="nt:unstructured" 
         sling:resourceType="granite/ui/components/foundation/form/datepicker" 
         fieldLabel="Closing time of event" 
         name="./endTime" 
         type="time"/> 
        <dayname 
         jcr:primaryType="nt:unstructured" 
         sling:resourceType="granite/ui/components/foundation/form/hidden" 
         fieldLabel="Dayname" 
         name="./dayname"/> 
       </items> 
      </column> 
     </items> 
    </field> 

答えて

0

まず、sling:resouceType="granite/ui/components/foundation/layouts/fixedcolumns"にスペルミスがあります。あなたは事実上sling:resourceTypeセットを持っていません。

しかし、さらに重要な問題があります。 Granite Multifieldコンポーネントはこのようには機能しません。 granite/ui/components/foundation/form/multifieldのドキュメントを読むと、その後のダイアログボックスでデータがどのように保存され、再投入されたかがわかります。

フィールドは、fieldという名前のサブノードで定義されます。 使用するコンポーネントにかかわらず、Multifieldはすべて に同じプロパティ(フィールドサブノードのnameプロパティで定義) を書き込み、結果の値は常に複数の値になるとみなします。

既存のエントリをレンダリングするとき、Multifieldはマルチ値を反復処理し、各値を取得し、フィールドに設定してフィールドをレンダリングさせます。

あなたがやろうとしていることを達成するには、カスタムコードを書く必要があります。

はあなたのタイプミスを修正した場合、フィールドセットとdatepickersはあなたのマルチフィールドに表示され、繰り返しに:迅速なGoogle検索はあなたを助けることができるこの2件のブログ記事を明らかにしました。ただし、ダイアログが正しく表示されても、この方法でデータを保存または取得することはできません。

+0

こんにちは@nateyolles。カスタムjsを作成することなく、タッチUIのためのsimble multifieldを構築する方法はありますか?つまり、単純なものでも、レイアウト、フィールドセット、および列は必要ありません。それは可能ですか?問題(私と同じ)は、あなたがmetioned要素(レイアウト...)でデザインを整理しようとするときです。 –

関連する問題