Tag: jeditable

如何使用_this_ Jeditable获取被操纵的dom元素的值?

这是Jeditable的延续:如何基于dom元素属性设置参数 请在这里回复..这是我的’真实’账户.. 我正在尝试将不同的参数值分配给我已启用jQuery插件’Jeditable’的不同div。 我不能让它工作,我确信它的东西很简单..但我无法弄清楚.. 我该如何实现它? 给出以下DOM元素: 这些不同的片段为上面的空div生成以下dafault占位符文本: $(‘.editme’).editable(‘savedata.php’,{ placeholder : “txt – “+$(this), } ); // outputs: “txt – [object Object]” $(‘.editme’).editable(‘savedata.php’,{ placeholder : “txt – “+this, } ); // outputs: “txt – [object HTMLDocument]” $(‘.editme’).editable(‘savedata.php’,{ placeholder : “txt – “+$(this).html(), } ); // outputs: “txt – undefined” $(‘.editme’).editable(‘savedata.php’,{ placeholder : “txt – “+$(this).attr(‘rel’), } […]

使JEditable在新元素上工作(.live)

我正在使用JEditable插件进行就地编辑。 我有一个“setup”函数,它在所有相关的类上调用.editable() 。 问题是,我新添加了我想要编辑的元素。 显然,新添加的.editable()永远不会被调用。 换句话说,我希望得到jquery的live()函数的效果,但是对于editable()函数。 我当前的解决方法对我来说似乎有点难看( redscribe_button是需要单击以编辑文本的按钮): $(“.redescribe_button”).live(“click”, function(click_event) { click_event.preventDefault(); $(“.editable”, $(this).parent().parent()).editable(“/temp/”, { event: “make_editable”, indicator : ‘Saving…’, tooltip : ‘Click to edit…’ }); $(“.editable”, $(this).parent().parent()).trigger(‘make_editable’); }); 换句话说,每次单击编辑按钮时,我只是调用.editable。 想要更好的解决方案吗?

使用jEditable和ASP.NET MVC(POSTing)

我理解,使用jEditable( http://www.appelsiini.net/projects/jeditable ),您可以进行就地编辑并将更改的信息POST到URL。 我的ASP.NET MVC视图显示了一堆模型信息,我想在其中进行就地编辑。 目前,我有两个视图 – 一个文本表示和一个编辑视图,其中一个表单完全POST,然后我的控制器操作将整个对象(从表单元素名称汇编)作为参数,更新对象并返回到文本 – 只能看。 但是,当我切换到jEditable时,我只会使用文本视图并一次POST一个项目,而不是整个对象。 我怎么能构建一个单独的控制器动作,可以采取jEditable的POST,然后将其放入我的对象的相应属性?

可编辑链接。 救命

我现在已经玩了2天的jeditable,这太棒了! 但是我遇到了一个小问题,我有一个应该可以编辑的链接,但是只要该字段变得可编辑,我就无法编辑该字段,当我点击它时,它会直接跳转到该链接。 有解决方案吗 这是我的代码 $subjectedit $(document).ready(function() { $(‘.editsubject’).editable(‘editsubject.php’, { event : ‘editclick’, cancel : ‘Cancel’, submit : ‘OK’, indicator : ‘Wait…’, id : ‘hk’, name : ‘ns’, css : ‘inherit’ }); $(‘.edittrigger’).bind(‘click’, function() { $(this).prev().trigger(‘editclick’); }); }); 谢谢

可执行和自动完成协作的工作示例

我看到很多谷歌post,但似乎所有人都在谈论这是如何进行的。 有没有人知道可协作和自动完成function的工作版本一起工作,所以我可以点击文本并获得一个文本框,并具有针对该文本框工作的自动完成function 编辑:我打开一个赏金,因为它似乎仍然没有这些解决方案复制堆栈溢出标签+ jeditable我可以使用jeditable在点击文本后得到一个可编辑的texbox然后能够输入一个逗号分隔的列表,自动完成每个我键入的条目(类似于在堆栈溢出中输入标记)。

JEdi​​table,如何处理JSON响应?

现在,我正在使用的服务器响应发回一个JSON响应,如下所示: {“status”:1} 保存后,jeditable会在页面上显示实际响应: {“status”:1} 。 无论如何要解决这个问题?

validation可编辑字段

我正在使用Jeditable (发布到CakePHP)在我的页面上输入。 我希望用户只在Jeditable字段中填写数字,所以我的想法是也使用jQueryvalidation插件来validation是否只使用了数字,我已经在我的网站的其他部分使用它。 当您单击div时,Jeditable会动态创建带有输入的表单,因此似乎没有任何内容可供Jqueryvalidation绑定到它并且它似乎不正常工作。 我可以通过Jeditable设置表单的类名(它只有一个类atrribute),创建的输入只有一个name属性,默认为“name”。 我的问题: 这是一个只需要数字的好方法吗? 如果是这样,如何使它与Jqueryvalidation 如果没有,那么什么是更好的解决方案? 在此先感谢,我期待着我得到的任何答案;)

通过修改插件调用JEdtiable提交按钮

解决方案1:不使用TINYMCE 如果你没有使用带有JEditable的TinyMCE,那么请看下面的Arman P.的post。 解决方案2:使用TINYMCE 如果你正在使用TinyMCE,那么遗憾的是,Arman Ps方法不起作用。 Tinymce使用iframe编辑内容。 这会导致iframe在iframe具有焦点时“捕获”所有键盘事件的问题。 因此,您需要修改tinymce定制。 首先是在JEditable初始化中,你给保存按钮一个类,我们称之为“save_button”: $(“.edit”).editable(‘ajax/save.php?editnotetext’, { type : ‘mce’, submit : ‘Save’, … }); 在TinyMCE初始化中,您必须创建一个捕获Ctrl + S的设置并提交save_button类的按钮: tinyMCE.init({ … setup : function(ed) { ed.onKeyDown.add(function(ed, evt) { // catch crtl+s, use receiveShortCutEvent in the html-document if (evt.keyCode == 83 && evt.ctrlKey && !evt.shiftKey && !evt.altKey && !evt.metaKey) { evt.preventDefault(); $(‘.save_button’).submit(); […]

jQuery dataTables makeEditable()不是函数

我是Datatables的新手,我正在尝试使表格可编辑,但我不断收到此错误: TypeError:$(…)。dataTable(…)。makeEditable不是函数 我的jQuery脚本如下所示: $(document).ready( function () { var oTable = $(‘#data_table_wrapper’).dataTable({ “sDom”: ‘Rt<"F"ip<', "bJQueryUI": true, "sPaginationType": "full_numbers", "aoColumn": [ { "bVisible": true }, { "bVisible": true }, { "bSortable": false }, ] }).makeEditable({ sUpdateURL: "/abc.php" }); }); 我包括这些文件: jquery-1.9.1.min.js jquery.dataTables.min.js jquery.jeditable.js jquery.dataTables.editable.js jquery-ui.js jquery.validate.js 这些文件的所有链接都能正常工作。 请问有人可以给我一些建议吗? 为什么我一直收到这个错误?

IE中的可调整性能

我在使用jeditable的IE中看到非常差的页面设置时间。 该页面有一个表格,其中每行有13个span元素,jeditable应用于这些元素,如下所示: $(document).ready(function() { $(‘#entry_pl span.ples’).editable(‘my_xhr.php’, { placeholder: ‘unset’, indicator: ”, data: function(value, settings) { return $(”).html(value).text(); } }); }); function很棒 – 一切正常。 但是在IE 6 … 8中,上面的代码每个表行需要半秒钟。 因此,对于10行表,页面设置延迟已经很糟糕了。 用户不会对此感到满意。 WebKit和Firefox中的设置延迟可以忽略不计。 有什么想法或建议吗? 我还没有开始审查或分析可编辑的可执行代码。 而且我想可能只在点击元素时调用元素上的.jeditable()而不是$(document).ready()中的所有元素。