Prestashop HelperFrom/List - 凌乱的布局

Question

我是 prestashop 的新手，我一整天都在创建一个允许用户编写、编辑和删除文章的后台界面。它有点像博客。我使用了 Prestashop 的助手（表单和列表）并且一切正常。我还在后台添加了一个新选项卡来访问这个工具。

问题是布局凌乱，看起来不像其他表格和列表页面。布局真的不性感。也许我应该查看一些 css 文件，或者在我的控制器中添加任何功能？你会在这里找到后者的源代码（我不能插入图像，没有足够的声誉--'）：

<?php
  
class Article extends ObjectModel
{
     /** @var string Name */
    public $id_article;
    public $titre;
    public $contenu;
    public $url_photo;
  
    /**
     * @see ObjectModel::$definition
     */
    public static $definition = array(
        'table' => 'article',
        'primary' => 'id_article',
        'fields' => array(
            'titre' => array(
                'type' => self::TYPE_STRING,
                'validate' => 'isGenericName',
                'required' => true,
                'class' => 'lg'
            ),
            'contenu' => array(
                'type' => self::TYPE_STRING,
                'validate' => 'isGenericName',
                'required' => true
            ),
            'url_photo' => array(
                'type' => self::TYPE_STRING,
                'validate' => 'isGenericName',
                'required' => false,
            ),
            
        ),
    );
}

class AdminBlogController extends AdminController{
    
    public function initContent(){
        parent::initContent();
    }
    
    public function __construct(){
        
         $this->table = 'article';
         $this->className = 'Article';
  
         $this->lang = false;
  
        // Building the list of records stored within the "article" table
        $this->fields_list = array(
            'id_article' => array(
                'title' => 'ID',
                'align' => 'center',
                'width' => 25
            ),
            'titre' => array(
                'title' => 'Titre',
                'width' => 'auto'
            ),
            'contenu' => array(
                'title' => 'Contenu',
                'width' => 'auto'
            )
        );
  
        // This adds a multiple deletion button
        $this->bulk_actions = array(
            'delete' => array(
                'text' => $this->l('Delete selected'),
                'confirm' => $this->l('Delete selected items?')
            )
        );
  
        parent::__construct();
    }
  
    // This method generates the list of results
    public function renderList(){
        
        // Adds an Edit button for each result
        $this->addRowAction('edit');
  
        // Adds a Delete button for each result
        $this->addRowAction('delete');
  
        return parent::renderList();
    }
  
    // This method generates the Add/Edit form
    public function renderForm(){
        
        // Building the Add/Edit form
        $this->fields_form = array(
            'tinymce' => true,
            'legend' => array(
                'title' => 'Article'
            ),
            'input' => array(
                array(
                    'type' => 'text',
                    'label' => 'Titre',
                    'name' => 'titre',
                    'class' => 'lg',
                    'required' => true,
                    //'desc' => 'Nom de l\'article',
                ),
                array(
                    'type' => 'textarea',
                    'label' => 'Contenu',
                    'name' => 'contenu',
                    'class' => 'lg',
                    'required' => true,
                    'autoload_rte' => true,
                    //'desc' => 'Contenu de l\'article',
                ),
                array(
                    'type' => 'file',
                    'label' => 'Photo',
                    'name' => 'url_photo',
                    'class' => 'lg',
                    'required' => true,
                    //'desc' => 'Contenu de l\'article',
                )
                
            ),
            'submit' => array(
                'title' => $this->l('Save'),
                'class' => 'button'
            )
        );
  
        return parent::renderForm();
    }
    
}

?>

谢谢。

Answer 1

我只需要设置 $this->bootstrap = true

Prestashop HelperFrom/List - 凌乱的布局

Prestashop HelperFrom/List - messy layout

forms

list

helpers

prestashop