Bindings not working properly.

瀏覽次數：58 次

跳到第一則未讀訊息

Harish Tallapragada

未讀,

2016年6月27日上午10:57:432016/6/27

收件者：KnockoutJS

html -

<!--<div data-bind="visible:$root.isEdit()" style="margin-left: 125px">

</div>-->

<h3 class="clientTitle">Client Reporting</h3>

</span>

</a>

</h4>

</div>

<label>Client</label>

<div>

</div>

<label>Correspondent ID</label>

<div>

<select class="form-control"

data-bind="options:$root.PortFolioSum2().corresoindentIdList, optionsText:'elementName', optionsValue:'elementCode', value:$root.PortFolioSum2().corresoindentId,optionsCaption:'Please Select'"></select>

</div>

<label>Investor ID</label>

<div>

<select class="form-control"

data-bind="options:$root.PortFolioSum2().investorIdList, optionsText:'elementName', optionsValue:'elementCode', value:$root.PortFolioSum2().investorId,optionsCaption:'Please Select'"></select>

</div>

<div>

</div>

<label>Lien Position</label>

<div>

<select class="form-control"

data-bind="options:$root.PortFolioSum2().lienPositionList, optionsText:'elementName', optionsValue:'elementCode', value:$root.PortFolioSum2().lienPosition,optionsCaption:'Please Select'"></select>

</div>

<label>State</label>

<div>

<select class="form-control"

data-bind="options:$root.PortFolioSum2().stateList, optionsText:'elementName', optionsValue:'elementCode', value:$root.PortFolioSum2().state,optionsCaption:'Please Select'"></select>

</div>

<label>Monthly Summary by Loan</label>

<div>

<select class="form-control"

data-bind="options:$root.PortFolioSum2().monthlySummaryByLoanList, optionsText:'elementName', optionsValue:'elementCode', value:$root.PortFolioSum2().monthlySummaryByLoan,optionsCaption:'Please Select'"></select>

</div>

<hr />

<label>Summary by Loan Type</label>

<div>

<select class="form-control"

data-bind="options:$root.PortFolioSum2().summaryByLoanTypeList, optionsText:'elementName', optionsValue:'elementCode', value:$root.PortFolioSum2().summaryByLoanType,optionsCaption:'Please Select'"></select>

</div>

<label>Summary by Investor Type</label>

<div>

<select class="form-control"

data-bind="options:$root.PortFolioSum2().summaryByInvestorTypeList, optionsText:'elementName', optionsValue:'elementCode', value:$root.PortFolioSum2().summaryByInvestorType,optionsCaption:'Please Select'"></select>

</div>

<label>Summary by Loan Status</label>

<div>

<select class="form-control"

data-bind="options:$root.PortFolioSum2().summaryByLoanStatusList, optionsText:'elementName', optionsValue:'elementCode', value:$root.PortFolioSum2().summaryByLoanStatus,optionsCaption:'Please Select'"></select>

</div>

<label>Summary by Financing Type</label>

<div>

<select class="form-control"

data-bind="options:$root.PortFolioSum2().summaryByFinancingTypeList, optionsText:'elementName', optionsValue:'elementCode', value:$root.PortFolioSum2().summaryByFinancingType,optionsCaption:'Please Select'"></select>

</div>

<label>Escrow</label>

<div>

<select class="form-control"

data-bind="options:$root.PortFolioSum2().escrowList, optionsText:'elementName', optionsValue:'elementCode', value:$root.PortFolioSum2().escrow,optionsCaption:'Please Select'"></select>

</div>

<label>Loans Transferred In/Out</label>

<div>

<select class="form-control"

data-bind="options:$root.PortFolioSum2().loanTransferedInOutList, optionsText:'elementName', optionsValue:'elementCode', value:$root.PortFolioSum2().loanTransferedInOut,optionsCaption:'Please Select'"></select>

</div>

<label>Loss Mitigation Stats</label>

<div>

<select class="form-control"

data-bind="options:$root.PortFolioSum2().lossMitigationStatsList, optionsText:'elementName', optionsValue:'elementCode', value:$root.PortFolioSum2().lossMitigationStats,optionsCaption:'Please Select'"></select>

</div>

<label>Active Bankruptcy</label>

<div>

<select class="form-control"

data-bind="options:$root.PortFolioSum2().activeBankruptcyList, optionsText:'elementName', optionsValue:'elementCode', value:$root.PortFolioSum2().activeBankruptcy,optionsCaption:'Please Select'"></select>

</div>

<label>Active Foreclosure</label>

<div>

<select class="form-control"

data-bind="options:$root.PortFolioSum2().activeForeclosureList, optionsText:'elementName', optionsValue:'elementCode', value:$root.PortFolioSum2().activeForeclosure,optionsCaption:'Please Select'"></select>

</div>

<label>Active REO</label>

<div>

<select class="form-control"

data-bind="options:$root.PortFolioSum2().activeReoList, optionsText:'elementName', optionsValue:'elementCode', value:$root.PortFolioSum2().activeReo,optionsCaption:'Please Select'"></select>

</div>

<hr />

<div>

<button type="button" class="btn btn-primary greenBtn" data-bind="click:$root.getPortfolioSummary.bind($root)">Submit</button>

<button class="btn greenBtn">Reset All</button>

<button class="btn grayBtn" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">More Options</button>

</div>

<li role="presentation" class="active"><a href="#loanPortfolio" aria-controls="loanPortfolio" role="tab" data-toggle="tab">Loan Portfolio</a></li>

<li role="presentation"><a href="#loanSummary" aria-controls="loanSummary" role="tab" data-toggle="tab">Loan Summary</a></li>

</ul>

Summary by Loan Type

</div>

<ul>

<li>

<span class="portfolioLabel">Commercial</span>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Conventional Res with PMI</span>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Conventional Res without PMI</span>

</div>

</div>

</li>

<li>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">FHA Residential</span>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Unassigned</span>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">VA Residential</span>

</div>

</div>

</li>

</ul>

</div>

<span class="portfolioLabel"><strong>Total Loans</strong></span>

</div>

</div>

Summary By Financing Type

</div>

<ul>

<li>

<span class="portfolioLabel">Fixed Rate</span>

</div>

</div>

</li>

<li>

</div>

</div>

</li>

<li>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">GPM/Buydown</span>

</div>

</div>

</li>

<li>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Buydown</span>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Buydown/ARM</span>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Biweekly</span>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Biweekly/ARM</span>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Buydown/ARM</span>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Prime Rate</span>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Prime/DSI</span>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Construction Loan</span>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">dailySimpleInterest</span>

</div>

</div>

</li>

<li>

</div>

</div>

</li>

<li>

</div>

</div>

</li>

<li>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Other</span>

</div>

</div>

</li>

</ul>

</div>

<span class="portfolioLabel"><strong>Total Loans</strong></span>

</div>

</div>

Loans Transferred In/Out

</div>

<ul>

<li>

<span class="portfolioLabel">Transferred In</span>

</div>

</div>

</li>

<li>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Service Released</span>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Non-Cash Removals</span>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Foreclosure Removals</span>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Net Change</span>

</div>

</div>

</li>

</ul>

</div>

<!--<div class="portfolioFooter">

<span class="portfolioLabel"><strong>Total Loans</strong></span>

</div>

</div>

</div>-->

</div>

Summary By Investor Type

</div>

<ul>

<li>

</div>

</div>

</li>

<li>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">FNMA Pools</span>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Private Investors A/A</span>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Private Pools</span>

</div>

</div>

</li>

<li>

</div>

</div>

</li>

<li>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Asset Investors</span>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">FHLMC</span>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Other</span>

</div>

</div>

</li>

</ul>

</div>

<span class="portfolioLabel"><strong>Total Loans</strong></span>

</div>

</div>

Escrow

</div>

<ul>

<li>

<span class="portfolioLabel">Taxes</span>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Hazard – Regular</span>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Hazard – Flood</span>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Hazard – Other</span>

</div>

</div>

</li>

<li>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Optional Insurance</span>

</div>

</div>

</li>

</ul>

</div>

Loss Mitigation Stats

</div>

<ul>

<li>

</div>

<span class="portfolioLabel">Active/In Progress</span>

</div>

<span class="portfolioLabel">Removed</span>

</div>

<span class="portfolioLabel">Completed</span>

</div>

</li>

<li>

<span class="portfolioLabel">General Loss Mit Set Up</span>

</div>

</div>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Forbearance</span>

</div>

</div>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Repayment Plan</span>

</div>

</div>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Short Sale</span>

</div>

</div>

</div>

</div>

</li>

<li>

</div>

</div>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">HAMP Modification</span>

</div>

</div>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Modification</span>

</div>

</div>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Partial Claim</span>

</div>

</div>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Other</span>

</div>

</div>

</div>

</div>

</li>

</ul>

</div>

<span class="portfolioLabel"><strong>Total Loans</strong></span>

</div>

</div>

</div>

</div>

Summary by Loan Status

</div>

<ul>

<li>

<span class="portfolioLabel">Prepaid</span>

</div>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Current Month Due</span>

</div>

</div>

</div>

</li>

<li>

</div>

</div>

</div>

</li>

<li>

</div>

</div>

</div>

</li>

<li>

</div>

</div>

</div>

</li>

<li>

</div>

</div>

</div>

</li>

</ul>

</div>

<span class="portfolioLabel"><strong>Total Loans</strong></span>

</div>

</div>

</div>

Active Bankruptcy

</div>

<ul>

<li>

<span class="portfolioLabel">Bankruptcy – Chapter 7</span>

</div>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Bankruptcy – Chapter 11</span>

</div>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Bankruptcy – Chapter 12</span>

</div>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Bankruptcy – Chapter 13</span>

</div>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Bankruptcy – Other</span>

</div>

</div>

</div>

</li>

</ul>

</div>

<span class="portfolioLabel"><strong>Sub-total of Bankruptcy</strong></span>

</div>

</div>

</div>

Active Foreclosure

</div>

<ul>

<li>

<span class="portfolioLabel">Pre-Sale Foreclosure</span>

</div>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Post-Sale Foreclosure</span>

</div>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Suspended Bankruptcy</span>

</div>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Suspended Loss Mitigation</span>

</div>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">Suspended Other</span>

</div>

</div>

</div>

</li>

</ul>

</div>

<span class="portfolioLabel"><strong>Sub-total of Bankruptcy</strong></span>

</div>

</div>

</div>

Active REO

</div>

<ul>

<li>

<span class="portfolioLabel">REO Monitor</span>

</div>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">REO Market</span>

</div>

</div>

</div>

</li>

<li>

<span class="portfolioLabel">REO Other</span>

</div>

</div>

</div>

</li>

</ul>

</div>

<span class="portfolioLabel"><strong>Sub-total of REO</strong></span>

</div>

</div>

</div>

<div class="panel-heading"><strong>Select Dimension</strong><span class="text-right icon fa fa-chevron-left" data-bind="click:$root.toggleFitlersDisplay"></span></div>

<label>

</label>

</div>

<div class="panel-heading"><strong>Dimension List</strong></div>

<label>

</label>

</div>

<li>Select Dimension</li>

<li>Dimension List</li>

</ul>

</div>

Summary by Loan Status

</div>

</div>

<li>

<span class="portfolioLabel" data-bind="text:name">Prepaid</span>

</div>

</span>

</div>

</li>

</ul>

</div>

<span class="portfolioLabel"><strong>Total</strong></span>

</div>

</div>

</div>

States Summary

<input type="radio" name="options" data-bind="checked: $root.showDetails, checkedValue: 'chart'" value="chart"> Chart

</label>

List

</label>

</div>

</div>

States

</div>

<li>

</label>

</span>

</div>

</li>

</ul>

</div>

<span class="portfolioLabel"><strong>Total</strong></span>

</div>

</div>

</script>

viewModel -

define(["jQuery", "ko", "handlebars", "kendo", "koKendo", "PortFolioSum2", "text!../app/Views/portFolioSum2View.tmpl.html", "PortfolioSummarySearch", "PortfolioSummaryDropDowns", "Option"],

function ($, ko, handlebars, kendo, koKendo, PortFolioSum2, portFolioSum2ViewTemplate, PortfolioSummarySearch, PortfolioSummaryDropDowns, Option)

{

function portFolioSum2ViewModel()

{

var self = this;

self.loaded = false;

self.title = "PortFolio Summary Page 2";

self.PortFolioSum2 = ko.observable(new PortFolioSum2());

self.portfolioSummaryDropDowns = ko.observable(new PortfolioSummaryDropDowns());

self.clientIds = ko.observableArray([]);

self.reportDate = ko.observable("");

self.correspondentIds = ko.observableArray([]);

self.investorIds = ko.observableArray([]);

self.lienPositions = ko.observableArray([]);

self.states = ko.observable([]);

self.loanTypes = ko.observableArray([]);

self.investorTypes = ko.observableArray([]);

self.loanStatuses = ko.observableArray([]);

self.financingTypes = ko.observableArray([]);

self.escrows = ko.observableArray([]);

self.loansTransferred = ko.observableArray([]);

self.lossMitigationStats = ko.observableArray([]);

self.activeBankruptcies = ko.observableArray([]);

self.activeForeclosures = ko.observableArray([]);

self.activeREOs = ko.observableArray([]);

self.portfolioSummarySearch = ko.observable(new PortfolioSummarySearch());

self.templateId = "#portFolioSum2ViewTemplate";

self.loanSource = ko.observable($.trim(g_app.user.currentUserLoan().loanSource()).toUpperCase());

self.lblMessage = ko.observable("");

self.lblEPError = ko.observable("");

self.dimensionNameSearch = ko.observable("");

self.diemnsionTypeSelected = ko.observable("All");

self.filterArray = [];

self.trackingData = {

category: "Borrower-app",

action: "portFolioSum2ViewModel",

label: ""

};

self.init = function ()

{

try

{

self = this;

$('.page-wrap, #Menu, .insidefooter').hide()

g_helper.koVlidationConfigure();

$("body").append(portFolioSum2ViewTemplate);

self.viewTemplate = handlebars.compile($(self.templateId).html());

self.loaded = true;

g_helper.addTrackingInfo(7, self.title, "", "Viewed PortFolio Summary Page 2", "VIEW");

} catch (e)

{

g_helper.dumpError(e);

}

self.show = function ()

{

try

{

if (!self.loaded)

{

self.init();

}

$(g_config.leftContentId).html(self.viewTemplate());

ko.applyBindings(self, $("#portFolioSum2ViewContent")[0]);

g_app.errorViewModel.hide();

//self.getData(self.PortFolioSum2().loanSummaryData());

self.getDropDownsData();

//self.getSelectedStates();

$('a[data-toggle="tab"]').on('click', function (e)

{

setTimeout(function ()

{

self.refreshStatesChart()

}, 200);

});

} catch (e)

{

g_helper.dumpError(e);

}

};

self.getDropDownsData = function ()

{

g_helper.callAjax(g_config.getPortfolioSummaryDropDowns, self.getDropDownsDataSuccess, null, "GET", "", null, self);

};

self.getDropDownsDataSuccess = function (data)

{

if (data)

if (data.portfolioSummaryDropDowns)

self.portfolioSummaryDropDowns().update(data.portfolioSummaryDropDowns);

//self.loadClients();

};

self.loadClients = function ()

{

$('#clientIds').kendoMultiSelect({

dataTextField: "optionName",

dataValueField: "optionCode",

dataSource: ko.toJS(self.portfolioSummaryDropDowns().clients()),

placeholder: 'All'

});

};

self.getPortfolioSummary = function ()

{

var a = 1;

//self.clientIds($('#clientIds').data('kendoMultiSelect').value());

};

self.getData = function (data)

{

var rawData = data;

var summaryData = [];

var name;

var dataValue = [];

var counter = 0;

var dimList = [];

var checkboxList = self.PortFolioSum2().dimensionTypeList();

//checkboxList.shift();

ko.utils.arrayForEach(rawData, function (item)

{

dimList = item.dimensionDetails;

name = item.dimensionName;

for (i = 0; i < dimList.length; i++)

{

if ((checkboxList[i + 1].type == dimList[i].dimensionType && checkboxList[i + 1].type == self.diemnsionTypeSelected()) || self.diemnsionTypeSelected() == 'All')

{

var months = dimList[i].months;

for (a = 0; a < months.length; a++)

{

if (dataValue.length < 7)

{

dataValue.push(months[a].value);

} else

{

if (counter >= 7)

{

counter = 0;

}

dataValue.splice(counter, 1, dataValue[counter] + months[a].value);

}

++counter

}

summaryData.push({ name: item.dimensionName, data: dataValue });

self.getTotals(item)

dataValue = [];

});

self.loanSummaryList(summaryData);

self.createChart();

}

self.getTotals = function (item)

{

var counter = 0;

var totals = self.PortFolioSum2().loanSummaryListTotal();

var currentItem = item.dimensionDetails;

var checkboxList = self.PortFolioSum2().dimensionTypeList();

for (i = 0; i < currentItem.length; i++)

{

if ((checkboxList[i + 1].type == currentItem[i].dimensionType && checkboxList[i + 1].type == self.diemnsionTypeSelected()) || self.diemnsionTypeSelected() == 'All')

{

for (a = 0; a < currentItem[i].months.length; a++)

{

if (totals[counter].monthName == currentItem[i].months[a].monthName)

{

totals[counter].total = parseInt(totals[counter].total) + currentItem[i].months[a].value

}

++counter

if (counter >= totals.length)

{

counter = 0;

}

self.PortFolioSum2().loanSummaryListTotal([])

self.PortFolioSum2().loanSummaryListTotal(totals)

}

self.resetTotals = function (Arr)

{

for (i = 0; i < Arr.length; i++)

{

Arr[i].total = 0;

}

self.filterDimensionType = function (data, e)

{

//self.dimensionNameSearch(data.type.toLowerCase());

//self.resetTotals(self.PortFolioSum2().loanSummaryListTotal());

//var filterArray = []

//if (self.dimensionNameSearch() != 'all' && self.dimensionNameSearch() != '')

//{

// filterArray = [ko.utils.arrayFirst(self.PortFolioSum2().loanSummaryData(), function (item)

// {

// return self.stringStartsWith(item.dimensionName.toLowerCase(), self.dimensionNameSearch());

// })];

//} else

//{

// filterArray = self.PortFolioSum2().loanSummaryData();

//}

if (filterArray.length)

{

self.getData(filterArray);

} else

{

self.getData(self.PortFolioSum2().loanSummaryData());

}

var chart = $("#chart").data("kendoChart");

chart.refresh();

return true

}

self.filterDimensionName = function (data, e)

{

self.resetTotals(self.PortFolioSum2().loanSummaryListTotal());

var dataArray = self.PortFolioSum2().loanSummaryData();

self.filterArray = []

var searchTerm = data.name.toLowerCase();

var isChecked = data.isSelect;

self.dimensionNameSearch(searchTerm);

var dimList = self.PortFolioSum2().dimensionList();

if (searchTerm != 'all')

{

for (var i = 0; i < dataArray.length; i++)

{

if (dataArray[i].dimensionName == dimList[i].name && dimList[i].isSelect == true)

{

self.filterArray.push(dataArray[i]);

}

//filterArray = [ko.utils.arrayFilter(self.PortFolioSum2().loanSummaryData(), function (item)

//{

// return self.stringStartsWith(item.dimensionName.toLowerCase(), searchTerm);

//})];

} else

{

self.filterArray = dataArray;

}

self.getData(self.filterArray);

var chart = $("#chart").data("kendoChart");

chart.refresh();

return true

}

self.stringStartsWith = function (string, startsWith)

{

string = string || "";

if (startsWith.length > string.length)

return false;

return string.substring(0, startsWith.length) === startsWith;

};

self.loanSummaryList = ko.observableArray([]);

self.isValid = function ()

{

return true;

}

self.createChart = function ()

{

$("#chart").kendoChart({

legend: {

position: "bottom"

chartArea: {

//background: "",

//width: 400,

//height: 400

seriesDefaults: {

type: "line",

style: "smooth"

series: self.loanSummaryList(),

valueAxis: {

labels: {

format: "{0}"

line: {

visible: false

axisCrossingValue: -10

categoryAxis: {

categories: self.PortFolioSum2().loanSummaryListTitle(),

majorGridLines: {

visible: false

}

tooltip: {

visible: true,

format: "{0}",

color: "#ffffff",

}

});

}

self.updateStates = function ()

{

self.getSelectedStates();

self.refreshStatesChart();

return true

}

self.getSelectedStates = function ()

{

var stateList = self.stateList();

var stateListSelected = [];

for (var i = 0; i < stateList.length; i++)

{

if (stateList[i].isSelect == true)

{

stateListSelected.push({ category: stateList[i].category, value: stateList[i].value })

}

self.createStatesChart(stateListSelected);

}

self.createStatesChart = function (list)

{

$("#chartStates").kendoChart({

legend: {

position: "bottom"

chartArea: {

background: "",

// width: 200,

// height: 400

seriesDefaults: {

labels: {

position: "outsideEnd",

visible: true,

background: "transparent"

}

series: [{

type: "pie",

data: list

}],

tooltip: {

visible: true,

}

});

}

self.showDetails = ko.observable("chart");

self.stateList = ko.observableArray([{

category: "Alabama",

value: 35,

isSelect: true

}, {

category: "Alaska",

value: 25,

isSelect: true

}, {

category: "Arizona",

value: 20,

isSelect: true

}, {

category: "Arkansas",

value: 10,

isSelect: true

}, {

category: "California",

value: 10,

isSelect: true

}, {

category: "Colorado",

value: 35,

isSelect: true

}, {

category: "Connecticut",

value: 25,

isSelect: true

}, {

category: "Delaware",

value: 20,

isSelect: true

}, {

category: "Florida",

value: 10,

isSelect: true

}, {

category: "Georgia",

value: 10,

isSelect: true

}, {

category: "Hawaii",

value: 20,

isSelect: true

}, {

category: "Idaho",

value: 10,

isSelect: true

}, {

category: "Illinois",

value: 10,

isSelect: true

}

]);

self.refreshStatesChart = function ()

{

var chart = $("#chartStates").data("kendoChart");

chart.options.transitions = false;

// set series.padding via the chart options

chart.options.series[0].padding = 100

// redraw the chart

chart.redraw();

chart.refresh();

}

self.toggleFitlersDisplay = function ()

{

$('.filters').toggleClass('min');

$('.summaryData').toggleClass('w96');

if ($('.summaryData').hasClass('w96'))

{

self.tranformSummaryChart(400, 270);

} else

{

self.tranformSummaryChart(800, 300);

}

self.refreshStatesChart()

}

self.tranformSummaryChart = function (width, height)

{

$("#chart").css({ "width": width, 'height': height })

.data("kendoChart").resize();

}

};

//self.resetFilter = function ()

//{

// self.lblEPError("");

// self.show();

//};

return portFolioSum2ViewModel;

}

);

The bindings are not working.

After the page is loaded when I look at self it points to the viewModel instance - portFolioSum2ViewModel.

But, when I click on "Submit" button all the bindings are lost and self gets replaced with Window.

Please help.

noirabys

未讀,

2016年6月28日凌晨3:14:312016/6/28

收件者：KnockoutJS

hi,

i don't think the problem has something todo with knockout

you should try to debug your code ...

1. reduce code

2. set breakpoints in your code and debug it

where is the new portFolioSum2ViewModel() call?

what is/why is there a self = this statement in the init method ?

if you expect help here try to setup a small jsfiddle or post a reduced standalone working example

best regards,

noirabys

Michael Best

未讀,

2016年6月28日下午6:07:152016/6/28

收件者：KnockoutJS

self.getPortfolioSummary = function ()

{

var a = 1;

//self.clientIds($('#clientIds').data('kendoMultiSelect').value());

};

When debugging you won't see "self" because it's not used in the function. Browsers try to optimize to not reference the closure if it's not necessary. You just need to access self in your function:

self.getPortfolioSummary = function ()

{

console.log(self);

//self.clientIds($('#clientIds').data('kendoMultiSelect').value());

};

-- Michael

On Monday, June 27, 2016 at 4:57:43 AM UTC-10, Harish Tallapragada wrote:

回覆所有人

回覆作者

轉寄

0 則新訊息