< 返回 7.4 使用复选框 - E计划

上一节已经增加了工具栏,但为了实现编辑,删除,发布等操作,我们还需要使用复选框。没有复选框我们就不能确定需要编辑的记录是哪一条。复选框就能帮我们解决这个问题

1,本节目标


了解如何使用复选框

2,组件的v2.0.2版本


com_zmaxbookv2.0.2_2020-11-11_for_j3x.zip

3,实现的效果


安装最新的v2.0.1版本后就看到如下的截图:

组件安装成功.pngjoomla工具栏复选框.png

4,如何实现


复选框的实现在代码在布局文件中,也就是views/items/tmpl/default.php文件

<form action="index.php?option=com_zmaxbook&view=items" method="post"  name="adminForm" id="adminForm">
	<div id="j-sidebar-container" class="span2">
		<?php echo $this->sidebar; ?>
	</div>
	<div id="j-main-container" class="span10">
		<table class="table table-striped">
			<thead>
				<tr>
					<th width="20px"><?php echo  JHtml::_('grid.checkall');?></th>
					<th >标题</th>
					<th >作者</th>
					<th >价格</th>
					<th >ID</th>
				</tr>
			</thead>
			<tbody>
			<?php foreach ($this->items as $i => $item) :?>
				<tr>
					<td><?php echo JHTML::_('grid.id',$i,$item->id);?></td>
					<td><?php echo $item->title; ?></td>
					<td><?php echo $item->author; ?></td>
					<td><?php echo $item->price; ?></td>
					<td><?php echo $item->id; ?></td>
				</tr>
			<?php endforeach; ?>
			</tbody>
		</table>
	</div>
	<div>
		<input type="hidden" name="task" value=""/>
		<input type="hidden" name="boxchecked" value="" />
		<?php echo JHtml::_('form.token');?>
	</div>	
</form>

主要的代码有两个,一个是checkall(全选),另外一个是grid.单独的一个checbox.

<?php echo  JHtml::_('grid.checkall');?>

这个段代码会输出一个checkbox复选框,点击后会自动的选中当前表单中的所有checkbox.

<?php echo JHTML::_('grid.id',$i,$item->id);?>

这段代码会在每一条记录的前面输出一个复选框,当用户点击选中的时候,就会将第三个值 $item->id (选中记录的ID)设置为chekbox的值。

5,form表单


为了配合复选框的使用,需要有一个表单与之配合。所以你会看到在这一版本的布局文件中,我们增加了表单元素。

<form action="index.php?option=com_zmaxbook&view=items" method="post"  name="adminForm" id="adminForm">
	<div>
		<input type="hidden" name="task" value=""/>
		<input type="hidden" name="boxchecked" value="" />
		<?php echo JHtml::_('form.token');?>
	</div>	
</form>

请重点注意:在joomla后台组件中,我们一般将form的ID和name设置为adminForm.  有一些JS代码会依赖form的ID属性和name属性。

为了提交checkbox的只,我们需要在表单中增加了input name属性设置为boxchecked.

 

 

  • 内容提要
  • 留言讨论 (0)
  • 视频教程

上一节已经增加了工具栏,但为了实现编辑,删除,发布等操作,我们还需要使用复选框。没有复选框我们就不能确定需要编辑的记录是哪一条。复选框就能帮我们解决这个问题

评论 (0)

  • 最新在前
  • 最佳在前

内容待完善

该课程提供视频版,可以观看完整的视频教程