Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/471.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从敲除中的表中选择ObservableArray记录_Javascript_Knockout.js - Fatal编程技术网

Javascript 从敲除中的表中选择ObservableArray记录

Javascript 从敲除中的表中选择ObservableArray记录,javascript,knockout.js,Javascript,Knockout.js,试图找出如何在knockout中设置表中的单选按钮绑定。我想知道何时选择表上的单选按钮。整个选定记录在模型中可用。不太确定如何在无线电输入上设置绑定。我假设我需要使用$parent和一个函数进行值绑定 这是小提琴。选中的记录现在没有任何作用。我希望在选中单选按钮时填充该记录 HTML 您必须执行两个步骤才能使代码正常工作 首先,将绑定应用于单选按钮: <input type="radio" data-bind="checked: $root.selectedRow, checkedValu

试图找出如何在knockout中设置表中的单选按钮绑定。我想知道何时选择表上的单选按钮。整个选定记录在模型中可用。不太确定如何在无线电输入上设置绑定。我假设我需要使用$parent和一个函数进行值绑定

这是小提琴。选中的记录现在没有任何作用。我希望在选中单选按钮时填充该记录

HTML


您必须执行两个步骤才能使代码正常工作

首先,将绑定应用于单选按钮:

<input type="radio" data-bind="checked: $root.selectedRow, checkedValue: $data" />
不要将空对象作为默认值传递。否则,绑定将无法正常工作

通过在显示所选员工的第二个块中修复绑定语法,您将得到如下结果

function employee(first, last, dept) {
  this.first = ko.observable(first);
  this.last = ko.observable(last);
  this.dept = ko.observable(dept);
}

function model() {
  var self = this;
  this.employees = ko.observableArray("");
  this.selectedRow = ko.observable({});

};

var myViewModel = new model();

$(document).ready(function() {
  ko.applyBindings(myViewModel);
  myViewModel.employees.push(
     new employee("Bob","Jones", "Hr")
  );
  myViewModel.employees.push(
     new employee("Sarah","Smith", "It")
  );
   myViewModel.employees.push(
     new employee("John","Miller", "It")
  );


});
<input type="radio" data-bind="checked: $root.selectedRow, checkedValue: $data" />
this.selectedRow = ko.observable();