magento管理面板中的颜色选择器

Question

我想在Magento 1.7 CE Admin面板中添加颜色选择器.知道我已经使用了自定义选择模型,但我找不到如何添加自定义颜色选择器.

谁能帮我吗？

谢谢.

Answer 1

看看JSColor:

http://jscolor.com/

它是一个开源和非常容易使用的Javascript库.您所要做的就是在应用程序中的某个位置导入库,而不是简单地使用"color"类创建输入.JSColor完成剩下的工作.我刚刚在最近的Magento项目中使用它,希望它也能满足您的需求.

更新:为了更深入地回答海报的问题,这里是我如何在我的magento应用程序中实现jscolor:

首先确保你已经提取了JSColor的javascript文件,我在我的模块的layout.xml中做了这个,你也可以这样做:

<layout version="0.1.0">
<default>
    <reference name="head">
        <action method="addJs">
            <script>jscolor/jscolor.js</script>
        </action>
    </reference>
</default>

在自定义块的html中,您可以放置​​代码来创建jscolor输入:

<input class="color {required:false, adjust:false, hash:true}">

使用JSColor就像将类指定为颜色一样简单,加上您想要设置的任何其他设置(请参阅jscolor文档).

或者,如果您使用的是标准Magento管理面板表单并且想要利用预制的Magento块,则可以让您的块扩展Varien_Data_Form_Element_Text并执行以下操作:

$fieldset->addType('mycustomblock', 'Mycompany_Mymodule_Block_Adminhtml_Edit_Elements_Mycustomblock');

            $fieldset->addField(
            'mycustomblock',
            'mycustomblock',
            array(
                'label'     => Mage::helper('MyModule')->__($label),
                'required'  => true,
                'name'      => 'yourinputname',
                'class'     => 'color {required:false, adjust:false, hash:true}',
                'value'     => $value
            )
        );