1

これは楽しい質問かもしれません。最初は通常のhtmlのような選択ボックスを作成する予定ですが、開くと2つのエキサイティングなことがあります。

  1. ボックスには、2つの異なるテキスト整列が含まれ、2つのきちんとした行が作成されます（図を参照）。
  2. ボックスに含まれるリストアイテムの各行の最後に、好き/嫌いボタンシステムがあります（写真を参照）

*写真*

これがどこに向かっているのかをすでに知っている人もいますが、GUIプログラミングでそのようなメニューを作成するようなものを作成する必要があります。オブジェクト指向のJavascriptプログラミングを想定していますか？

（私はJavascriptとjQueryの初心者なので（プログラミングはしていません）、技術的な詳細を探しています。基本的に、このような擬似コード構造をJavascript/jQueryまたは別のより使いやすいフレームワークに転送する方法についての情報に興味があります。 。また、私は通常、このGUIで実際のhtmlを使用しないことを完全に認識しています。）

だから私の質問は、あなたに応じてこれを行うためにどのように着手すべきですか？

4

2 に答える 2

1

これを達成するために通常のselect要素を変更することはできません。

  • proxy-pro-select-elementを作成し、元の要素を非表示にします。
  • オプション要素をコピーして、プロキシに同等の要素を作成します
  • また、両方の選択の同期を維持する必要があります。

proxy-pro-select-elementで何でもできるようになったら、クリックして選択可能な行を含むテーブルを表示するのが最も簡単です。テーブルを使用すると、すべての列を簡単に揃えることができます。

技術的な詳細：

  • jQueryプラグインを実装する方法を読む
  • プラグインのinitターゲットのオプションのループselectで、divに対応する行を作成し、dropdown元の選択を非表示にして、コントロールに置き換えます。select-div
  • select-divをクリックし、正しく再配置した後にドロップダウンdivを表示します

このようなコードを見て、変更してください

于 2012-04-26T20:09:47.913 に答える
0

jQueryとjQueryUIのコンボボックス（http://jqueryui.com/demos/autocomplete/#combobox ）を使用して、これと同様のことを実行できるはずです。

次に、_renderItemを変更して、ドロップダウンの結果のレイアウトを変更します。ビューソースで次を検索できます。

input.data( "autocomplete" )._renderItem

ただし、通常のWeb規則に反するため、コンボボックスに「いいね」/「嫌い」ボタンを入れないようにします。

于 2012-04-26T20:09:41.373 に答える