or
var
DS =
new
kendo.data.DataSource({
type:
"odataCors"
,
transport: {
read: {
url:
"https://.../TestData"
,
crossDomain:
true
,
withCredentials:
true
,
beforeSend:
function
(req) {
req.setRequestHeader(
"Authorization"
,
"Basic"
+ auth);
}
}
}
});
<
div
data-role
=
"radialgauge"
data-pointer
=
"{ value: 20 }"
></
div
>
editable: { mode:
'popup'
, template:
'can I set this value from JS?'
},
<script type=
"text/x-kendo-template"
id=
"template"
>
<div id=
"details-container"
>
<h2>
#= EnterpriseImageFileName #</h2>
<h2>
#=EnterpriseImageID#</h2>
<img src=
'@Url.Action("RenderImage", "Member", new { enterpriseImageID = #=EnterpriseImageID# }, @Request.Url.Scheme)'
/>
</div>
</script>
<script type=
"text/javascript"
>
var
detailsTemplate = kendo.template($(
"#template"
).html());
function
showDetails(e) {
e.preventDefault();
var
dataItem =
this
.dataItem($(e.currentTarget).closest(
"tr"
));
var
wnd = $(
"#Details"
).data(
"kendoWindow"
);
wnd.content(detailsTemplate(dataItem));
wnd.center().open();
}
</script>
<script type=
"text/x-kendo-template"
id=
"template"
>
<div id=
"details-container"
>
<h2>#= EnterpriseImageFileName #</h2>
<h2>#=EnterpriseImageID#</h2>
<img src=
'../RenderImage/?enterpriseImageID=#=EnterpriseImageID#'
/>
</div>
</script>
public
ActionResult UpdatePerson([DataSourceRequest] DataSourceRequest dsRequest, PersonViewModel person)
{
if
(person !=
null
&& ModelState.IsValid)
{
var db =
new
PersonDBEntities();
//... Condition
// if (person.FName =="Jone")
//......
//........
var toUpdate = db.tblPerson.FirstOrDefault(p => p.PersonID == person.PersonID);
if
(toUpdate !=
null
)
{
toUpdate.FName = person.FName;
toUpdate.LName = person.LName;
db.SaveChanges();
}
}
return
Json(ModelState.ToDataSourceResult());
}
@{
ViewBag.Title = "Person";
}
@(Html.Kendo().Grid<
KendoMVCWrappers.Models.PersonViewModel
>().Name("persons")
.DataSource(dataSource => dataSource
.Ajax()
.Model(model=>model.Id(m=>m.PersonID))
.Read(read => read.Action("GetPersons", "Person"))
.Create(up => up.Action("CreatePerson", "Person"))
.Update(up => up.Action("UpdatePerson", "Person"))
.Destroy(del => del.Action("DeletePerson", "Person"))
)
.ToolBar(cmd => cmd.Create().Text("Add"))
.Columns(columns =>
{
columns.Bound(c => c.FName).Width(100);
columns.Bound(c => c.LName).Width(200);
columns.Command(cmd =>
{
cmd.Edit().UpdateText("Save").CancelText("Cancel").Text("Detail");
cmd.Destroy().Text("Del");
});
})
.Pageable()
.Selectable(sel => sel.Mode(GridSelectionMode.Single))
.Filterable()
.Sortable()
.Editable(ed=>ed.Mode(GridEditMode.PopUp).TemplateName("PersonDetail").Window(w => w.Title("Detail")))
)
@model KendoMVCWrappers.Models.PersonViewModel
<
div
class
=
"k-content"
>
<
div
id
=
"detail"
>
<
ul
>
<
li
>
<
label
for
=
"fname"
class
=
"required"
>First Name</
label
>
<
input
type
=
"text"
id
=
"fname"
name
=
"fname"
class
=
"k-textbox"
data-bind
=
"value: FName"
/>
</
li
>
<
li
>
<
label
for
=
"lname"
>Last Name</
label
>
<
input
id
=
"lname"
name
=
"lname"
type
=
"number"
class
=
"k-textbox"
data-bind
=
"value: LName"
/>
</
li
>
<
li
style
=
"height:250px"
>
</
li
>
</
ul
>
</
div
>
</
div
>