Prestashop自动完成输入类型

时间:2016-10-03 21:34:01

标签: jquery json autocomplete prestashop

我正在开发一个prestashop模块,我已经创建了一些产品页面的自定义字段。 我有一个字段,通过自动完成从json

获取值

这是模块tpl字段:

        <div class="form-group">

        <label class="control-label col-lg-3">Post 6:</label>

        <div class="col-lg-9">

            {*<input type="text" name="principi_name" value="{$principi_name}">*}

            {include

                file="controllers/products/textarea_lang.tpl"

                languages=$languages

                input_name='principi_name'

                class="textarea testingautocolplete"

                input_value=$principi_name}

        </div>

    </div>

这是jquery:

 $(document).ready(function() {

    product_tabs['product_type'] = new function(){
         $('.testingautocolplete').autocomplete('http://www.domain.com/dbsearch.php', {
            width: 320,
            max: 4,
            highlight: false,
            multiple: true,
            multipleSeparator: " ",
            scroll: true,
            scrollHeight: 300,
        })

    }

});

字段上的结果是全部json: 我想我犯了一个错误,但我找不到:

enter image description here

谢谢。

1 个答案:

答案 0 :(得分:0)

我们不知道您使用自动填充字段的方式,但我们已使用以下步骤多次使用它:

将以下代码添加到页面上的JS代码中(在document.ready javascript函数中)

$('YOUR_FIELD_ID').autocomplete(path_fold+"/FILE_PATH_TO_HANDLE_AJAX.php",{
     delay: 100,
     minChars: 1,
     autoFill: true,
     max: 20,
     matchContains: true,
     mustMatch: true,
     scroll: false,
     cacheLength: 0,
     multipleSeparator: '||',
     formatItem: function(item) {
         return item[0];
     },
     extraParams: {
         customerFilter: 1,
     }
 }).result(function(event, item) {
 //Code to use the result
 });

将处理ajax请求的php文件将以所需格式准备和发送数据。