Thanks for your help Daniel.
Right now, I've got it worked out to:
@Html.LabelFor(model => model.TaggedPersons)
@(Html.Kendo().MultiSelectFor(model => model.PeopleToTag)
.Name(
"PeopleToTag"
)
.Placeholder(
"These people are Tagged"
)
.DataTextField(
"FullName"
)
.DataValueField(
"PersonId"
)
.BindTo(Model.CommitteeMembers)
.Value(Model.TaggedPersons)
)
So that's working out ok, I probably would have figured this out a LONG time ago, but I do have some sort of jquery problem.
Kendo is outputting:
jQuery(function () { jQuery(
"#PeopleToTag"
).kendoMultiSelect({
"dataSource"
: [{
"FullName"
:
"Andrew M"
,
"PersonId"
: 4396,
"GemsID"
:
"215"
}, {
"FullName"
:
"Jason U"
,
"PersonId"
: 3309,
"GemsID"
:
"0"
}, {
"FullName"
:
"Ken H"
,
"PersonId"
: 922,
"GemsID"
:
"5"
}, {
"FullName"
:
"Patrick Cochran"
,
"PersonId"
: 3609,
"GemsID"
:
"12"
}],
"dataTextField"
:
"FullName"
,
"dataValueField"
:
"PersonId"
,
"placeholder"
:
"These people are Tagged"
,
"value"
: [{
"FullName"
:
"Pat C"
,
"PersonId"
: 3609,
"GemsID"
:
"128"
}] }); });
Which works fine if I copy that out of Chrome Dev Tools and put it in my javascript file that is included at the end of the page.
It doesn't work if I don't do that. It just sits there uninvoked between the script tags.
I'm so close! What am I missing?