Create a menu type, but with a (+) sign (TreeView)

1
I use a Bootstrap 3.1, Entity 6.1, Visual Studio 2013, MVC5, JQuery and etc ... Well, I need to make an inquiry, so that when the screen is loaded, it can load some information, like medicine (Description) and other information, but separately. Not to bring everything, like on a grid, my manager asked me to do so. One more little signal (+) and when I click on it, then yes, expand everything. Is there any component to this? Is it possible to do in ASP.NET and MVC? Does Bootstrap do this?

    
asked by anonymous 19.08.2014 / 19:35

2 answers

1
___ erkimt ___ Create a menu type, but with a (+) sign (TreeView) ______ qstntxt ___
I use a Bootstrap 3.1, Entity 6.1, Visual Studio 2013, MVC5, JQuery and etc ... Well, I need to make an inquiry, so that when the screen is loaded, it can load some information, like medicine (Description) and other information, but separately. Not to bring everything, like on a grid, my manager asked me to do so. One more little signal (+) and when I click on it, then yes, expand everything. Is there any component to this? Is it possible to do in ASP.NET and MVC? Does Bootstrap do this?

    
______ ___ azszpr29543

Are there any component to it? You can do in ASP.NET MVC and?

Yes, calls EasyUI. As you're working on ASP.NET MVC, it is available as a NuGet package:

  

link

link

There is also another Collapsible List (this is the English term) that has no face directories list:

  

link

The Bootstrap do that?

Natively not, but there is this project on GitHub that creates TreeViews in Bootstrap:

  

link

If you need me to pack as Package on NuGet, just talk.

    
______ azszpr29540 ___

You can use %code% in jQuery in the product name. By treating the drug list with %code% , you can get the %code% of the product and associate it with a component to show via jQuery by %code% . For example:

View

%pre%

jQuery

%pre%     
___
19.08.2014 / 20:04
1

You can use .slideToggle() in jQuery in the product name. By treating the drug list with foreach , you can get the ID of the product and associate it with a component to show via jQuery by .slideToggle() . For example:

View

     <div id="[email protected]">
       <span>Medicamento Nome
         <a href="#" class="mostrarCompleto" id="@medicamento.ID"> + </a>
       </span>
      <div class="medicamentoItem">
        "Medicamento"
        "Descrição"
        "Qualquer coisa"
      </div>
    </div>

jQuery

     $(".medicamentoItem").hide();
     $('.mostrarCompleto').click(function () {
     var id = this.id;
     var item = ("#medicamentoGeral-" + id);
     $(item + " .medicamentoItem").slideToggle();

});
    
19.08.2014 / 19:57