2012-03-05 5 views
1

上の表示と編集hasManyのフィールドこの。煎茶タッチ:煎茶タッチAPIのformpanelにhasManyのフィールドを表示して編集する方法</p> <p>煎茶タッチは、本質的に行うには、リストボックスまたは任意の他の機能を持っていない:私の質問があるformpanel

私の例

候補:

  • のfirstName:[テキストフィールド]
  • lastNameの:[テキストフィールド]
  • ...面接の
  • リスト

候補者は、私はTPLとxtemplatesに見えたが、何かが私の考えは、テキストフィールドを持つことである

動作させることができなかった

多くの面接を持っているその横の追加ボタン(+)とAjaxを使って検索としても機能します、それが最初のテキストフィールド以外の場合は( - )ボタンです。でも、テキストフィールドと同じ行に表示するためのボタンが困難であると考えられる

私のモデルになっ

:フィールドセットのアイテムで

 Ext.require('Candidates.model.Interviewer', function() { 
     Ext.define('Candidates.model.Candidate', { 
      extend: 'Ext.data.Model', 

      config: { 
       fields: [ 
        {name: 'id', type: 'string'}, 
        {name: 'firstName', type: 'string'}, 
        {name: 'lastName', type: 'string'}, 
        {name: 'email', type: 'string'}, 
        {name: 'dept', type: 'string'}, 
        {name: 'room', type: 'string'}, 
        {name: 'greet', type: 'string'}, 
        {name: 'present', type: 'boolean'}, 
        {name: 'date', type: 'date'}, 
        {name: 'status', type: 'string'}, 
        {name: 'completed', type: 'boolean'} 
       ], 
       hasMany: { 
        model: 'Candidates.model.Interviewer', 
        name: 'Interviewers' 
       } 
      }, 
     }); 

インタビュアー

Ext.define('Candidates.model.Interviewer', { 
     extend: 'Ext.data.Model', 

     config: { 
      fields: [ 
       {name: 'id', type: 'int'}, 
       {name: 'firstName', type: 'string'}, 
       {name: 'lastName', type: 'string'}, 
       {name: 'username', type: 'string'}, 
       {name: 'password', type: 'string'}, 
       {name: 'email', type: 'string'}, 
       {name: 'dept', type: 'string'} 
      ] 
     } 
    }); 

を[

{ 
     xtype: 'textfield', 
     name : 'firstName', 
     label: 'First Name', 
    }, 
    { 
     xtype: 'textfield', 
     name : 'lastName', 
     label: 'Last Name', 
    }, 
    { 
     xtype: 'textfield', 
     name: 'interviewers', 
     id: 'interviewerfield', 
     label: 'Interviewer(s)', 
     tpl: [ 
      '<div class="candidate">', 
       '<tpl for="interviewers">', 
        '<div class="interviewers">', 
         '{firstName}', 
        '</div>', 
       '</tpl>', 
      '</div>' 
     ].join(''), 
     store: 'Candidates' 
    }, 

アイデアフィールドに面接者のリストを表示しようとしました

フォームフィールドに多くのフィールドを表示する方法はありますか?

+0

私のフォームは他のフィールドのデータを表示/更新するので、モデルとストアが候補者のために働いていることは少なくとも知っています。 –

+0

oO - 店舗の名前はアプリと同じですか? –

答えて

0

私は同じ問題を抱えていますが、私はExt.ataview.DataViewによってExt.Listを使用する代わりに解決策を見つけました。

関連する問題