首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >敲出jquerymobile可折叠面板,具有编辑和取消/保存功能

问敲出jquerymobile可折叠面板,具有编辑和取消/保存功能
EN

Stack Overflow用户
提问于 2013-06-11 22:55:01
回答 1查看 180关注 0票数 0

我有一些问题,敲出绑定到一个可折叠的面板(为移动),我希望有人可以帮助。

以下是我想要实现的目标:

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

在每个分支机构名称标题中,我想添加一个“编辑”按钮(在右边),当点击它时,会用“保存”和“取消”按钮替换它自己,b)隐藏其余部分中的所有其他“编辑”按钮。当调用Save或Cancel操作时,所有的Edit按钮都会再次可见。

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

当然,我假设所有这些都需要自定义的ko绑定--但我就是想不通。

提前感谢!

代码语言:javascript
复制
<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">
代码语言:javascript
复制
 [This is where I'd like the EDIT, SAVE and CANCEL buttons]

下面是一个可供查看的示例jsFiddle:http://jsfiddle.net/sal_andani/pvsky/4/

EN

回答 1

Stack Overflow用户

发布于 2013-07-18 20:58:37

要开始使用,请尝试在按钮中添加data-inline="true"。您可能需要将输入更改为标记。然后编辑css的大小、位置、标签等。

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

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17047229

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档