Magentoのマルチサイトのカスタマイズインタフェース

Question

マイマイマルチセレクトリストは非常に大きく、どのオプションを選択したのかを調べることは困難です、私は次のようなものに変更したいですか？ それは任意の場所になることができますが、現在私はカスタムの "customer_address"属性タイプ "マルチスレクト"を持っています、

このMy SQLスクリプトのようなマイ属性を作成しています。

    <?php

$installer = $this;

$installer->startSetup();

$installer->addAttribute('customer_address', 'additional_managers', array(
    'label' => 'Additional Store/Site Managers',
    'visible' => true,
    'required' => false,
    'type' => 'varchar',
    'input' => 'multiselect',
    'source' => 'abc_districtmanager/address_attribute_source_districtmanager',
    'onclick' => 'getSelectValues(this)',
    'user_defined' => 1,
    'position' => 100
));

$used_in_forms = array(
     'adminhtml_customer_address',
     'customer_address_edit',
     'customer_register_address'
    );

$attribute = Mage::getSingleton('eav/config')->getAttribute('customer_address', 'additional_managers');
$attribute->setData('used_in_forms', $used_in_forms); 
$attribute->save();

$installer->endSetup();

.

Answer 1

「選択された」jQueryを使用してわずかな変更されたインターフェースで目的を得ました。

ダウンロード選択したjQuery chosen.jquery.js と chosen.css.これらのファイルをデザインに配置し、revsectedの.xmlファイルのモジュールに追加します。

     <reference name="head">
        <!--            Adding js and css to use "chosen" instead of "select" for "multiselect" input types-->
        <action method="addItem">
            <type>skin_js</type>
            <name>js/chosen.jquery.js</name>
        </action>
        <action method="addItem">
            <type>skin_css</type>
            <name>css/chosen.css</name>
        </action>
    </reference>

.

これを尊敬しているビュー（ .phtml ）選択した

を使用してくださいファイルのパスに注意してください。

<script type="text/javascript">

jQuery(document).ready(function ($) {
    $(".myClass").chosen();
});

.

これはクラス "myclass"を持つ要素のインターフェースを変更します、出力はこのようなものかもしれません

Answer 2

以下のコード

でこの機能を達成できます。

<select onchange="getSelectValues(this)"></select>



    function getSelectValues(select) {

          var options = select && select.options;
          var opt;

          for (var i=0, iLen=options.length; i<iLen; i++) {
            opt = options[i];

            if (opt.selected) {
               opttext +=opt.text+'<br />';
            }
          }
          document.getElementById('showdiv').innerHtml=opttext;
        }

.

プロトタイプを使って

$("_itemNaNadditional_managers").invoke('observe', 'change', function() {

    var options = $("_itemNaNadditional_managers").options;
              var opt;

              for (var i=0, iLen=options.length; i<iLen; i++) {
                opt = options[i];

                if (opt.selected) {
                   opttext +=opt.text+'<br />';
                }
              }
              document.getElementById('showdiv').innerHtml=opttext;

});

.