問題タブ [split-button]

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 投票する
0 に答える
175 参照

jquery-mobile - ネストされたリスト splitbutton リスト

jQ Mobile (1.2 Alpha1) を使用して次のことを達成しようとしていますが、数時間の試行錯誤の後でできませんでした:

カテゴリ (アイテムのコンテナー) とアイテムのネストされたリストがあり、サブアイテムも含めることができます。

したがって、アイテムの各リストには、潜在的に 2 つのクリック アクションが含まれる可能性があります。リストの詳細を表示 b. サブアイテムを表示します(ネストされたリストの目的です)。2 アクション効果を実現するために、リストにサブ項目が含まれる場合は常に分割ボタンを使用しています。

これが私の課題です:

ネストされたリストは、デフォルトでプライマリ クリック アクションを「サブ リストの表示」にしますが、分割ボタンは、li で定義した「追加の」アンカーを継承するアンカーにします。したがって、私の場合、リストの主なアクションは「サブリストの表示」であり、分割ボタンは「詳細の表示」です。しかし、それらの間でアクションを切り替えて、分割ボタンに「サブリストを表示」させたいと思います。

効果を得る方法がわかりません。誰かが何か考えを持っている場合は、私と共有してください。

0 投票する
0 に答える
5517 参照

javascript - jQuery UI分割ボタンのドロップダウンメニューを作る

私のプロジェクトの 99% の UI は jQuery UI で動作します。SplitButton機能が必要ですが、ドロップダウン メニューがありません。このデモは、ここでボタン ウィジェットを使用してドロップダウン メニューを作成できることを示唆しているようです。

このボタン ウィジェットで簡単なドロップダウン メニューを作成する方法はありますか? ここで提供されているオートコンプリートのデモに似た方法で何かを意味します: http://jqueryui.com/demos/autocomplete/この作業を行う方法がわかりません。

そして、Twitter Bootstrap を使用するように私に答えないでください。ボタン機能がjq-uiのボタン機能と競合しているため、この競合を解決できません。

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

listview - jQueryモバイルリストビュー分割ボタン、右ボタンのみ

この例を参照してくださいhttp://view.jquerymobile.com/1.3.0/docs/widgets/listviews/ Part: 分割ボタン

その例では、左と右の両方の部分がボタンです。右側の部分だけがボタンになるようにするにはどうすればよいですか(左側は基本的な読み取り専用テキストです)。

ありがとう!

0 投票する
0 に答える
497 参照

jquery - pagecreate後に分割ボタンをDOMに挿入するjquery-mobile listview

これに対する答えが見つかりません。JQM ドキュメントとスタックオーバーフローの質問を読みました。

#lista-principalまったく同じ分割ボタンが必要なリストビューがあります

分割ボタンは、ユーザーが挿入するクラスを選択できるポップアップを開きます。挿入はjqueryを使用して行われます$('a.ui-li-link-alt').on('click'...

JSBin は次のとおりです: http://jsbin.com/akerav/15/edit (ヘッダーをクリックして問題を引き起こします)

分割ボタンはすべて等しいので、プログラムで挿入したいと思います。それを行う方法が見つからないため、分割ボタンが JQM によって更新されます。

JQMページに分割ボタンをプログラムで挿入する正しい方法は何ですか?

テスト目的で、問題のあるコードをこのクリック関数に入れました。

2019 年 3 月の調査結果 (これはトワイライト ゾーンです。修正を歓迎します)

  • 分割ボタンは、最初のボタンの中に 2 番目のボタンを配置すると、プログラムで拡張されないように見えます<a>(ただし、純粋な HTML で設定すると機能します)。
  • <li>s既に HTML に含まれているものを変更する必要がある場合は、既に強化されている itens には影響しないpagebeforecreateため、変更を加えたほうがよいでしょうlistview('refresh')。listview('create'); を使用するには、リスト全体をやり直す必要があります。
  • これはほとんど私が探していたものです: http://jsfiddle.net/ffabreti/Q4SCt/1/ ( http://jsfiddle.net/Gajotres/LrAyE/
    に基づく)

質問への回答 最後に、pagecreate の後に分割ボタンを挿入する方法を見つけました。

  • pagecreate元のリストコンテンツでグローバル変数を設定する
  • イベントをフックしてリストを変更します (例、$("div[data-role='header']").on('click'...)
  • 元のリストを複製して編集する
  • リストの内容を編集した内容に置き換える
  • リストビュー コンポーネントの更新
  • ここで完全なコードを見ることができます: http://jsfiddle.net/ffabreti/Hyams/11/
0 投票する
1 に答える
2347 参照

extjs - ExtJS グリッドセルの分割ボタン

グリッドセルで分割ボタンを使用したい。セルのレンダラーを定義していますが、グリッドセルに extjs コンポーネントを配置できません。誰でも助けることができますか?

分割ボタン: http://dev.sencha.com/deploy/ext-3.4.0/examples/menu/menus.html

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

jquery-mobile - 最初のタグなしでボタンのリストビューを分割しますか?

右側にボタンが必要です-<ul data-role="listview" />要素の中央に配置されます。

これは私が使用しているHTMLで、これは私が考えることができる最善のものですが、正確には分割ボタンではなく、コンテンツの中央に配置されていません...

したがって、ここでの問題は、分割ボタンのアプローチと同じ方法で表示したいのですが、これを使用しようとすると、最初の<a>タグがまとめられていないため、外観が台無しになります。 、<h3>および最初の<p>要素。また、<p>要素の本体コピー内にタグが定義されているためです。

ここに私がこれまでに持っているもののjsfiddleがあります: http://jsfiddle.net/MY8Tg/

左側の構造を維持し、左側を何かへの実際のリンクにせずに、これを分割ボタンにして、他のリンクを適切に機能させるにはどうすればよいですか??

そして、これを分割ボタンとまったく同じように中央に配置する必要があります。なぜこれが箱から出してすぐに可能ではないのですか??