or
$('#teamStatsPage #teamPlayersDiv').kendoDraggable({
filter: 'li span.k-header',
hint: function (item) {
//parse HTML to get player ID
var currentPlayerHTML = $.parseHTML(item.context.innerHTML);
return $(item).clone().css({ background: "#CCCCCC", height: "30px", width: "200px", opacity: "0.5", border: "1px solid #666666", "text-align": "center" }).html(item[0].innerText).attr("data-id",$(currentPlayerHTML)[1].attributes[0].value);
},
dragend: draggableOnDragEnd,
dragstart: draggableOnDragStart
});
<
span
class
=
"k-link k-header"
<img
class
=
"k-image"
alt
=
""
src
=
"http://srvprd.blob.core.windows.net/xxx/20110.jpg"
>
<
span
data-id
=
"1302"
>John</
span
>
<
span
class
=
"k-icon k-i-arrow-s k-panelbar-expand"
></
span
>
</
span
>
speakerData =
new
kendo.data.DataSource(
{
type:
"odata"
,
transport: {
read: {
// the remote service url
dataType:
"jsonp"
,
data: {
Accept:
"application/json"
}
}
},
serverfiltering:
true
,
serverPaging:
true
,
pageSize: 10,
batch:
false
});
$(
"#speakersView"
).kendoMobileListView(
{
template:
"<strong>${Title }</strong>"
,
dataSource: speakerData
});
localStorage.setItem(
'speakerData'
, JSON.stringify(speakerData.data()));
var
ospeakerData = localStorage.getItem(
'speakerData'
);
speakerData1 = JSON.parse(ospeakerData);
speakerData =
new
kendo.data.DataSource(
{
transport: {
read:
function
(options) {
var
data = speakerData1
options.success(data);
}
}
});