0

我在将敲除绑定到可折叠面板(用于移动设备)时遇到一些问题,希望有人能提供帮助。

这是我要完成的工作:

我有一个带有摘要和动态创建面板的表单。在这些面板上,标题绑定到分支名称。内容包含摘要信息。

在每个 [Branch Name] 标题中,我想添加一个“编辑”按钮(在右侧),单击该按钮时,a)将自身替换为“保存”和“取消”按钮广告 b)隐藏所有其他“其余部分中的“编辑”按钮。当调用 Save 或 Cancel 操作时,所有 Edit 按钮再次可见。

在编辑模式下,我希望将标签替换为输入字段

当然,我假设所有这些都需要自定义 [ko] 绑定 - 但我似乎无法弄清楚。

提前致谢!

<div data-role="collapsible" data-collapsed="false" data-mini="true" data-theme="a" data-inset="false" data-collapsed-icon="arrow-d" data-expanded-icon="arrow-u" data-enhance="true">

[这是我想要编辑、保存和取消按钮的地方]

这是一个用于审查的示例 jsFiddle:http: //jsfiddle.net/sal_andani/pvsky/4/

4

1 回答 1

0

一些入门提示,尝试添加data-inline="true"到按钮。您可能需要将输入更改为标签。然后编辑 css 的大小、位置、标签等。

然后在 javascript 中使用一些 jQuery.css()在按下时隐藏/显示适当的按钮。

最初可能会放弃使用标签并从禁用的输入开始。再次用于.css()添加/删除 javascript 函数上的禁用属性以进行编辑/保存/取消。

于 2013-07-18T12:58:36.690 回答