or
var data = [
"M10A",
"M11A",
"M12A",
"M15A",
"M15B",
"M15C",
"M15D",
"M16A"
];
//create AutoComplete UI component
$("#<%= txtMailCodes.ClientID %>").kendoAutoComplete({
dataSource: data,
filter: "startswith",
placeholder: "Mailing Codes...",
separator: ", "
});
var
container = that._editContainer = $(html)
.appendTo(that.wrapper)
.kendoWindow(extend({
modal:
true
,
resizable:
false
,
draggable:
true
,
title:
"Edit"
,
visible:
false
}, options));
for
(idx = 0, length = that.columns.length; idx < length; idx++)
<
script
id
=
"popinEditResource"
type
=
"text"
>
<
div
class
=
"k-edit-label"
><
label
for
=
"Language"
>Langue</
label
></
div
>
<
div
class
=
"k-edit-field"
>#= Language #</
div
>
<
div
class
=
"k-edit-label"
><
label
for
=
"Name"
>Nom</
label
></
div
>
<
div
class
=
"k-edit-field"
>#= Name #</
div
>
<
div
class
=
"k-edit-label"
><
label
for
=
"Module"
>Module</
label
></
div
>
<
div
data-container-for
=
"Module"
class
=
"k-edit-field"
><
input
data-bind
=
"value:Module"
name
=
"Module"
class
=
"k-input k-textbox"
type
=
"text"
></
div
>
<
div
class
=
"k-edit-label"
><
label
for
=
"Value"
>Valeur</
label
></
div
>
<
div
data-container-for
=
"Value"
class
=
"k-edit-field"
><
input
data-bind
=
"value:Value"
name
=
"Value"
class
=
"k-input k-textbox"
type
=
"text"
></
div
>
<
div
class
=
"k-edit-label"
><
label
for
=
"Description"
>Description</
label
></
div
>
<
div
data-container-for
=
"Description"
class
=
"k-edit-field"
><
input
data-bind
=
"value:Description"
name
=
"Description"
class
=
"k-input k-textbox"
type
=
"text"
></
div
>
<
div
class
=
"k-edit-label"
><
label
for
=
"IsValidated"
>Validé</
label
></
div
>
<
div
data-container-for
=
"IsValidated"
class
=
"k-edit-field"
><
input
data-bind
=
"checked:IsValidated"
data-type
=
"boolean"
name
=
"IsValidated"
type
=
"checkbox"
></
div
>
</
script
>
editable: {
mode :
"popup"
,
template: $(
"#popinEditResource"
).html()
},
$("#grid").kendoGrid({
columns: [
{field: "Id", title: "â„–"},
{field: "Text", title: "Text"}
],
dataSource: {
data: [
{"Id":"4","Text":"hi"},
{"Id":"7","Text":"word"}
],
schema: {
model: {
id: "Id",
fields: {
Id: {editable: false, validation: {required: true}},
Text: {nullable: true}
}
}
}
},
scrollable: false,
sortable: true,
filterable: true,
editable: true,
save: function(e) {
console.log(e);
}
}).data("kendoGrid");
<
ul
id
=
"ouTreeview"
>
<
li
data-expanded
=
"true"
data-ouid
=
"0"
data-isexternal
=
"false"
data-parentid
=
"0"
>
<
label
>Root Element</
label
>
</
li
>
</
ul
>
<script language=
"javascript"
type=
"text/javascript"
>
var
ouTreeview;
var
selectedOUId;
var
selectedOUName;
var
ouTreeviewNode;
var
selectedParentId;
var
selectedOUIsExternal;
function
setSelectedTitleById(id) {
selectedOUName = $(
".ouLeftCol:first"
).find(
"#ouTreeview:first"
).find(
"li[data-ouid='"
+ id +
"']:first"
).find(
"label:first"
).text();
}
$(document).ready(
function
() {
function
onSelect(e) {
ouTreeviewNode = e.node;
selectedParentId = $(e.node).data(
"parentid"
);
selectedOUIsExternal = ($(e.node).data(
"isexternal"
).toString().toLowerCase() ===
'true'
);
selectedOUId = $(e.node).data(
"ouid"
);
setSelectedTitleById(selectedOUId);
$.ajax({
url:
"@Url.Action("
LoadOUForm
", "
DashBoard
")"
,
type:
"POST"
,
cache:
false
,
success:
function
(response) {
$(
".ouRightCol"
).html(response);
if
(selectedOUId !=
"ROOT"
) {
$(
"table.ouForm"
).find(
"input[id='ouTitle']"
).val(selectedOUName);
if
(selectedOUIsExternal)
{
$(
"table.ouForm"
).find(
"input[id='ouIsExternal']"
).attr(
"checked"
,
"checked"
);
}
else
{
$(
"table.ouForm"
).find(
"input[id='ouIsExternal']"
).removeAttr(
"checked"
);
}
}
}
});
}
ouTreeview = $(
"#ouTreeview"
).kendoTreeView({ select: onSelect });
});
.k-grid td
{
padding
:
0
;
}