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

2012年3月29日 19:41
ECCUBEの管理画面では、なぜか検索窓に文字を入力して、エンターキーを押しても検索が始まらない作りになっています。

キーボードに触って、マウスを持ち直してと。
検索ボタンを押してやっと動作が始まるというのでは、話になりません。
というわけで、ッターン!で検索が出来るようにする方法を紹介します。
この記事は最終更新日から1年以上が経過しています。

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というものなのですが、これが出来るようになるのに、色々調べたりして勉強になったので、良いとしておきます。

まあ、簡単でしたね。

ブログ運営

株式会社ちょもらんま

https://qomolangma.jp