我发现处理将复选框拆分为列的最佳方法是使用 array_chunk() 函数将数组拆分为相等的子数组,然后使用双 foreach 循环来渲染列。
http://php.net/manual/en/function.array-chunk.php http://php.net/manual/en/function.array-chunk.php
echo '<div class="container">';
foreach(array_chunk($genreLists,5) as $row_value)
{
echo '<div class="row">';
foreach($row_value as $cell_key => $cell_value)
{
echo '<div class="cell">';
//echo your checkbox html here
echo '</div>'; // close cell
}
echo '</div>'; // close row
}
echo '</div>'; // close container
如果您在将 array_chunk 分配给模板引擎之前执行该操作,则可以使用 smarty {foreach} 循环来完成相同的概念。实际上在 smarty {$var|array_chunk:5} 中应该作为修饰符
如果您想让复选框垂直显示,请使用此函数:
/* ----------[ func ARRAY CHUNK VERTICAL ]----------
A sister to array_chunk, but instead of horizontal, split
the data vertical
*/
function array_chunk_vertical($array = null,$cols = 3, $pad = array(null))
{
if (is_array($array) == true and !empty($array))
{
// total items in the array
$count = count($array);
// if count is empty
if(empty($count))
{
return false;
}
// if cols is some how still empty
if(empty($cols))
{
$cols = 3;
}
// count the number of vertical rows
$rows = ceil($count/$cols);
// group the array into colums
$array = array_chunk($array,$rows);
// if the array is less that the number of cols required
// pad it to ensure length remains constant
if (count($array) < $cols)
{
$array = array_pad($array,$cols,$pad);
}
// pad the array with a null character as required
foreach($array as $key => $value)
{
$array[$key] = array_pad($value,$rows,null);
}
// now inverse the rows with the cols
foreach($array as $key => $value)
{
foreach($value as $sub_key => $sub_value)
{
$output[$sub_key][$key] = $sub_value;
}
}
// spit it out
return $output;
}
// oops
return $array;
}