Thread ID: |
Created: |
Updated: |
Platform: |
Replies: |
143741 | Apr 3,2019 01:42 PM UTC | Apr 15,2019 05:45 AM UTC | JavaScript - EJ 2 | 5 |
![]() |
Tags: AutoComplete |
<div>
<h4>Server Filtering</h4>
<input type="text" id="products">
</div> |
let atcObj1: AutoComplete = new AutoComplete({
// bind the DataManager instance to dataSource property
dataSource: new DataManager({
url: 'https://ej2services.syncfusion.com/production/web-services/api/Employees',
adaptor: new WebApiAdaptor,
crossDomain: true
}),
// bind the Query instance to query property
query: new Query().select(['FirstName', 'EmployeeID']).take(10).requiresCount(),
// map the appropriate columns to fields property
fields: { value: 'FirstName' },
// set the placeholder to AutoComplete input element
placeholder: 'e.g. Andrew Fuller',
// sort the resulted items
sortOrder: 'Ascending',
});
atcObj1.appendTo('#products'); |
<div class="control">
<div class="control-section">
<div class="col-lg-3 content-wrapper">
<label>AutoComplete</label>
<iput id="autocomplete" type="text" />
</div>
</div>
</div>
<script>
var atcObj1 = new ej.dropdowns.AutoComplete({
// bind the DataManager instance to dataSource property
dataSource: new ej.data.DataManager({ url: '/Home/UrlDatasource', adaptor: new ej.data.UrlAdaptor(), crossDomain: true }),
// set the placeholder to AutoComplete input element
placeholder: 'Select customer',
// set the filterType to searching operation
filterType: 'StartsWith',
});
atcObj1.appendTo('#autocomplete');
</script> |
public object UrlDatasource(Data dm)
{
var val = OrdersDetails.GetAllRecords();
var Data = val.ToList();
var count = val.Count();
if (dm.where != null)
{
Data = (from cust in Data
where cust.ToLower().StartsWith(dm.@where[0].value.ToString())
select cust).ToList();
}
if (dm.take != 0)
Data = Data.Take(dm.take).ToList();
return Json(Data);
} |
|
This post will be permanently deleted. Are you sure you want to continue?
Sorry, An error occured while processing your request. Please try again later.
This page will automatically be redirected to the sign-in page in 10 seconds.