KnockoutJS没有绑定数据
KnockoutJS not binding data
我是初学敲出js和ASP.net MVC。
在本地机器上一切都很好,但自从我上传了脚本knockoutJS绑定在某些情况下不工作,我尝试了很多,但未能修复。现在我需要你们的帮助。如果你看到这个url (http://www.cepinceleme.com/Phone/Samsung-Galaxy-J5)评级系统是加载的(我使用knockoutJS绑定值),因为设计或功能或性能5.0每个,这是完整的值。但是当你将评级和任何值更改为不完整的东西时,例如5.3或7.2,它将通过knockoutJS绑定在页面加载上。
这里是一个示例(http://www.cepinceleme.com/Phone/Samsung-Galaxy-S6),其中评级系统不使用knockoutJS在页面加载绑定值。
代码在
<script type="text/javascript">
function AppViewModel() {
var self = this;
self.MobileId = ko.observable(7413);
self.TotalVotes = ko.observable(4);
self.DesignVal = ko.observable(8,75);
self.FeatureVal = ko.observable(8,75);
self.PerformanceVal = ko.observable(8,375);
var DesignPercentage = 8,75
self.percentageDesign = ko.observable('<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="' + (DesignPercentage * 10) + '" aria-valuemin="0" aria-valuemax="100" style="width:' + (DesignPercentage * 10) + '%">' +(DesignPercentage.toFixed(1)) + '</div>');
var FeaturesPercentage = 8,75
self.percentageFeatures = ko.observable('<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="' + (FeaturesPercentage * 10) + '" aria-valuemin="0" aria-valuemax="100" style="width:' + (FeaturesPercentage * 10) + '%">' + (FeaturesPercentage.toFixed(1)) + '</div>');
var PerformancePercentage = 8,375
self.percentagePerformance = ko.observable('<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="' + (PerformancePercentage * 10) + '" aria-valuemin="0" aria-valuemax="100" style="width:' + (PerformancePercentage * 10) + '%">' + (PerformancePercentage.toFixed(1)) + '</div>');
self.Thanks = ko.observable("");
self.designvalues = ko.observableArray(["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"]);
self.designSelectedValue = ko.observable("5");
self.featuresvalues = ko.observableArray(["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"]);
self.featuresSelectedValue = ko.observable("5");
self.performancevalues = ko.observableArray(["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"]);
self.performanceSelectedValue = ko.observable("5");
self.vote = function () {
var mydata = { id: self.MobileId(), totalVotes: self.TotalVotes(), voteDesign: self.designSelectedValue(), voteFeatures: self.featuresSelectedValue(), votePerformance: self.performanceSelectedValue() }
self.save(mydata);
self.Thanks("Thanks for voting");
self.hasClicked(true);
};
self.hasClicked = ko.observable('False' != 'False');
self.save = function (mydata) {
$.post('/PhoneSingle/VoteSave', mydata, function (data) {
self.TotalVotes(self.TotalVotes() + 1);
var newDesignValue = ((self.DesignVal() + parseFloat(self.designSelectedValue())) / 2.0).toFixed(1)
var newFeaturesValue = ((self.FeatureVal() + parseFloat(self.featuresSelectedValue())) / 2.0).toFixed(1)
var newPerformanceValue = ((self.PerformanceVal() + parseFloat(self.performanceSelectedValue())) / 2.0).toFixed(1)
self.percentageDesign('<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="' + (newDesignValue * 10) + '" aria-valuemin="0" aria-valuemax="100" style="width:' + (newDesignValue * 10) + '%">' + newDesignValue + '</div>');
self.percentageFeatures('<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="' + (newFeaturesValue * 10) + '" aria-valuemin="0" aria-valuemax="100" style="width:' + (newFeaturesValue * 10) + '%">' + newFeaturesValue + '</div>');
self.percentagePerformance('<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="' + (newPerformanceValue * 10) + '" aria-valuemin="0" aria-valuemax="100" style="width:' + (newPerformanceValue * 10) + '%">' + newPerformanceValue + '</div>');
});
};
}
var viewModel = AppViewModel();
ko.applyBindings(viewModel);
设计值:8.7
特征值为:8.7
性能值:8.3
非常感谢你的帮助
我在加载问题页时得到"意外数字",因为数字有逗号而不是小数点。
var DesignPercentage = 8,75
相关文章:
- 在VanillaJS中模拟模型双向数据绑定
- Telerik rad组合框多列数据绑定
- 数据绑定:'系统Char'不包含名为'xxxxx'
- OnsenUI AngularJS数据绑定无法正常工作
- Ionic-item在导航栏中进行双向数据绑定
- 基本D3.js:如何将具有其他属性的数据绑定到元素
- 使用自定义数据属性或将数据绑定到处理程序来处理事件
- ListView的ItemTemplate内的自定义HtmlControl的数据绑定失败
- $http中的Angular 1数据绑定承诺不起作用
- 在何处和何时添加具有数据绑定的元素
- 使用AngularJs数据绑定的三元运算符显示图像
- 为什么针对工厂的Angular数据绑定只适用于函数
- 敲除:如何使用可见数据绑定可见来隐藏段落标记
- 在数据绑定中使用对象敲除绑定
- 如何在angularjs中检查Kendo树视图数据绑定事件
- 将json数据绑定到剑道网格
- AngularJS数据绑定中断ngRepeat+奇怪行为
- JavaScript HTMLElement 属性上的数据绑定 在 Polymer 中
- 视窗 8/Metro UI 数据绑定 JavaScript
- 挖空和显示模块模式的数据绑定问题