Tag: jeditable

在等待来自服务器的选择下拉项时,似乎jeditable中的loadtext属性不起作用

我正在使用jeditable,我正在从我的服务器加载一个选择下拉列表 (通过ajax加载需要几秒钟),我想在ajax调用运行时显示加载图像或文本,这样人们就知道下拉列表正在从服务器加载。 我看到有一个“指示器”属性,用于在将值保存到服务器时显示加载图像或文本(这完美无缺)但由于某种原因,当您为选择加载项目时没有工作选项来设置加载消息落下。 当我查看插件时,我看到一个“loadingtext”属性似乎应该这样做但是当我点击我的文本时我没有看到这个“正在加载…”。 启动ajax查询以获取下拉列表时显示的文本。 这是我的代码: $(‘#person’).editable(‘/Project/UpdatePerson’, { loadurl: ‘/Project/GetPeople’, type: ‘select’, loadtext: ‘Loading Dropdown…’, indicator: ‘Saving…’, submit: ‘OK’, callback : function(value, settings) { var json = $.parseJSON(value); $(this).text(json.Value); } }); 有什么建议?

Javascript for enable和dissable td in table

我在grails项目中有三个td for cost字段,我在个别td中添加了三个成本,如300,400,500,我可以编辑每个td并通过提交添加其他值来增加其他值,该值将被添加到数据库,我的问题是,我同时点击了三个td并编辑了第一个值,例如300到600并点击了提交按钮,但编辑后的值600更新到所有其他td,如400到600和500到600,我是什么需要是一个javascript函数,用于在点击版本时禁用其他td …提前感谢 ${fieldValue(bean: labServiceInstance, field: “testUnit”)} ${fieldValue(bean: labServiceInstance, field: “cost”)}

在数据表中的可编辑字段中使用Tab键

现在我有一个数据表,有些字段是可编辑的,有些则不是。 我有以下代码(取自表格中可编辑字段之间的标签 ): $(‘#table .select’).bind(‘keydown’, function(evt) { if(evt.keyCode==9) { console.log(“next”); var nextBox=”; var currentBoxIndex=$(“#table .select”).index(this); console.log(“currentBoxIndex”,currentBoxIndex); if (currentBoxIndex == ($(“#table .select”).length-1)) { nextBox=$(“#table .select:first”); //last box, go to first console.log(“nextBox”, nextBox); } else { nextBox=$(“#table .select”).eq(currentBoxIndex+1); //Next box in line console.log(“nextBox”, nextBox); } $(this).find(“#table .select”).blur(); $(nextBox).click(); //Go to assigned next box return false; //Suppress normal […]

jEditable将输入中的HTML转换为文本

使用jQuery插件jEditable。 我遇到的问题是,在触发jEditable事件后,我想要任何可编辑的内容来显示文本而不是html。 例如,如果我有一个元素Jack & Jill ,当我点击它时,我会得到Jack & Jill Jack & Jill ,但我想要的是Jack & Jill作为我在输入中的价值,以便用户看不到HTML。 必须有一些我可以用数据设置做的事情[也许是value.replace(); 或者其他的东西]。 现在我只是让它返回值。 码 $(‘.editable’).each(function() { $(this).editable(‘url’, { data: function(value, settings) { var retval = value; return retval; } }); });

jeditable意外触发嵌套项目上的Draggable

我正在使用jquery-ui的draragable进行拖放,并且可以进行内联编辑。 当我拖放一个也可编辑的元素时,在它被删除之后,jeditable开始并弹出“编辑模式”。 如何禁用此行为? 编辑 – 由于netsting而发生问题 – 请参阅此示例 。 我还添加了draggable混合,使示例更加真实(实际的真正问题是在我正在处理的这个网站 ) 注意 – 即使这个问题因为赏金规则而得到了接受的答案,但问题仍未解决。

使用Jquery datatable jeditable而不使用必填字段URL

你怎么能使用jquery.datatable和没有url的jeditable插件。 我只想要编辑function而不保存到服务器。 这就是我尝试过的: $(‘td’, oTable.fnGetNodes()).editable(function(value, settings) { console.log(this); console.log(value); console.log(settings); return(value);}, { type : ‘textarea’, submit : ‘OK’, callback: function( sValue, y ) { var aPos = oTable.fnGetPosition( this ); oTable.fnUpdate( sValue, aPos[0], aPos[1] ); }, });

在jeditable上调用取消

有没有办法在外部呼叫的可调区域上调用“取消”? (而不是单击取消) – 基本上关闭textarea。

可编辑表格单元格的替代Jeditable

我一直在尝试使用Jeditable来使我的html表可编辑。 然而,经过大量研究,我发现validation输入非常困难(如果不是没有后端)。 我真的不想使用任何类型的插件,只需编写/使用一些Javascript,使单元格可编辑,并允许我将jQuery Validator附加到输入。 数据永远不会被提交到后端(将在页面刷新时返回默认值),因此解决方案不需要复杂…只会使用html和Javascript。 我发现使用Google的大多数代码段的问题是,当您在单元格内单击并单击单元格外部时,它们似乎会卡住,不会保存/提交更改。 有没有人有他们成功使用的片段和/或使用Validator片段的经验?

如何启用/禁用JEditable

解 感谢Arman的P.概念certificate,终于让它与我的网站一起工作了。 码 //Edit Note $(function(){ function makeEditable() { $(“.edit”).editable(‘ajax/save.php?editnotetext’, { type : ‘mce’, submit : ‘Save’, event: ‘dblclick’, indicator : ‘Saving…’, tooltip : ‘Doubleclick to edit…’, onblur: ‘ignore’, width : ‘700px’, height : ‘100px’, callback : function(value, settings){ console.log(‘unlocked’); $.post(‘ajax/save.php?unlocknotetext’, {“id” : $(this).attr(‘id’)}); $(this).effect(“highlight”, {}, 3000); $(this).parents(‘.panel’).effect(“highlight”, {}, 3000); }, ‘onreset’ : function(){ console.log(‘unlocked’); […]

jEditable在TAB上提交以及ENTER

只要用户点击ENTER退出输入,我的jEditables就可以正常工作。 但是,如果用户点击TAB,则不会发布更改。 这是正确且记录在案的行为。 我希望TAB像ENTER一样工作。 我不需要影响任何其他jEditables,只需将当前活动的jEditable发回,就好像ENTER被击中一样。 有没有办法做到这一点,没有将keydown处理程序绑定到jEditable控件? 如果我必须提供一个keydown处理程序,有没有办法以编程方式告诉jEditable控件发布自己而不从控件中提取id和值?