function loadPaymentScheduleGridDataFromJson(dataJson, scope) {
	var data = Ext.JSON.decode(dataJson);
	var newCollection = Ext.create("Terrasoft.Collection");
	Terrasoft.each(data, function(item, key) {
		var model = Ext.create("Terrasoft.BaseViewModel", {
			rowConfig: {
				Id: {
					columnPath: "Id",
					dataValueType: Terrasoft.DataValueType.GUID
				},
				LoanDate: {
					columnPath: "LoanDate",
					dataValueType: Terrasoft.DataValueType.DATE
				},
				LoanPeriod: {
					columnPath: "LoanPeriod",
					dataValueType: Terrasoft.DataValueType.INTEGER
				},
				PercentageAmount: {
					columnPath: "PercentageAmount",
					dataValueType: Terrasoft.DataValueType.FLOAT
				},
				TotallyPaymentAmount: {
					columnPath: "TotallyPaymentAmount",
					dataValueType: Terrasoft.DataValueType.FLOAT
				}
			},
			values: {
				Id: Terrasoft.generateGUID(),
				LoanDate: new Date(item.LoanDate),
				LoanPeriod: item.LoanPeriod,
				PercentageAmount: item.PercentageAmount,
				TotallyPaymentAmount: item.TotallyPaymentAmount
			}
		});
		newCollection.add(model.get("Id"), model);
	}, this);
	var paymentScheduleGridData = scope.get("paymentScheduleGridData");
	scope.set("gridPaymentEmpty", newCollection.getCount() === 0);
	paymentScheduleGridData.loadAll(newCollection);
	var searchRecordId = scope.get("searchResultActiveRow");
	var loanTerm =
		scope.get("searchResultGridData").get(searchRecordId).get("LoanTermRange");
	loanTerm = loanTerm.split("-");
	var minTerm = parseInt(loanTerm[0].trim(), 10);
	var maxTerm = parseInt(loanTerm[1].trim(), 10);
	var term = scope.get("LoanPeriod");
	if (Ext.isNumber(term)) {
		term = term < minTerm ? minTerm : term;
		term = term > maxTerm ? maxTerm : term;
		var activeRow = getRowByColumnValue(paymentScheduleGridData, "LoanPeriod",
			term);
		if (activeRow) {
			setActiveRow("payment-schedule-grid", activeRow.get("Id"));
		}
	}
}