0

ショッピングカートには、次のような製品カテゴリツリーがあります

Category1
  Subcategory11
  Subcategory12
  ...
Category2
  Subcategory21
  Subcategory22
  ...
Category3
  Subcategory31
  Subcategory32
  ...

画面左側に配置されます。最初は折りたたまれた形で表示されます

スクリーンショット1：

Toggle show all categories
Category1
Category2
Category3

ユーザーはクリックしてノードを開くことができます。この場合（たとえば、Category2をクリック）、このカテゴリとそのサブカテゴリのみが表示されるように、他のカテゴリを画面から削除する必要があります。

スクリーンショット2：

Toggle show all categories
Category2
  Subcategory21
  Subcategory22

Toggle show all categoriesリンクは、単一のカテゴリビューとカテゴリリストビューを切り替える必要があります。最初にクリックすると、Screenshot1のように折りたたまれたカテゴリリストが再び表示されます。その後、Toggle show all categoriesもう一度クリックすると、Screenshot2のように最後に開いたカテゴリのみが表示されます。これはhttp://www.officeday.ee/Buroo-pohitoovahendid/に実装されています

これを実装する方法は？jqueryまたはjquery-uiプラグインはありますか、それともjqgridをそのためにカスタマイズできますか？

私が見つけたすべての木は、次のようなカテゴリが選択されている場合、メインカテゴリリストも表示されたままになります

Category1
Category2
  Subcategory21
  Subcategory22
Category3

スクリーンショット2のようにCategory2を選択した場合は、Category1とCategory3が消える必要があります。

ASP.NET/Mono MVC2、jquery、jquery-ui、およびjqgridtreegridが現在使用されています。jquery-uiとjqgridは、これが解決につながる場合は別のものに置き換えることができます。

4

1 に答える 1

1

たとえば.hidden、カテゴリに共通のクラスを与えるcommonClass

hidden{display:none}

$('.category').click(function(){
 $(this).css('display','block')
 $('.commonclass').addClass('hidden')

});

このような何かを試すことができます...

于 2013-03-26T11:40:06.943 に答える