or
$(
"#products"
).kendoAutoComplete({
minLength: 3,
dataTextField:
"title"
,
template:
'<img src="${ data.image }" alt="${ data.title }" />'
+
'<dl>'
+
'<dt>Title:</dt><dd>${ data.title }</dd>'
+
'<dt>Price:</dt><dd>${ data.price }</dd>'
+
'</dl>'
,
dataSource: {
type:
"json"
,
pageSize: 20,
transport: {
read:
"/getProducts.php"
}
}
});
// set width of the drop-down list
$(
"#products"
).data(
"kendoAutoComplete"
).list.width(400);
[{
"id"
:
"6"
,
"code"
:
"bbyb05"
,
"title"
:
"05 : name1"
,
"price"
:
"5.00"
,
"image"
:
"uploads\/items\/6\/bbyb2011_-4_05.jpg"
},{
"id"
:
"4"
,
"code"
:
"bbyb058"
,
"title"
:
"58 : name 2"
,
"price"
:
"5.00"
,
"image"
:
"uploads\/items\/4\/nr58_big.jpg"
}]
{
"data"
:[{
"id"
:
"6"
,
"code"
:
"bbyb05"
,
"title"
:
"05 : name1"
,
"price"
:
"5.00"
,
"image"
:
"uploads\/items\/6\/bbyb2011_-4_05.jpg"
},{
"id"
:
"4"
,
"code"
:
"bbyb058"
,
"title"
:
"58 : name 2"
,
"price"
:
"5.00"
,
"image"
:
"uploads\/items\/4\/nr58_big.jpg"
}]}
toolbar: [{ name: "Transfer", text: "Move it to your friends" }],
But it showing as link on top and i want to shift this button to right corner. How will i achieve that?
Please provide me if there is any other way.
Regards,
Ashok Naidu