显示列表

我从数据库中获取产品的列表，并希望在3X4格（不通过GridView控件列表），以显示他们对我的电子商务项目，如图图片 Amazon Screenshot 显示列表

我想实现分页，所以我应该只显示有限的项目。

2017-06-20 Prasoon Deva

欢迎＃1，你的问题太为了有一个更快的答案，你必须更具体，例如：你试过了什么？你有一些代码吗？有一堆帖子解释了gridview是如何工作的。请参阅如何问问页面以获取帮助以澄清此问题。 – nramirez

我没有任何线索如何实现它，所以我没有任何code.I只是想知道是否有任何htlm控制像listview或api，我可以用它来迭代列表中的对象，我将传递给视图并把每个对象放入网格 –

好吧，那就是说，你可以使用基本的HTML，并使用一个像引导程序这样的CSS库，它有一个简单的网格系统，试试看：http：//getbootstrap.com/css/#网格，在bootsnipp中有一些例子，你可以https://bootsnipp.com/snippets/featured/crowdfunding-grid，让我知道如果你需要更多的帮助，我可以写一个通用的例子，说明它将如何完成MVC。 – nramirez

如果你有一个产品列表，然后使用MVC和引导，你可以做到以下几点：

@model Products[] 

<div class="container-fluid"> 
    @for (var i = 0; i < Model.Length; i += 4) 
    { 
     <div class="row"> 
      @for (var j = i; j < i + 4; j++) 
      { 
       <div class="col-md-3"> 
        <div class="thumbnail"> 
         <img src="@Model[j].Url" alt="..."> 
         <div class="caption"> 
          <h3>@Model[j].Label</h3> 
          <p>@Model[j].Description</p> 
          <p> 
           <a href="#" class="btn btn-primary" role="button">Add Cart</a> <a href="#" class="btn btn-default" role="button">View</a> 
          </p> 
         </div> 
        </div> 
       </div> 
      } 
     </div> 


    } 
</div>

你可以找到你可以引导做什么这里http://getbootstrap.com/css/

我用更多信息网格系统http://getbootstrap.com/css/#grid

，缩略图：http://getbootstrap.com/components/#thumbnails

来源

2017-06-20 20:32:02 nramirez

回答

相关问题