标签: jeditable

我正在尝试使用Jeditable作为内联编辑解决方案.

默认行为(单击要编辑它的元素)工作得很好,但我想通过单击另一个元素来激活元素.

例如,单击a.activateEdit将激活下一个div.edit(显然应该使用jQuery选择器完成).

我已经研究了Jeditable docs,但找不到合适的语法

仅供参考,默认的Jeditable语法类似于:

 $(document).ready(function() {
     $('.edit').editable('http://www.example.com/save.php');
 });

*编辑:找到更好的解决方案*

我不是很擅长jQuery,但决定在我的网站上使用jEditable插件,因为我认为它看起来不错并且解决了目的.但是,我现在有点纠结.

我使用这个插件编辑数据,编辑后的数据被发送到数据库,一些字段由它更新.更新这些字段的存储过程将返回一些数据.我想把这些数据还给我.我想首先在'alert'语句中看到返回的数据,然后我可以从那里获取它.

这个插件的回调方法只有值和设置.

有没有办法在使用这个插件时从服务器端获取一些数据？

现在,我正在使用的服务器响应发回一个JSON响应,如下所示:

{"status":1}

保存后,jeditable将实际响应{"status":1}放在页面上.无论如何要解决这个问题？

我喜欢这个插件,但现实是大多数人一开始都不会意识到他们可以点击文字进行编辑.

理想情况下,在文本旁边添加一个Button或者用户清楚看到但从未通过ajax提交的简单[Edit]链接会很不错.

有任何想法吗？

有没有人得到了jQuery插件jeditable在一个Rails应用程序正常运行.如果是这样,你能否分享一些关于如何设置它的提示？我在创建"submit-url"时遇到了一些麻烦.

IIRC,你不能简单地在javascript中调用ruby代码(请让我错了:-).你的意思是RJS ??? 这不仅限于Prototype吗？我正在使用jQuery.

更新:
呃.....一会儿回答这个问题,同时转向另一个解决方案.但是IIRC我的主要问题如下:

我正在使用RESTful资源.所以,假设我必须为博客建模,因此拥有资源"帖子".如果我想编辑帖子(例如ID为8的帖子),我的更新将通过HTTP发送到带有HTTP动词POST 的URL http://my.url.com/posts/8.但是,此URL是在我的Rails代码中构建的.那么如何将我的submit-url放入我的jQuery代码中？由于这是RESTful代码,因此我的更新URL将随每个帖子而变化.

无论如何,当使用内联替换为jeditable时,文本框大于文本.我想给用户空间在现有文本的顶部添加新文本.

我正在使用Jeditable(发布到CakePHP)在我的页面上输入.我希望用户只在Jeditable字段中填写数字,所以我的想法是也使用jQuery验证插件来验证是否只使用了数字,我已经在我的网站的其他部分使用它.

当您单击div时,Jeditable会动态创建一个带有输入的表单,因此似乎没有任何Jquery验证可以绑定到它并且它似乎不正常工作.

我可以通过Jeditable设置表单的类名(它只有一个类atrribute),创建的输入只有一个name属性,默认为"name".

我的问题:

• 这是一个只需要数字的好方法吗？
• 如果是这样,如何使它与Jquery验证
• 如果没有,什么是更好的解决方案？

在此先感谢,我期待着我得到的任何答案;)

有没有办法在外部呼叫的可调整区域上调用"取消"？(而不是单击取消) - 基本上关闭textarea.

我需要在页面上单击编辑元素,然后调用jQuery UI Datepicker的实例.

目前,我正在使用JEditable提供就地编辑,这工作正常.但是,我有一个日期控制输入,我希望它显示为日历,这是乐趣开始的地方.

我在Calle Kabo 的这个博客中找到了一条评论(遗憾的是这个页面有点捣碎),详细说明了这样做的方法:

$.editable.addInputType("datepicker", {
        element:  function(settings, original) {
            var input = $("<input type=\"text\" name=\"value\" />");
            $(this).append(input);
            return(input);
        },
        plugin:  function(settings, original) {
            var form = this;
            $("input", this).filter(":text").datepicker({
                onSelect: function(dateText) { $(this).hide(); $(form).trigger("submit"); }
            });
        }
    });

但是,我无法让上述工作 - 没有错误,但也没有效果.我已经尝试将它放在jQuery文档就绪函数中,并且也在它之外 - 没有乐趣.

我的UI Datepicker类是日期选择器,我的Jeditable类是ajaxedit,我确定上面的不作为是由于需要在代码中以某种方式引用它们,但我不知道如何.此外,Jeditable控件是许多元素id中的一个,如果它有一个方位.

那些知识更多的想法？

我有一个页面使用JQuery和Jeditable在页面上创建可编辑的文本元素.

在编辑元素时,我希望能够从一个元素到下一个元素.

我不确定如何:

• 使用jeditable或jquery捕获tab键事件(keycode = 9)

• 检测到该事件后,将焦点移至下一个元素并通过jeditable激活它

任何帮助赞赏.谢谢!