Magento Adminhtml:具有类别选择器的类别属性

时间:2016-05-17 08:56:28

标签: php magento adminhtml

我正在尝试实现一个类别属性,用于将当前类别与项目特定用途的其他类别相关联。

为此,我创建了一个varchar属性,用于存储逗号分隔的类别ID列表,但是我想在字段旁边显示一个小的选择器图标,它会显示类别选择器,就像条件部分中的那个一样促销管理屏幕。

Category chooser from Promotion section

我真的没有看到我应该实现的那种渲染器,我希望你们能给我一个提示。 谢谢你的帮助。

1 个答案:

答案 0 :(得分:1)

我做到了 - 终于 - 所以这就是:

仅供参考:我的类别属性名为“category_top_searches”,是一个以逗号分隔的类别ID列表。选择器旨在帮助提供此列表。

1 - 使用观察者添加标签

A。观察员声明

<adminhtml_catalog_category_tabs>
    <observers>
        <add_topsearches_tab>
            <class>mymodule/observer</class>
            <method>addTopSearchesTab</method>
        </add_topsearches_tab>
    </observers>
</adminhtml_catalog_category_tabs>

B.观察者实施

public function addTopSearchesTab(Varien_Event_Observer $observer)
{
    $tabs = $observer->getTabs();
    $tabs->addTab(
        'top_searches_tab', 'mymodule/catalog_category_edit_tab_topsearches'
    );
}

2 - 定义选项卡的块

初始化树

时,需要实现选项卡界面方法和获取已检查类别的方法
class MyNamespace_Adminhtml_Block_Catalog_Category_Edit_Tab_Topsearches
    extends Mage_Adminhtml_Block_Catalog_Product_Edit_Tab_Categories
    implements Mage_Adminhtml_Block_Widget_Tab_Interface
{

    /**
     * Specify template to use
     */
    public function __construct()
    {
        parent::__construct();
        $this->setTemplate('catalog/category/edit/categorypicker.phtml');
    }

    /**
     * Checks when this block is readonly
     *
     * @return bool
     */
    public function isReadonly()
    {
        return false;
    }

    /**
     * getCategoryIds method

     * @return array
     */
    protected function getCategoryIds()
    {
        $category = Mage::registry('current_category');
        $ids = explode(',', $category->getCategoryTopSearches());
        return $ids;
    }


    /**
     * getIdsString
     *
     * @return string
     */
    public function getIdsString()
    {
        $category = Mage::registry('current_category');
        return $category->getCategoryTopSearches();
    }

    /**
     * Return Tab label
     *
     * @return string
     */
    public function getTabLabel()
    {
        return $this->__('Top Searches');
    }

    /**
     * Return Tab title
     *
     * @return string
     */
    public function getTabTitle()
    {
        return $this->__('Top Searches');
    }

    /**
     * Can show tab in tabs
     *
     * @return boolean
     */
    public function canShowTab()
    {
        return true;
    }

    /**
     * Tab is hidden
     *
     * @return boolean
     */
    public function isHidden()
    {
        return false;
    }
}

3 - 定义树模板

我将产品编辑页面app / design / adminhtml / default / default / template / catalog / product / edit / categories.phtml的类别树的核心模板粘贴到app / design / adminhtml / default / mytheme / template中/catalog/category/edit/categorypicker.phtml并做了一些小改动:

添加了一个文本字段来显示我的ID:

<div class="entry-edit">
    <div class="entry-edit-head">
        <h4 class="icon-head head-edit-form fieldset-legend"><?php echo Mage::helper('catalog')->__('Linked Categories') ?></h4>
    </div>
    <fieldset id="linked_cat">
        <input type="text" name="linked_categories_list" id="linked_categories_list" value="<?php echo $this->getIdsString() ?>">
    </fieldset>
</div>

并使用我的上下文修改树标题

<div class="entry-edit">
    <div class="entry-edit-head">
        <h4 class="icon-head head-edit-form fieldset-legend"><?php echo Mage::helper('catalog')->__('Category picker') ?></h4>
    </div>
    <fieldset id="grop_fields">
        <input type="hidden" name="linked_categories" id="linked_categories" value="<?php echo $this->getIdsString() ?>">
        <div id="product-categories" class="tree"></div>
    </fieldset>
</div>

我不得不稍微修改beforeLoad函数来设置id参数:

categoryLoader.on("beforeload", function(treeLoader, node) {
    treeLoader.baseParams.category = node.attributes.id;
    treeLoader.baseParams.id = node.attributes.id;
});

我添加了一个实现array_unique功能的函数

Array.prototype.unique = function(){
    'use strict';
    var im = {}, uniq = [];
    for (var i=0;i<this.length;i++){
        var type = (this[i]).constructor.name,
        //          ^note: for IE use this[i].constructor!
            val = type + (!/num|str|regex|bool/i.test(type)
                    ? JSON.stringify(this[i])
                    : this[i]);
        if (!(val in im)){uniq.push(this[i]);}
        im[val] = 1;
    }
    return uniq;
}

然后修改categoryAdd和categoryRemove函数以使用新选中/未选中的ID更新我的文本字段

function categoryAdd(id) {
    var ids = $('linked_categories').value.split(',');
    ids.push(id);
    var idList = ids.unique().join(',').replace(/^,/, '');
    document.getElementById("linked_categories_list").value = idList;
    $('linked_categories').value = ids.join(',');
}
function categoryRemove(id) {
    var ids = $('linked_categories').value.split(',');
    // bug #7654 fixed
    while (-1 != ids.indexOf(id)) {
        ids.splice(ids.indexOf(id), 1);
    }
    var idList = ids.unique().join(',').replace(/^,/, '');
    document.getElementById("linked_categories_list").value = idList;
    $('linked_categories').value = ids.join(',');
}

4 - 为类别保存事件实现观察者,以将新值注入真实属性

一个。声明

<catalog_category_save_before>
    <observers>
        <set_top_searches>
            <class>mymodule/observer</class>
            <method>setTopSearches</method>
        </set_top_searches>
    </observers>
</catalog_category_save_before>

B中。实施

/**
 * takes the fake attribute value and insert it into the real category_top_searches attribute
 *
 * @param Varien_Event_Observer $observer Observer
 *
 * @return void
 */
public function setTopSearches(Varien_Event_Observer $observer)
{
    /** @var $category Mage_Catalog_Model_Category */
    $category = $observer->getEvent()->getCategory();

    $params = Mage::app()->getRequest()->getParams();
    $ids = $params['linked_categories_list'];
    $category->setData('category_top_searches', $ids);
}

5 - 最后我通过在安装脚本中更新它来隐藏我的原始属性: (我更改了它的组,否则它的专用选项卡将为空但仍显示)

$installer->updateAttribute("catalog_category", "category_top_searches", 'group', "General");
$installer->updateAttribute("catalog_category", "category_top_searches", 'is_visible', false);

Dunno,如果有人会使用它,因为我在这个帖子上非常孤独,但我很想在尝试实现此功能时找到这样的帖子......:D

如果有人有兴趣,我也在配置字段中将此类别选择器实现为新的frontend_type,它非常棒!