問題タブ [collapse]

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

django - Django StackedInline に「折りたたみ」を追加する方法

'classes': ['collapse'] を ModelAdmin フィールドセットの 1 つに追加できるのと同じ方法で、Inline Model Admin を折りたたみ可能にしたいと考えています。

このチケット、Collapse in admin interface for inline related objectsでは、私が達成したいことを正確に説明しています。しかし、それまでの間、次のリリースを待つ間の最善の回避策は何ですか?

参考までに: 私は解決策を思いつきましたが、より良い解決策が存在すると思います。投票に任せます。

0 投票する
6 に答える
27843 参照

jquery - jQueryで複数の親を移動する - より効率的な方法?

したがって、リストであり、サブリストとサブリストを持つナビゲーションがあります。

基本的に、ナビゲーションはデフォルトで折りたたまれていますが、サブリストにあるページをクリックすると、親リストを表示したいと考えています。サブリストのサブリストの場合は、両方の親リストを表示する必要があります。私はそれを設定しましたが、5つの .parent().parent() を上に移動してリストを展開するのは好きではありません。より効率的な方法はありますか?

HTML:

jQuery:

ありとあらゆる助けが大歓迎です。

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

mvvm - MVVM を使用した ButtonClick でのユーザー コントロールの折りたたみ/表示 - スワップ メカニズムなし -

私のシナリオでは、MainView + MainViewModel、UserControl1 + UserControl 2 があります。MainView には、Button_ShowUserControl1 + Button_ShowUserControl2 というラベルの付いた 2 つのボタンがあります。MainView の下部には、すべての UserControl を取得する「ContentGrid」があります。

私の目標:

Button_ShowUserControl1 がクリックされた場合、 UserControl1Visibleであり、UserControl2 またはその他の UserControl はCollapsedに設定する必要があります。同じことが Button_ShowUserControl2 にも有効です。

私の問題:

1.) アプリケーションの開始時に UserControls がロードされるため、それらをすべて 1 つの「ContentGrid」にまとめるにはどうすればよいですか? それは実際には不可能です...では、他のユーザーコントロールが同じ場所にあるときに、他のユーザーコントロールを表示するにはどうすればよいですか/「ContentGrid」が折りたたまれているだけですか?

2.) 1.) は不可能のようですが、アプリケーションの開始時にすべての UserControls をインスタンス化し、それぞれのボタンがクリックされたときに表示/折りたたみのみにする方法を教えてください。

3.) UserControl にはプロパティ Visibility = Visible/Hidden/Collapsed があるため、Collapsed のような値を返す ViewModel のプロパティにバインドするにはどうすればよいですか? Visibility = false/true のようなブール値しか取得できませんでしたか?

私のテストコード:

はい、コードが間違っているので、ここで質問します:)

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

expand - Visual C#Express 2008

Visual C#Express 2008でコーディングする場合、テキストエディターの左隅にある+/-記号を使用して、コードセグメントを展開/折りたたむことができます。これらは、関数が作成されるときに自動的に表示されます。

とにかく、コードセグメントに展開/折りたたみポイントを手動で追加できますか?

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

performance - 効率的なループ崩壊

特定のアプリケーションでは、個々のインデックス情報を保持しながら、ネストされたループを 1 つに折りたたむ必要があります。

そのため、除算/モジュロ (高価な操作) を使用して ij から i,j を回復する明白な方法と、if ステートメントを使用する (ベクトル化、分岐予測の問題を破る) を調べました。 ):

おそらくそれを行うためのさらに良い方法はありますか?ありがとう

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

jsf - Datatable JSF のテーブル行の展開折りたたみ

コア JSF を使用してテーブル行の展開/折りたたみのこの機能を実現しようとしており、並べ替えを保持する必要もあります。この機能を実現できるコア JSF の方法はありますか?

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

jquery - jquery treeview プラグインのリンク動作の変更 (折りたたみを避ける)

jQuery Treeview プラグインを使用しています。プラグインhttp://jquery.bassistance.de/treeview/demo/のデモ ページにある「サンプル 1 - デフォルト」をご覧ください。私の場合、すべてのフォルダーとファイルはリンクです。たとえば、展開された「Folder 2」をクリックすると、最初に折りたたまれてから、リンクの場所に移動します。私が望む動作は、折りたたまれたものだけが最初に展開され、既に展開されている場合はこのままになることです。

動作を切り替えるプラグイン (jquery.treeview.js) のコードは次のとおりです。

すべてのリンクを取得する方法はすでにわかっていますが、これを変更する必要があります。

結果は、現在折りたたみ可能な (展開された) すべての li の配列になります: [li., li.collapsable]

しかし、そこから先に進む方法がわかりません:-(誰かが私を助けてくれることを願っています...

このコードを使用して、現在選択されている (class=selected) リンクの linkbehavior を既に正常に変更しています。

よろしくお願いします!

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

css - CSS:div(展開-折りたたみ)ボックスを並べて配置するのに役立ちます

2つのdivボックスを並べて配置するのに問題があります。もっと正確に言えば、2つの「ヘッド」ボックスを並べて配置しましたが、問題は、それらを展開折りたたみコンテナとして使用していて、これらのボックスが正しく配置されないことです。

私は下にコード全体を投稿しています。誰かがこの問題の解決策を持っていればありがたいですが、それはおそらくそれほど難しいことではありません。また、もう1つの問題は、非表示領域を拡大すると、2つのボックスが「リセット」され、再び互いに下に立つことです。

ありがとうメスティカ

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

css - 展開-折りたたみボックスを移動/メインコンテンツを上下に押します

2つの展開-折りたたみボックスの配置について質問があり、回答が得られました。それは機能しましたが、別の問題が発生したわけではありません。

展開すると、その下のテキスト(メインコンテンツ)が押し下げられるのではなく、より「右に移動」されます。

このコードの下にある問題は明らかです。

エキスパンドボックスを「説明」して、下のテキストを上下に押す方法を知っている人はいますか?

ありがとうメスティカ

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

jquery - JQueryを使用してアコーディオンの折りたたみと展開を同時に行う(デモ)

JQueryを使用したExpand/Collapseアコーディオンで立ち往生しています。

最初の見出しをクリックして展開した後、別の見出しをクリックすると、最初に前の見出しが完全に折りたたまれ、次にクリックした見出しが展開されます。この最初に折りたたんでから2番目に展開する手法は非常に気が散ります。見出しが拡大すると、最初の見出しが折りたたまれるはずです。私は何が欠けていますか?

ここでデモを体験できます

以下は私のすべての仕事です>>

Javascript

CSS

HTML