問題タブ [dynamic-ui]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
5647 参照

javascript - 1 つの選択ボックスの値で 2 番目の選択ボックスのオプションを駆動する方法

2 つの選択ボックスを持つ HTML フォームを作成したいと考えています。最初の選択ボックスで選択したオプションは、2 番目の選択ボックスのオプションを駆動する必要があります。サーバーにデータを送信するのではなく、(javascript または jQuery を使用して) クライアントでこれを動的に解決したいと考えています。

たとえば、次のMenu CategoriesMenu Itemsがあるとします。

  • サンドイッチ
    • 七面鳥
    • ハム
    • ベーコン
  • 側面
    • マックンチーズ
    • マッシュポテト
  • 飲み物
    • コカコーラ
    • スプライト
    • スイートウォーター 420

それぞれとという名前の 2 つのselectボックスがあります。ユーザーがボックス内で選択すると、ボックス内のオプションにはサンドイッチ オプションのみが表示されます。Menu CategoryItemsSandwichesMenu CategoryItems

これをさらに難しくするために、ページをクライアントに送信する準備が整うまで、メニュー項目またはカテゴリが何であるかを知らないと仮定しましょう。2 つの選択リストのデータを「リンク」する何らかの方法が必要ですが、それがどのように行われるかはわかりません。

私はこれにどのようにアプローチするかについて行き詰まっています。2 番目のリストを 1 回フィルターで除外したら、1 番目のリストでメニュー カテゴリを変更したら、どのようにリスト オプションを「見つける」ことができますか? また、SQL で考えている場合、1 番目のボックスにキーがあり、2 番目のボックスのデータにリンクするために使用されます。ただし、2 番目のボックスに「キー」要素の余地がある場所がわかりません。

この問題は、jQuery またはプレーンな JavaScript を組み合わせてどのように解決できますか?

0 投票する
2 に答える
1588 参照

wpf - 実行時に(カプセル化された)子を動的に作成するWPF要素

実行時に子要素を完全に制御するWPF要素を作成したいのですが、プロパティが変更されたときに子UIを追加および削除します。ItemsSourceプロパティを変更したときにItemsControlが行うことと少し似ていますが、私の場合は子が1つだけです。

これはMVVMのビューコンテナになります。モデルまたはViewModelを指定すると、魔法のように正しいビューが作成され、すべてが接続されます。ビューコンテナがテンプレート化可能である必要はありません(UserControlであり、独自のテンプレートを持つユーザー定義のビューを作成するため)。可能な限りカプセル化することをお勧めします。グリッドのようなものから派生し、自分のプロパティが変更されたときに子コントロールを追加することで、おそらくこれを簡単に行うことができます。ただし、Gridは子要素のコレクションを公開し、誰でも追加および削除できるようにします。

カプセル化を最大化するには、どのWPFクラスから派生する必要がありますか?また、実行時に子要素を追加するにはどうすればよいですか?

ドキュメントの理解に基づいて、実行時に子コントロールを作成できるかどうかを確認するために、FrameworkElementとAddVisualChildを使用してみました。AddLogicalChildが必要かどうかはわかりませんが、念のために入れておきます。

ViewContainerをウィンドウに入れて実行すると、「ViewContainer」というTextBlockが表示されるはずです。しかし、代わりに、空白のウィンドウが表示されます。だから明らかに私は何かが欠けています。

上記のコードを修正して、「子」コントロールが実行時に表示されるが、他の人が混乱することのないようにするにはどうすればよいですか(回避できる以上のこと)?

0 投票する
2 に答える
977 参照

android - ormlite を使用して、Android で DAO レイヤーを動的に生成できますか?

私はこの問題を解決しようとしています。このユースケースをサポートするために ORMLite を使用 (または変更) できるかどうか疑問に思っていました。

ありがとう。

0 投票する
2 に答える
171 参照

jquery - 新しく作成されたDOM要素を配列に追加するにはどうすればよいですか?

動的UIを備えたドキュメントがあります。ユーザーは、必要に応じて既存のデータ入力フォームに行を追加して、より多くの情報を提供できます。

単純な配列を使用して画面上のアイテムを追跡し、保存を求めるプロンプトを表示していますが、新しいアイテムのIDを配列に追加する方法がわかりません。既存のアイテムに対して機能するロジックは次のとおりです。

私はこれらの線に沿って何かをできることを望んでいましたが、それを行うための適切な方法を見つけることができません:(「ライブ」メソッドはイベントで定義されていないため、これが機能しないことを認識しています)。

私はLiveQueryプラグインを見てきましたが、私はすでにプラグインの地獄に深く関わっているので、さらに別のプラグインを追加することを避けたいと思っていました。もっと良い方法はありますか?

編集:私は1つのポイントについて明確ではありませんでした-これを別のスクリプトに保持し、要素を追加する可能性のある各スクリプトを更新して要素を追加する関数を呼び出すのではなく、動的に実行しようとしています監視アレイに。UI作業を行うためのスクリプトを作成した後でも、これを実装するためにチームの作業を最小限に抑えようとしているだけです。

0 投票する
4 に答える
676 参照

user-interface - Blackberryで動的に生成された編集フィールドから値を取得する方法

実行時にUIコンポーネントを動的に生成する必要があります。コンポーネントを生成することはできますが、動的に生成されたフィールドに値を入力する方法が問題になりますか?

私はこのようなことをしています。

フィールドのタグを設定し、後でタグで制御を見つける方法はありますか?

0 投票する
2 に答える
1037 参照

c# - 動的に作成されたチェック ボックスから間違った値を取得する

ボタンのクリック時に動的に作成されたチェックボックスから読み取ろうとしています。問題は、チェックボックスがチェックされると、それ以上のチェックを外す操作が、送信をクリックしたときに正しく読み取られないことです。

編集:チェックボックスは、最初に示すように呼び出してラジオボタンリストを選択すると作成されSetSelectionます。

コード スニペットを以下に示します。考えられる問題は何ですか?

0 投票する
3 に答える
4016 参照

android - Android で UI コンテンツを動的に追加する

質問に続いてxいくつかのオプションを尋ねるAndroidアプリがあります。各オプションにはtextviewImageViewおよびが含まれますradio button

の値x(つまり、オプションの数) は一定ではありません。この要件を満たすために、UI コンテンツを動的に追加したいと考えています。

現時点では、レイアウトの xml にコードを記述して、最大 4 つのオプションを表示しています。オプションの数が2の場合、次のようなものを使用してオプション3と4を非表示にします

ただし、これはあまりスケーラブルではありません。Javaのオプションを動的に追加する方法を教えてください。または、より良いアプローチがありますか?

0 投票する
1 に答える
156 参照

objective-c - 動的に作成された UI が必要な場合、Interface Builder を使用する必要がありますか?

私は現在、基本的に多くの抽象的なデータ ソースからのデータを解釈するプロジェクトを考えています。

アプリ内の通信はこんな感じ

これは基本的に MVC パターンです。私の問題は何ですか、それぞれ[Subclass of Abstract Data Source]が限られた量の しか使用できない[UI]ため、フローは基本的に次のとおりです。

  • データ ソース (DS) のインスタンスを作成する
  • DS から可能な UI のリストを取得する
  • UI セレクターを作成し、プリセット UI をインスタンス化する
  • DS に UI の変更を許可する
  • 事前定義されたハンドラ メソッドによって DS から UI を埋める

UI の例はNSTableViewNSOutlineViewNSCollectionViewなどです。

したがって、基本的には、列名、順序、コントロールのスタイルなどを変更する必要があります...それぞれに固有の NSWindow を設計する可能性はありませんData Source

今質問:

動的な UI の作成とカスタム データ処理ロジック (Core Data へのバインディングがないなど) が必要な場合、InterfaceBuilder を使用する必要がありますか (それは可能ですか)、またはすべてのビュー ロジックをプログラムで実装する必要がありますか?

0 投票する
1 に答える
538 参照

java - xmlを使用しないJava Androidのサブメニュー

解析済みの xml ファイルがあり、動的 UI を階層的に作成したいと考えています。例えば:

サブメニューを持つすべてのメニューは「メニュー」という名前でタグ付けされ、アクションであるメニューは「アクション」としてタグ付けされます。これを実装するのを手伝ってもらえますか?ロジックが間違っていることはわかっています。現在取り組んでいますが、私がやろうとしていることは次のとおりです。

0 投票する
2 に答える
541 参照

gwt - GWT:動的UIレンダリング

私は現在GWTアプリケーションを開発しており、ユーザーのアクセス許可に従ってUIを動的にレンダリングしたいと考えています。たとえば、私のアプリケーションには、製品のリストがあり、そのリストを編集する可能性があります(新しい製品の追加、削除など)。

また、読み取り専用権限を持つユーザーと書き込み権限を持つユーザーがいます。私のUIクラスで次のようなことを行うことが可能になりましたか(または実行可能ですか):

書き込み権限のないユーザーに追加ボタンと削除ボタンが表示されないようにするには?もちろん、バックエンドにも権限チェックがありますが、ユーザーが自分が使用できるものだけを見ることができれば便利です。

それとも、GWTで他にもっと良い可能性がありますか?