У меня есть 2 поля автозаполнения на веб-странице, и я заметил некоторые проблемы, я думаю, что это проблемы конфигурации
если я ввожу критерии поиска, автозаполнение выдаст вам выпадающий список, но если я уберу весь текст автозаполненияне похоже на полевой модуль, я обновляю страницу.Похоже, что он выполняет некоторую работу в фоновом режиме, поскольку я могу видеть круг поиска в конце поля автозаполнения
Также, если я выбираю элемент из выпадающего списка и перехожу к другому полю автозаполнения, похоже, что он выполняет некоторую работу в фоновом режиме.Если я вернусь к предыдущему полю автозаполнения, поиск больше не будет работать
Если я выберу элемент в первом поле автозаполнения и перейду ко второмуполе автозаполнения, выберите элемент для второго автозаполнения, затем элемент, выбранный в первом поле автозаполнения, кажется, исчезает (это большая проблема)
Вот код
$scope.select1Options = {
placeholder: "Search Par...",
noDataTemplate: 'No Partner's found',
dataTextField: "Name",
dataValueField: "Id",
valuePrimitive: false,
autoBind: false,
//filter: "contains",
//animation: {
// close: {
// effects: "fadeOut zoom:out",
// duration: 300
// },
// open: {
// effects: "fadeIn zoom:in",
// duration: 300
// }
//},
minLength: 3,
dataSource: {
//type: "odata",
serverFiltering: true,
serverPaging: true,
pageSize: 10,
filtering: function (e) {
var filter = e.filter;
if (!filter.value) {
//prevent filtering if the filter does not value
e.preventDefault();
}
},
transport: {
read: {
url: "/Partner/Configuration/GetPartners",
type: 'GET',
dataType: 'json'
},
parameterMap: function (options, type) {
if (type === "read") {
var paramMap = kendo.data.transports.odata.parameterMap(options);
delete paramMap.$inlinecount; // <-- remove inlinecount parameter.
delete paramMap.$format; // <-- remove format parameter.
return { searchCriteria: options.filter.filters[0].value };
}
},
schema: {
data: function (data) {
return data; // <-- The result is just the data, it doesn't need to be unpacked.
},
total: function (data) {
return data.length; // <-- The total items count is the data length, there is no .Count to unpack.
}
}
}
},
select: function(e) {
$('select[name="multi_select1[]"]').change(function() {
$scope.partner = $(this).val();
});
}
};
$scope.select2Options = {
placeholder: "Search Emp...",
noDataTemplate: 'No Employers's found',
dataTextField: "Name",
dataValueField: "EmpId",
valuePrimitive: false,
autoBind: false,
//filter: "contains",
//animation: {
// close: {
// effects: "fadeOut zoom:out",
// duration: 300
// },
// open: {
// effects: "fadeIn zoom:in",
// duration: 300
// }
//},
minLength: 3,
dataSource: {
//type: "odata",
serverFiltering: true,
serverPaging: true,
pageSize: 10,
filtering: function (e) {
var filter = e.filter;
if (!filter.value) {
//prevent filtering if the filter does not value
e.preventDefault();
}
},
transport: {
read: {
url: "/Partner/Configuration/GetEmployers",
type: 'GET',
dataType: 'json'
},
parameterMap: function (options, type) {
if (type === "read") {
var paramMap = kendo.data.transports.odata.parameterMap(options);
delete paramMap.$inlinecount; // <-- remove inlinecount parameter.
delete paramMap.$format; // <-- remove format parameter.
return { searchText: options.filter.filters[0].value };
}
},
schema: {
data: function (data) {
return data; // <-- The result is just the data, it doesn't need to be unpacked.
},
total: function (data) {
return data.length; // <-- The total items count is the data length, there is no .Count to unpack.
}
}
}
},
select: function (e) {
$('select[name="multi_select2[]"]').change(function () {
$scope.employer = $(this).val();
});
}
};