【问题标题】:Jquery UI Autocomplete in codeigniter using table oracle使用表oracle在codeigniter中的Jquery UI自动完成
【发布时间】:2016-01-05 06:32:09
【问题描述】:

views.php

<div class="input-group">
<input class="form-control" id="nomor_cari" maxlength="16" placeholder="No. CM / No. KTP">

脚本自动完成

    $('#nomor_cari').autocomplete({
        source: get_no,
        dataType: 'JSON'
    });

函数get_no

<?php
        function get_no($q)
    {
        $this->db->select('NO_MEDREC');
        $this->db->like('NO_MEDREC', $q);
        $query = $this->db->get('PASIEN_IRJ');
        if($query->num_rows > 0)
        {
            foreach ($query->result_array() as $row)
            {
                $row_set[] = htmlentities(ucfirst($row['NO_MEDREC'])); 
            }
            $this->output
                    ->set_content_type('application/json')
                    ->set_output(json_encode($row_set)); 
        }
        echo $query->row();
    }?>

但自动完成没有显示任何内容。

如果我使用局部变量,自动完成功能应该是这样。

<script> var availableNumber = [
        "0000000002",
        "0000000020",
        "0000000200",
        "0000002000"
    ];
/<script>

并将自动完成更改为

        $('#nomor_cari').autocomplete({
        source: availableNumber,
        dataType: 'JSON'
    });

我错过了什么? (我确定 .js 已加载,因为当使用本地 var 时,它就像魅力一样工作)

以防万一,这是我的自动加载

$autoload['libraries'] = array('database', 'email', 'session');
$autoload['helper'] = array('url', 'template', 'message', 'misc');

【问题讨论】:

    标签: javascript php jquery codeigniter autocomplete


    【解决方案1】:

    我认为问题出在“来源”中。请尝试像这样使用json

    $('#nomor_cari').autocomplete({
        source: function (request, response) {
            $.getJSON("ful_url/get_no?term=" + request.term, function (data) {
                response($.map(data.dealers, function (value, key) {
                    return {
                        label: value,
                        value: key
                    };
                }));
            });
        },
    });
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-06-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-03-30
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多