当前位置：文江博客话题详情

选择表中的行并显示详细信息

发布于 2024-12-23 17:41:08 字数 320 浏览 0 评论 0原文

当用户单击行时，我想在输入中显示数据，以便它可以编辑（不想在表中编辑）

以下是代码： http://jsfiddle.net/APzK8/

就像你可以看到两个输入有效，两个无效。我希望 ViewModel 中只有 Selected 属性。在实际代码中，每个 Config 将具有 15-20 个属性。

另外，如果您可以帮助我在页面加载时选择第一个配置。我可以用 javascript 单击该行，但它很难看。我认为它应该在视图模型中定义。尝试了很多事情但没有任何效果。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

热鲨 2024-12-30 17:41:08

基本上，您需要通过执行 Selected().Name 而不是 Selected.Name 来访问这些值。因此，您想要获取 selected 的基础值，然后访问其 Name 属性。

然而，更简单/更好的方法是使用 with 控制流绑定，这将保护您免受空值的影响（避免必须编写 Selected() ? Selected().名称：null 类型的语句）。

它看起来像：

<div data-bind="with: Selected">
        <label for="name">Selected.Name</label>
        <input type="text" id="name" data-bind="value: Name" />
        <label for="value">Selected.Value</label>
        <input type="text" id="value" data-bind="value: Value" />
        <input type="button" data-bind="click: $root.AddConfig" value="Add config" />
</div>

这是一个示例： http://jsfiddle.net/rniemeyer/APzK8/2/

为了选择第一个配置，我刚刚将 Selected 初始化为 Configs 中的第一个值。

Basically, you would need to access the values by doing Selected().Name rather than Selected.Name. So, you want to get the underlying value of selected and then access its Name property.

However, an easier/better way to do this is to use the with control-flow binding, which will protect you against null values (avoid having to write Selected() ? Selected().Name : null kind of statements).

It would look like:

<div data-bind="with: Selected">
        <label for="name">Selected.Name</label>
        <input type="text" id="name" data-bind="value: Name" />
        <label for="value">Selected.Value</label>
        <input type="text" id="value" data-bind="value: Value" />
        <input type="button" data-bind="click: $root.AddConfig" value="Add config" />
</div>

Here is a sample: http://jsfiddle.net/rniemeyer/APzK8/2/

To select the first config, I just initialized Selected to the first value in Configs.

回复收藏 0 原文

~没有更多了~