or
<
tblProduct
>
<
Product
>
<
name
>This is a product</
name
>
<
code
>PRO001</
code
>
<
description
>A really great product.</
description
>
</
Product
>
<
Product
>
<
name
>This is a product</
name
>
<
description
>Another really great product.</
description
>
</
Product
>
</
tblProduct
>
//SEARCH BOX
$(
"#search-box"
).kendoAutoComplete({
minLength: 3,
dataTextField:
"Name"
,
//JSON property name to use
dataSoruce:
new
kendo.data.DataSource({
type:
"odata"
,
//Specifies data protocol
pageSize: 10,
//Limits result set
transport: {
}
})
});
$(
"#search-box"
).kendoAutoComplete({
minLength: 3,
filter:
"contains"
,
dataTextField:
"Title"
,
dataValueField:
"Title"
,
dataSource:
new
kendo.data.DataSource({
type:
"jsonp"
,
severFiltering:
false
,
serverPaging:
false
,
pageSize: 5,
template:
'<dl>'
+
'<dt>Title:</dt><dd>${Title}</dd>'
+
'<dt>Date:</dt><dd>${Date}</dd>'
+
'<dt>By:</dt><dd>${Speaker}</dd>'
+
'</dl>'
,
transport: {
read: {
cache:
true
,
// to prevent jQuery from adding cache buster
dataType:
"jsonp"
,
url: alfresco.BaseURL +
"/alfresco/service/medportal/autocomplete"
,
data: {
alf_ticket: alfresco.Ticket,
format:
"json"
}
}
}
}),
change:
function
() {
callbackToAlfresco();
}
});
severFiltering: true,
serverPaging: true,
$(
"#search-box"
).kendoAutoComplete({
minLength: 3,
filter:
"contains"
,
dataTextField:
"Name"
,
dataValueField:
"Id"
,
dataSource: {
type:
"jsonp"
,
severFiltering:
false
,
serverPaging:
false
,
pageSize: 5,
transport: {
url: alfresco.BaseURL +
"/alfresco/service/medportal/media"
,
data: {
alf_ticket: alfresco.Ticket,
format:
"json"
}
}
},
change:
function
() {
}
});