My problem, as the title says, is with the ViewHTML when saving or make update in the database, for example I have the following html:
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="jquery-1.7.1.js"></script>
<script src="source/kendo.all.js"></script>
<link href="styles/kendo.common.css" rel="stylesheet" />
<link href="styles/kendo.default.css" rel="stylesheet" />
</head>
<body>
<div id="example" class="k-content">
<div class="configuration k-widget k-header">
<span class="infoHead">Information</span>
<p>
Open the DropDownList to see the customized appearance of the items.
</p>
</div>
<input id="titles"/>
<script>
$(document).ready(function() {
$("#titles").kendoDropDownList({
dataTextField: "Name",
dataValueField: "Id",
// define custom template
template: '<img src="${ data.BoxArt.SmallUrl }" alt="${ data.Name }" />' +
'<dl>' +
'<dt>Title:</dt><dd>${ data.Name }</dd>' +
'<dt>Year:</dt><dd>${ data.ReleaseYear }</dd>' +
'</dl>',
dataSource: {
type: "odata",
serverFiltering: true,
filter: [{
field: "Name",
operator: "contains",
value: "Star Wars"
},{
field: "BoxArt.SmallUrl",
operator: "neq",
value: null
}],
transport: {
read: "http://odata.netflix.com/Catalog/Titles"
}
}
});
var dropdownlist = $("#titles").data("kendoDropDownList");
// set width of the drop-down list
dropdownlist.list.width(400);
});
</script>
<style scoped>
#titles-list .k-item {
overflow: hidden; /* clear floated images */
}
#titles-list img {
box-shadow: 0 0 4px rgba(255,255,255,.7);
float: left;
margin: 5px;
}
#titles-list dl {
margin-left: 85px;
}
#titles-list dt,
#titles-list dd {
margin: 0;
padding: 0;
}
#titles-list dt {
font-weight: bold;
padding-top: .5em;
}
#titles-list dd {
padding-bottom: .3em;
}
</style>
</div>
</body>
</html>
not save these tags
<! DOCTYPE html>
<html>
<head>
</ head>
<body>
</ body>
</ html>
is there any solution?
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="jquery-1.7.1.js"></script>
<script src="source/kendo.all.js"></script>
<link href="styles/kendo.common.css" rel="stylesheet" />
<link href="styles/kendo.default.css" rel="stylesheet" />
</head>
<body>
<div id="example" class="k-content">
<div class="configuration k-widget k-header">
<span class="infoHead">Information</span>
<p>
Open the DropDownList to see the customized appearance of the items.
</p>
</div>
<input id="titles"/>
<script>
$(document).ready(function() {
$("#titles").kendoDropDownList({
dataTextField: "Name",
dataValueField: "Id",
// define custom template
template: '<img src="${ data.BoxArt.SmallUrl }" alt="${ data.Name }" />' +
'<dl>' +
'<dt>Title:</dt><dd>${ data.Name }</dd>' +
'<dt>Year:</dt><dd>${ data.ReleaseYear }</dd>' +
'</dl>',
dataSource: {
type: "odata",
serverFiltering: true,
filter: [{
field: "Name",
operator: "contains",
value: "Star Wars"
},{
field: "BoxArt.SmallUrl",
operator: "neq",
value: null
}],
transport: {
read: "http://odata.netflix.com/Catalog/Titles"
}
}
});
var dropdownlist = $("#titles").data("kendoDropDownList");
// set width of the drop-down list
dropdownlist.list.width(400);
});
</script>
<style scoped>
#titles-list .k-item {
overflow: hidden; /* clear floated images */
}
#titles-list img {
box-shadow: 0 0 4px rgba(255,255,255,.7);
float: left;
margin: 5px;
}
#titles-list dl {
margin-left: 85px;
}
#titles-list dt,
#titles-list dd {
margin: 0;
padding: 0;
}
#titles-list dt {
font-weight: bold;
padding-top: .5em;
}
#titles-list dd {
padding-bottom: .3em;
}
</style>
</div>
</body>
</html>
not save these tags
<! DOCTYPE html>
<html>
<head>
</ head>
<body>
</ body>
</ html>
is there any solution?