Question

我遇到了剑道自动完成问题。我试图搜索任何单词，但它不起作用。

我尝试通过谷歌浏览器的控制台查看，但唯一显示我的错误是：

＆＃34;未捕获的TypeError：无法读取属性＆＃39; slice＆＃39;未定义＆＃34;

这是我的代码：

HTML

<HEAD>  <script src="librerias/jquery.min.js"></script>
    <script src="librerias/kendo.all.min.js"></script> 
</HEAD> 

<BODY> <input id="#autocomplete" /> </BODY>
<script>
'use strict';

(function($, kendo) {

   // select the input and create an AutoComplete
   $("#autocomplete").kendoAutoComplete({
       dataSource: new kendo.data.DataSource({
           transport: {
               read: "functions/autocomplet.php"
           },
           schema: {
               data: "data"
           }
       }),
       dataTextField: "nombre",
       placeholder: "Please Select A State"
   });

})(jQuery, kendo);
</script>

PHP

<?PHPinclude ("conexion.php");  
$arr = array();
$q=$_GET["StartsWith"];
if (!$q) return;

$sql="select nombre from clientes where nombre like '%q%'";

$stmt = mysql_query($sql,$conexion);
while($row = mysql_fetch_array($stmt)) {
    $arr[] = $row['nombre'];
}

// add the header line to specify that the content type is JSON
header("Content-type: application/json");

echo "{\"data\":" .json_encode($arr). "}";?>

Answer 1

最初创建自动完成时，它会调用transport.read，但没有StartsWith参数，因此退出时不返回任何内容。

你应该返回一个空数组：

if (!$q) {
    echo "{\"data\":" .json_encode($arr). "}";
    return;
}

或定义自动填充功能，直到使用minLenght键入最少数量的字符后才发送请求：

$("#autocomplete").kendoAutoComplete({
    dataSource   : new kendo.data.DataSource({
        transport: {
            read: "autocomplet.php"
        },
        schema   : {
            data: "data"
        }
    }),
    minLength    : 1,
    dataTextField: "nombre",
    placeholder  : "Please Select A State"
});

默认情况下，自动完成功能不使用serverFiltering，这意味着它希望您从PHP代码返回所有内容，然后客户端对其进行过滤。所以你应该这样做：

$("#autocomplete").kendoAutoComplete({
    dataSource   : new kendo.data.DataSource({
        serverFiltering: true,
        transport      : {
            read: "autocomplet.php"
        },
        schema         : {
            data: "data"
        }
    }),
    minLength    : 1,
    dataTextField: "nombre",
    placeholder  : "Please Select A State"
});

接下来，键入的字符串不作为StartsWith参数发送，但更复杂的字符串，如filter: { logic: "and", filters: [ { field: "nombre", operator: "startswith", value: "typed" } ] }。如果您不想解析它，可以使用parameterMap，然后您的自动完成定义将类似于：

$("#autocomplete").kendoAutoComplete({
    dataSource   : new kendo.data.DataSource({
        serverFiltering: true,
        transport      : {
            read        : "autocomplet.php",
            parameterMap: function (op) {
                return { StartsWith: op.filter.filters[0].value };
            }
        },
        schema         : {
            data: "data"
        }
    }),
    minLength    : 1,
    dataTextField: "nombre",
    placeholder  : "Please Select A State"
});

Kendo AutoComplete不起作用

1 个答案: