ExtJSのコンボボックスのドロップダウンボックスの初期割り当て

  最近、仕事上の要求を満たし、時間は、DataGridのテーブルにページ初期化データを挿入するために必要な。

  フロントエンドはExtJSのフレームである、データグリッドテーブルは、三つのタイプのテキストボックスである4つの列、通常のテキストボックス、さらに一種類のコンボボックスのドロップダウンボックスの形状を有し、データディクショナリドロップダウンの値に初期化されたデータの使用がよりによってロードボックス結果のデータベース辞書検索。フロントエンドのレベルが非常に限られているとして、そのためのExtJSフレームワークの私は母親の助けを求めなければならなかったので、長い時間のための解決策を見つけていないだけでなく、精通していません。独自の方法を試してみました、幸いなことに、最後の問題が解決されているので、自分のアイデアや方法についてのレコードが解決します。

{
    フィールド: 'A' 
    タイトル:「ドロップダウンボックスタイプ' 
    幅: 50 
    編集者:{
        タイプ:「コンボボックス」
        オプション:{
            valueField: 'ID' 
            テキストフィールド:「名前」
            編集可能:
            ローダー:queryTableData、// クエリデータディクショナリ
            ....
  }
  
  }
}

 

  以下を使用し、需要は非常に簡単です。この気持ち、jsのグリッドで初期化されたデータを取得します。

$( "#ターゲット")。データグリッド( "loaddataの" 、[{
      フィールド,:「初期値」// ない問題に対応し、この割当列テキストボックス 
          A:「辞書エントリのIDドロップダウンボックス」// 直接そのような割り当ては、直接エラーJS 
        ..........
    }])。

ここでは、ID、名前、順序...その他の財産を持っている辞書オブジェクトであるあなたがvalueField見ることができる初期のgetをロードするための辞書引き機能テーブルによって、ドロップダウンボックス:原因を探す「ID」を、オブジェクト辞書を説明初期化が直接挿入のでIDは、プロパティを使用するためのドロップダウンボックスで次のように、我々は、オブジェクトのうちの辞書のようなオブジェクトを構築id属性に応じて、オブジェクトは、細胞を、対応するドロップダウンボックスに割り当てられています。

  そこ OBJ = {
        ID: '' 
        名前:「」
      }
    obj.id = 'の値は、所望の初期辞書割り当てられたIDに対応する'  
    $( "#target")。データグリッド( "loaddataの" 、[{
      フィールド:「初期値は」// テキストボックスに対応し、この割り当て列には何の問題ではありません
          A:OBJ  
    ..........
    }])

問題解決、主にオブジェクト(上記オブジェクトobj)は、辞書のようなid属性を含むオブジェクトを作成します。

 

おすすめ

転載: www.cnblogs.com/niew/p/11938982.html