Magento 后端：如何添加 jscolor？答案

【问题标题】：Magento backend: How to add jscolor?Magento 后端：如何添加 jscolor？
【发布时间】：2012-07-01 05:09:56
【问题描述】：

我正在尝试在 Magento 的后端添加一个颜色选择器。到目前为止，我可能已经上课了。（见下文）。但我不知道 Data.php 文件应该是什么样子。有人帮忙或举个例子吗？

问候

class Namespace_Module_Block_System_Config_Form_Field_Colorpicker extends Mage_Adminhtml_Block_System_Config_Form_Field
{
protected function _getElementHtml(Varien_Data_Form_Element_Abstract $element)
{
    $url  = Mage::getBaseUrl('js');
    $element->addClass("color");
    $output = "";
    if(!defined("_LOADED_JSCOLOR_")){
        $jspath = $url.'jscolor/jscolor.js';
        $output .= '<script type="text/javascript" src="'.$jspath.'"></script>';
        define("_LOADED_JSCOLOR_",1);
    }
    $output .= $element->getElementHtml();
    return $output;
}

}

【问题讨论】：

这个不是很确定，购买可以直接在phtml文件afaik中包含<script></script>

标签： javascript magento backend color-picker

【解决方案1】：

你可以添加js文件来更新布局：

<action method="addJs"><file>%folder%/%file%.js</file></action>

【讨论】：

【解决方案2】：

如果我可以让管理配置字段使用 JSColor，我正在构建的模块会很棒。我遇到了这篇文章，查看了 JSColor 的简单设置，并且知道，这几乎已经内置到 Magento 中（至少从版本 1.7.0.2 开始）。

如果您有管理布局更新文件，只需包括：

<adminhtml_system_config_edit>
    <reference name="head">
        <action method="addJs"><file>jscolor/jscolor.js</file></action>
    </reference>
</adminhtml_system_config_edit>

在测试中，我发现 JSColor 脚本已经包含在 1.7.0.2 包中。 /js/jscolor/jscolor.js。

从那里开始，就像将color 类分配给输入表单字段一样简单。我不确定这是否是有意的，但这就像在您的 system.xml 文件中添加一个 <validate> 节点一样简单。

<fields>
    <bg>
        <label>Background Color</label>
        <frontend_type>text</frontend_type>
        <validate>color</validate>
        <sort_order>1</sort_order>
        <show_in_default>1</show_in_default>
        <show_in_website>1</show_in_website>
        <show_in_store>1</show_in_store>
    </bg>
</fields>

万岁！无需自定义...无需自定义<frontend_type>...无需...包含脚本，通过<validate> 节点为其提供color 类，您就完成了！

【讨论】：