< 返回 7.3 使用工具栏 - E计划

我们的组件已经完成了数据的展示,现在需要来实现一些常规的操作。比如增加,删除,编辑发布等等。为了实现这些功能,需要了解如何在joomla中使用工具栏。

1,本节目标


了解如何使用工具栏

2,组件的v2.0.1版本


 com_zmaxbookv2.0.1_2020-11-11_for_j3x.zip

3,实现的效果


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

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

在上图中,增加了常用的新建,编辑,删除,发布,停止发布这些工具按钮。

4,如何实现


代码同样在视图文件中。views/items/view.html.php文件

class zmaxbookViewItems extends JViewLegacy
{
	public function display($tpl = null)
	{
		$this->items         = $this->get('Items');
		zmaxbookHelper::addSubmenu('items');
		$this->sidebar = JHtmlSidebar::render();
		
		$this->addToolbar();
		parent::display($tpl);
	}
	
	/**
	 * 添加页面的工具栏.
	 *
	 * @return  void
	 */
	protected function addToolbar()
	{
		JToolbarHelper::title('ZMAX图书管理系统 - 书本管理', 'list');
		JToolBarHelper::addNew('item.add'); //添加
		JToolBarHelper::editList('item.edit'); //编辑
		JToolBarHelper::deleteList("你确定要删除这个项目吗?",'items.delete'); //删除
		JToolBarHelper::publish('items.publish');//发布
		JToolBarHelper::unpublish('items.unpublish'  );//停止发布
	}
}

JToolbarHelper类实现了很多的工具按钮,上面只是简单的列举了一下常用的方法。具体的可用按钮列表,大家可以查看JToolbarHelper类的详细文档,在此不再赘述。 

对于多数的工具栏按钮方法,第一个参数是需要执行的任务。比如addNew这个方法,我们传递的第一个参数是item.edit。那么点击后系统会执行item控制器的edit方法。

如果你审查元素,就会看到工具栏按钮的实质就是添加一段JS代码

工具栏按钮的实质.png

这一节我们只是在页面上增加了工具栏按钮,并没有实现其代码逻辑,在下一节我们将开始实现这个的代码逻辑。尽请期待。

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

我们的组件已经完成了数据的展示,现在需要来实现一些常规的操作。比如增加,删除,编辑发布等等。为了实现这些功能,需要了解如何在joomla中使用工具栏。

评论 (0)

  • 最新在前
  • 最佳在前

内容待完善

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