1

現在、アプリケーションでEXTJS EditorGridPanelを使用していますが、列入力の1つとして、ユーザーが月と日(年なし)を選択できるようにする必要があります。

現在、これを行うためにDateFieldを使用していますが、UIでその「年」の側面を無効にできるようにする必要があります。最終的に「価値」に年が関連付けられているかどうかは関係ありません。単に無視することができます。私は誰かがそのようなことをしたかどうかを調べましたが、私の唯一の発見は月/年だけを表示する方法の人々です。

私の他のオプションは、独自のカスタム入力を作成することです(月と日のコンボボックスを使用して、日コンボは月に基づいて変化します)が、正直なところ、自分で作成する時間はあまりありません。これまでカスタム入力拡張機能を作成したことがないので、学習曲線をたどります。

->では、私の大きな質問は、既存のEXTJSの月/日ピッカーについて聞いたことがある人はいますか?

どんな助けでも、スタックオーバーフローの人々に非常に適しています!

4

3 に答える 3

0

エディターとして使用する独自のカスタムコンポーネントを作成する可能性がありますが、それが苦手な場合は、グリッド列モデルで[月]フィールドと[日]フィールドを別々の列に分割することを検討しましたか?

もう1つのオプションは、入力マスクをテキストフィールドに追加することです(cmでcustomEditorとして指定する必要があります)。これはカスタムvtypeを介して行われると思います。この入力マスクにより、ユーザーは指定した形式で日付を入力する必要があります。

このアプローチを使用すると:

  1. すべての月/日のデータを1つの列に保持します
  2. すぐに使用できるコンポーネントを使用して、UIコードを簡素化します。(IMOこれはExtJSを学ぶための鍵です)
于 2011-01-27T20:38:09.100 に答える
0

次のようなものを試してください:

{
    xtype: 'datepickerfield',
    name: 'OrderDate',
    label: 'Order Date',
    picker: { yearTo: 2011, yearFrom: 2020 }
}

これがお役に立てば幸いです。

于 2011-08-26T23:01:59.570 に答える
0

これを試してみてください

  picker: {
    slotOrder: [ 'month', 'day' ]
  }

投稿に、コードとして適切にフォーマットされていないコードが含まれているようです。コードツールバーボタンまたはCTRL+Kキーボードショートカットを使用して、すべてのコードを4スペース分インデントしてください。その他の編集ヘルプについては、[?]ツールバーアイコンをクリックしてください。

于 2011-08-26T23:15:12.030 に答える