Hi,
Would you please help me to find what reason cause my code only works at the first time after refresh browser?
Thank you very much!
J
The following is my code:-----------------------------------------------
<div >
<input id="txtName" data-role="autocomplete" data-filter="startswith" data-min-length="1" data-placeholder="Select a Name" data-text-field="FullName"
data-bind="value:inputsearchName, source: searchedName, enabled: isEnabled, events: { select: selectPerson, change: onChange}" />
Name :<span data-bind="text: selectedPerson.LogonName"></span>
</div>
<script>
var viewModel = kendo.observable({
searchedName: new kendo.data.DataSource({
transport: {
read: {
cache: false,
url: "@Url.Action("GetNames")",
dataType: "json",
contentType: "application/json; charset=utf-8",
type: "Get",
}
, parameterMap: function (options, operation) {
if (operation === "read") {
return {
startsWith: $("#txtName").data("kendoAutoComplete").value()
};
}
}
},
}),
selectedPerson: {},
suggest: true,
selectPerson: function (e) {
var item = e.sender.dataItem(e.item.index());
viewModel.set("selectedPerson", item);
}
});
kendo.bind($(document.body), viewModel);
</script>
C#-MVC Controller Code:----------------
public JsonResult GetNames(string startsWith)
{
List<AutoCompletionGroup> employeeList;
employeeList = Employee.GetEmployeesByCriteria(startsWith);
return Json(employeeList, JsonRequestBehavior.AllowGet);
}
Would you please help me to find what reason cause my code only works at the first time after refresh browser?
Thank you very much!
J
The following is my code:-----------------------------------------------
<div >
<input id="txtName" data-role="autocomplete" data-filter="startswith" data-min-length="1" data-placeholder="Select a Name" data-text-field="FullName"
data-bind="value:inputsearchName, source: searchedName, enabled: isEnabled, events: { select: selectPerson, change: onChange}" />
Name :<span data-bind="text: selectedPerson.LogonName"></span>
</div>
<script>
var viewModel = kendo.observable({
searchedName: new kendo.data.DataSource({
transport: {
read: {
cache: false,
url: "@Url.Action("GetNames")",
dataType: "json",
contentType: "application/json; charset=utf-8",
type: "Get",
}
, parameterMap: function (options, operation) {
if (operation === "read") {
return {
startsWith: $("#txtName").data("kendoAutoComplete").value()
};
}
}
},
}),
selectedPerson: {},
suggest: true,
selectPerson: function (e) {
var item = e.sender.dataItem(e.item.index());
viewModel.set("selectedPerson", item);
}
});
kendo.bind($(document.body), viewModel);
</script>
C#-MVC Controller Code:----------------
public JsonResult GetNames(string startsWith)
{
List<AutoCompletionGroup> employeeList;
employeeList = Employee.GetEmployeesByCriteria(startsWith);
return Json(employeeList, JsonRequestBehavior.AllowGet);
}