在我的网络应用程序中,用户可以在线购买商品。他们可以看到项目列表。当他们点击任何一个项目时,它会将他们带到该产品页面,在那里他们可以看到有关该产品的更多详细信息。他们还可以看到用于制作该产品的硬件部件列表。我只限制那些硬件部件一次显示6个,然后我有一个名为“Show More”的按钮。因此,当用户点击“显示更多”时,将显示其他硬件部分。怎么做,按钮点击,我可以显示剩余的部分。以下是我的代码的一瞥。
以下代码显示该产品的硬件部分,并有一个“显示更多”按钮。
的index.php
<div class='item_display'>
<?
foreach ($model->hparts as $hp) {
?>
<div class="col item_grid">
<a class="itemGridContent">
<img src="<?= $hp->getImage() ?>" id="itemImg"/>
</a>
</div>
<?
}
?>
</div>
<button id="show_more">Show More...</button>
Controller.php这样
$this->viewData->hparts = $item->getHParts()
Model.php
public function getHParts(){
$hp = Item_Parts::get_item_parts($this->id,6);
if($hp && count($hp)>0){
$hparts = [];
foreach ($hp as $parts){
$hparts[] = self::getItem($parts);
}
}
else{
}
return $hparts;
}
上述功能限制了部件的视图,一次显示6个。现在我应该如何在按钮点击上显示更多部分?