Hello, i'm trying to change the "title" value for a popup kendoWindow and it works for the first iteration, but when i try to change the title based on user data values, the "title" doesn't change and from what i've read, the "title" isn't a dynamic value, so i've tried a bunch of different solutions i've found on forums, but no luck so far.
I also tried to add just a text html value bound to what i know is a populated field "employeeViewModel.ssn", but the binding doesn't seem to show the data, so thanks for any pointers ect!
<!DOCTYPE html>
<
html
>
<
head
>
<
title
>New Employee</
title
>
</
head
>
<
body
>
<
div
id
=
"employeeWin"
style
=
"margin:5px;padding:5px;"
>
<
table
class
=
"bip-table"
cellpadding
=
"0"
cellspacing
=
"0"
>
<
tr
>
<
td
width
=
"60%"
>
<
input
class
=
"k-textbox"
type
=
"text"
disabled
=
"disabled"
style
=
"width:100%"
data-bind
=
"value:
employeeViewModel.ssn"
/>
</
td
>
</
tr
>
...................
</html>
onEmployeeUpdateSSN: function (e) {
var ssn = e.data.employeeViewModel.ssn;
var dob = e.data.employeeViewModel.dateOfBirth;
var lastName = e.data.employeeViewModel.lastName;
var firstName = e.data.employeeViewModel.firstName;
var title = lastName +","+firstName+ " SSN: " + ssn + " DOB: " + dob;
$('#winAddNew').kendoWindow({
actions: {},
width: '400px',
height: '300px',
title: title,
animation: {
open: {
effects: "fade:in",
durration: 1000
},
close: {
effects: 'fade:out',
duration: 1000
}
},
content: Bip.Common.bipWebPath() + 'templates/EmployeeUpdateSSNWin.html',
modal: true,
iframe: true,
resizable: false,
scrollable: false,
close: function () {
var data = $('#employeeData').val();
if (data.length > 2) {
var jObj = JSON.parse(data);
if (jObj.isSaved === true) {
var eItem = that.get('employeeItemDs').get(jObj.ssn);
//if (eItem) {
// alert('Emloyee ' + jObj.firstName + ' ' + jObj.lastName + ' already
existed'); //wrkipjames
//}
//else {
//that.setNewEmployeeData(jObj);
that.setNewEmployeeSSN(jObj);
//}
}
}
$('#employeeData').val('');
}
});
$('#winAddNew').data('kendoWindow').open();
$('#winAddNew').data('kendoWindow').center();
//$('.k-window-title').text(title);
//$('employeeWin').text(title);
//$('employeeWin').prev().find(".k-window-title").text(title);
//$('employeeWin').prev().find(".k-window-title").setOptions({
// title: "Notes on " + title,
// width: "60%"
//});
//window.element.find(".k-window-title").text(title);
//e.container.kendoWindow("title", title);
//$(e.container).parent().find(".k-window-title").text(title); works for the initial title, but doesn't change
//var dataItem = $('#cFoo', this.element)[0].kendoBindingTarget.source;
//var tHis = this;
//dataItem.bind('set', function (pEvent) {
// if (pEvent.field == 'Foo')
// tHis.setOptions({ title: 'Editing ' + title });
//});
//$('#winAddNew').data.setOptions({ title: title });
},