Javascript 击倒js。从表中获取元素并将其设置为当前。

我有点麻烦。我用geo服务编写了一个web应用程序。 有一个ViewModel thar包含“Queuers”的observableCollection和表示该集合中“Queue”的属性SelectedItem。表中SelectedItem集合的值：

<tbody data-bind="foreach: Queuers">
                        <tr>
                            <td class="text-center">
                                <span data-bind="text: Number"></span>
                            </td>
                            <td class="text-center">
                                <i class="icon-flag icon-2x" data-bind="style: { color: Color }"></i>
                            </td>
                            <td class="text-center">
                                <span data-bind="text: Length"></span>
                            </td>
                            <td class="text-center">
                                <span data-bind="text: Resolution"></span>
                            </td>
                            <td class="text-center">
                                <button style="background: none; border: none" data-bind="click: $root.getData" @*onclick="$('#myModal').modal()"*@>
                                    <i class="icon-thumbs-up-alt icon-2x"></i>
                                </button>
                            </td>
                            <td class="text-center">
                                <button style="background: none; border: none" data-bind="click: $root.remove">
                                    <i class="icon-trash icon-2x"></i>
                                </button>
                            </td>
                        </tr>
                    </tbody>

如您所见，使用ObservaleCollection可以处理一些逻辑。所有的工作都很完美，除了一个：

self.getData = function (q) {
            self.SelectedItem = q; 
    }

我想在我的

<div class="row" data-bind="visible: Queuers().length >= 1">
                <button class="btn btn-default" onclick="clearAll()">Clear all</button>
                <br />
                Current selected id: <span data-bind="text: SelectedItem() ? SelectedItem().Number() : 'select element'"></span>
                <br />
                Выбран цвет: <span data-bind="text: SelectedColor() ?  SelectedColor: 'nulll'"></span>
            </div>

清除所有


当前选定的id：


Выбран цвет: 

将有SelectedElement的当前值。 以及如何访问is属性（数字、颜色等）。

更改：

self.SelectedItem = q;
self.SelectedColor = q.Color();

致：

---

参考资料：

self.SelectedItem = q;
self.SelectedColor = q.Color();

self.SelectedItem(q);
self.SelectedColor(q.Color());