or
<
div
id
=
"kendo-bound-resourcelist"
data-bind
=
"visible: isVisible"
>
<
div
data-role
=
"grid"
data-sortable
=
"true"
data-bind
=
"source: items"
data-columns
=
'["Title", "PMID", "TypeOfMaterial",""]'
data-row-template
=
"row-template"
></
div
>
</
div
>
<
script
id
=
"row-template"
type
=
"text/x-kendo-template"
>
<
tr
class
=
"k-grid-edit-row"
>
<
td
>
<
span
data-bind
=
"text: Title"
></
span
>
</
td
>
<
td
>
<
span
data-bind
=
"text: PMID"
></
span
>
</
td
>
<
td
>
<
span
data-bind
=
"text: TypeOfMaterial[0]"
></
span
>
</
td
>
<
td
>
<
input
type
=
"button"
data-bind
=
"click: deleteItem"
value
=
"Delete"
/>
</
td
>
</
tr
>
</
script
>
this
._viewModel = kendo.observable({
items: [],
isVisible:
function
() {
return
this
.get(
"items"
).length > 0 ?
true
:
false
;
},
deleteItem:
function
(resource) {
this
.get(
"items"
).pop(resource);
}
});
var
deletedId = resource.data.Id;
var
items =
this
.get(
"items"
);
for
(
var
i = 0; i < items.length; i++) {
if
(items[i].Id === deletedId) {
this
.get(
"items"
).pop(items[i]);
}
}