EC-CUBEの小技:エンターキーで管理画面内の検索を開始させる方法

この記事は最終更新日から1年以上が経過しています。
ECCUBEの管理画面では、なぜか検索窓に文字を入力して、エンターキーを押しても検索が始まらない作りになっています。

キーボードに触って、マウスを持ち直してと。
検索ボタンを押してやっと動作が始まるというのでは、話になりません。
というわけで、ッターン!で検索が出来るようにする方法を紹介します。

javascriptを挿入するだけ

例の如く、僕が必要だと思う分だけ、提示します。
追加個所はそれぞれの一番下に僕は追加してます。
それで動いているので、正解だと思ってます。


商品管理
/data/Smarty/templates/admin/product/index.tpl

<script type="text/javascript">
//<![CDATA[
document.search_form.search_product_id.focus();
$(function() {
    $('<input type="submit" />')
        .css({'position' : 'absolute',
            'top' : '-1000px'})
        .appendTo('form');
});
//]]>
</script>

受注管理
/data/Smarty/templates/admin/order/index.tpl

<script type="text/javascript">
//<![CDATA[
document.search_form.search_order_id1.focus();
$(function() {
    $('<input type="submit" />')
        .css({'position' : 'absolute',
            'top' : '-1000px'})
        .appendTo('form');
});
//]]>
</script>

顧客管理
/data/Smarty/templates/admin/customer/index.tpl

<script type="text/javascript">
//<![CDATA[
document.search_form.search_customer_id.focus();
$(function() {
    $('<input type="submit" />')
        .css({'position' : 'absolute',
            'top' : '-1000px'})
        .appendTo('form');
});
//]]>
</script>

これで、エンターキーで検索できるようになった事かと思います。
こういう当たり前の機能がついていないのが、ECCUBEというものなのですが、これが出来るようになるのに、色々調べたりして勉強になったので、良いとしておきます。

まあ、簡単でしたね。

4 Comments

  1. このカスタマイズ大変便利で助かります。
    ただ、受注管理画面から受注登録画面に移動した後、
    ブラウザの戻るボタンを押すと、画面が一番上にいってしまい、さっきどこをクリックしたかわからなくなってしまします。
    この減少はchromeだけで起こり、firefox、IEでは問題ありませんでした。
    何か方法はないでしょうか?

    • きぬ様
      コメントありがとうございます。

      戻るボタンに関してはブラウザ依存になるため、他のブラウザと同じような動作というのは難しいかと思われます。
      しかし、今後ブラウザ関係なくお勧めする方法としては、「Ctrl(コントロール)」キーを押しながらリンクをクリックするのはどうでしょうか。
      これを行った場合、リンク先が別タブで開かれるため、一覧ページは維持されたままになります。
      新しく開いたページにおいて処理が完了したら閉じてしまえばいいですし、何かあった時に把握がしやすくなるかと思います。

      根本的な解決とはいかないでしょうが、一度、お試しいただけたらと思います。

      • 戯れ問答管理人様

        ご返信のお礼が遅れました。
        ご丁寧に回答頂きありがとうございます。

        また、別のやり方までご教授頂きありがとうございます。
        早速Ctrlキーを押しながらクリックしてみました!!。。。。が残念ながら別タブで開きませんでした。
        Chromeだけおかしいのかと思い、firefoxでも試してみた所、こちらも別タブでは開きませんでした。
        せっかく良い方法を教えて頂いたのに残念です。

        firefoxでは戻るボタンで場所を維持できているので、今後はfirefoxで対応します。

        • きぬ様
          コメントありがとうございます。

          先程、デモサイトの方でソースを確認したところ、こちらのリンクはjavascriptによってリンク先を判断しているようで、新しくいタブで開く等、そういった操作を受け付けておりませんでした。

          勝手な想定で助言してしまい、すいません。
          また何かありましたら、ご質問ください。

管理人 にコメントする コメントをキャンセル

Your email address will not be published.


*


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください