php – Kendo自动完成搜索多列

发布时间:2022-04-30 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了php – Kendo自动完成搜索多列脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
我在我的KendoGrid中使用过kendo Auto complete,
它现在工作正常,但它只搜索或从一列中获取数据,

我想让它搜索多个列.

这是我在KendoGrid中的自动完成代码.

@H_403_16@$(function(){ $("#EmployeeGrid").kendoGrid({ dataSource:{ serverPaging: true,serverFiltering: true,pageSize: 5,transport: { read: "<?PHP echo base_url() ?>index.PHP/hr_management/manage_hr/list_view" },schema:{ data: "data",total: "total" } },toolbar: kendo.template($("#toolbarTemplate").html()),pageable: { input:true,numeric:false },columns: [ { field: "EmployeeiD",hidden:true },{ field: "FileNo",tITle: "File Number" },{ template:"#= FirstName # #= LastName #",title: "Full Name" },{ field:"City",title:"City" },{ field:"AddressLine1",title:"Address 1" },{ field:"WorkPhone",title:"WorkPhone" },{ field:"mobileNo",title:"Mobile No" },{command: { text: "View",click: showDetails },title: " ",width: "140px"},{command: { text: "Edit",click: EditUserDetails },width: "140px"} ] }); }); VAR autoCompleteUsers = $("#employees").kendoAutoComplete({ minLength: 3,dataTextField: "FileNo",dataSource: { serverFiltering: true,transport: { read: { tyPE: "GET",dataType: "json",contentType:'application/json; charset=utf-8',url: "<?PHP echo base_url() ?>index.PHP/hr_management/manage_hr/seArch_employee/",data: function (arg){ return {FileNo : autoCompleteUsers.data("kendoAutoComplete").value()}; } } } },change: onChangeAutoComplete }); function onChangeAutoComplete(){ var value = this.value(); var grid = $('#EmployeeGrid'); if (value) { grid.data("kendoGrid").dataSource.filter({ field: "FileNo",operator: "Contains",value: value }); } else { grid.data("kendoGrid").dataSource.filter({}); } } function showDetails(e) { e.preventDefault(); $('.action_button').htML(''); var row = $(e.target).closest("tr"); var item = $("#EmployeeGrid").data("kendoGrid").dataItem(row); $.ajax({ type: "POST",url: "<?PHP echo base_url().'index.PHP/hr_management/manage_hr/view_employee_PRofile/'?>"+JSON.parse(item.EmployeeID),success: function(output_string){ var data = output_string.split("MyMark_Employee"); $('.second_column_content_container').html(data[0]); $('.action_button').html(data[1]); $("#createEmployee").hide(); },error: function(data){ alert("error"); } }); } function EditUserDetails(e) { e.preventDefault(); $('.action_button').html(''); var row = $(e.target).closest("tr"); var item = $("#EmployeeGrid").data("kendoGrid").dataItem(row); $.ajax({ type: "POST",url: "<?PHP echo base_url().'index.PHP/hr_management/manage_hr/edit_employee_details/'?>"+JSON.parse(item.EmployeeID),success: function(output_string){ var data = output_string.split("MyMark_Employee"); $('.second_column_content_container').html(data[0]); if(data[1]!= " ") { $('.action_button').html(data[1]); } },error: function(data){ alert("error"); } }); }

该怎么办?
我需要定义多个dataTextField:?
需要建议.

解决方法

好问题.我想知道同样的事情.

在查看Kendo代码(kendo.web.min.js)之后,看起来不可能为属性dataTextField定义多个字段.看起来只允许一个字段.

解决方法是在模型中添加一个字段,该字段包含(以字符串形式)要搜索的所有字段.然后将dataTextField设置为该字段.它不是一个理想解决方案,但它确实有效.

脚本宝典总结

以上是脚本宝典为你收集整理的php – Kendo自动完成搜索多列全部内容,希望文章能够帮你解决php – Kendo自动完成搜索多列所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。