jjzjj

inline-editing

全部标签

javascript - 修改与 jQuery X-Editable 库一起使用时 Select2 下拉选择的输出

我一直在尝试使用X-Editablehttp://vitalets.github.io/x-editable/使用Select2https://select2.github.io/几个星期以来运气不佳。最初我试图从AJAX请求中加载数据,然后使用该库,但我只能看到旧代码是否应该适用于这两个库的旧版本。为了稍微简化一些事情,我现在决定单独加载我的数据,这样X-Editable和Select2只需处理一组已经可用的数据。我现在的问题是修改数据的显示。默认情况下,我对编辑字段的外观感到满意,它看起来像被选中的“标签”。当编辑完成并在初始页面加载时,它会将我选择的项目显示为逗号分隔的字符串。我

javascript - x-editable + bootstrap 3 + Twitter typeahead.js 不工作

我尝试将Bootstrap3与令人敬畏的x-editable和typeahead.js集成,但我无法让它工作:我尝试了以下方法用data-type='typeaheadjs'标记元素将type='typeaheadjs'添加到$().editable()将所有参数移动到data-*属性将所有参数移动到$().editable()arguments但没有运气。HTML代码:RomeJS代码:$('#username').editable({mode:'inline',showbuttons:false,type:'text',url:'/post',pk:1,title:'Enteran

javascript - 剑道网格 : Trigger Update click on enter key press for popup editing

我正在使用带有弹出式编辑的KendoUIGrid。默认情况下,当用户在弹出编辑器中编辑字段并按下回车键时,数据将呈现到网格(在弹出编辑器后面),但弹出窗口保持可见并且保存事件不会被触发,直到您单击“更新”'按钮。我正在尝试更改该功能,以便当用户在编辑字段时按下回车键时,它会触发“更新”按钮单击-这意味着它将数据呈现到网格,触发保存事件并关闭弹出窗口编辑。我目前的尝试只会关闭弹出式编辑器,但不会触发保存事件并撤消对所选行的任何字段所做的更改。几乎就像取消按钮被触发了一样。options.edit=function(e){$('.k-edit-field.k-input').on('key

javascript - x-editable 如何获取被点击元素的id

我是x-editable和jQuery的新手,所以我在理解如何使用x-editable获取单击元素的“id”时遇到问题,希望有人能提供帮助。我的页面上有几个链接,位于一个名为#line_item_unit_cost的div中。linklinklinklinklink当我单击其中一个链接时,我将触发一个x可编辑脚本,该脚本允许我进行内联编辑。我遇到的问题是我需要传递我正在处理的订单项,以便我可以更新我的数据库。我不知道如何(或者我做错了)访问我单击的链接的“id”。这是我的脚本:$('#line_item_unit_costa').editable({validate:function(

javascript - JS : detect right click without jQuery (inline)

我正在调用一个函数,它构建了一个包含多个链接的表。我想检查是否用鼠标右键或左键单击了链接。我尝试将以下部分添加到超链接。onmousedown="functionmouseDown(e){switch(e.which){case1:alert('left');break;case2:alert('middle');break;case3:alert('right');break;}}"但是如果我点击一个链接什么也不会发生。 最佳答案 html:aaa​​​​​​​​​​​​​​​​​​​​​​​​​​​JavaScript:func

javascript - Kendo UI Grid Inline - 在网格的特定位置插入新行

我正在尝试通过addRow()方法向网格中插入一个新行,但我希望将其添加到网格上当前选定行之后或当前选定行之前?有人可以帮忙吗?目前我得到的是:Grid.addRow();$(".k-grid-edit-row").appendTo("#Gridtbody");但这会在表格底部插入一行。我需要它在特定位置添加行,网格已经有行。 最佳答案 这些是步骤:获取选中的项获取所选项目对应的项目。获取选中项对应的索引。使用DataSource中的insert方法指定要插入的位置。代码:vargrid=$("#grid").data("kendo

javascript - 剑道网格 : Canceling edit deletes new row

这是一个demo为我正在经历的行为。如果您编辑ID为1的现有行,将文本更改为其他内容,然后按取消按钮,该行将正确恢复到其先前的状态。为了重现我的问题,您需要:添加新行按更新按钮保存。再次选择该行并按更新按钮。按取消键该行消失了!即使有类似的问题,我也没有找到满意的答案。有人说我需要定义一个id。从我的演示中可以看出,这没有任何区别,新行有一个id,它仍然消失。当你使用远程数据源时有一些建议,但这对我来说不起作用,我需要使用本地数据。最后,有this回答。虽然它确实可以防止新行消失,但取消该行不会将数据恢复到其旧状态,它只会关闭编辑器并且数据与编辑后的位置相同。

javascript - jQuery 表格排序器 : How to disable sorting on a column by using a class instead of "inline JSON"?

我正在使用jQuerytablesorterplugin.我知道如何使用jQuery元数据插件禁用对列的排序:Don'tsortme但我宁愿通过设置一个类来做到这一点,这样我就不必使用额外的插件。另外我想我会比记住这个JSON语法更容易记住类名。我怎样才能使用这种语法做同样的事情:Don'tsortme 最佳答案 您不必修改插件的源代码。假设你的th类不排序被称为nosort:functionsetupTablesorter(){$('table.tablesorter').each(function(i,e){varmyHeade

javascript - jQuery 日期时间选择器 XDsoft : How do I get value from inline calendar?

我使用XDSoft的jQueryDatetimepicker插件:http://xdsoft.net/jqplugins/datetimepicker/我有内联显示的日历。这是我的代码:HTML:JS:jQuery('#start_date').datetimepicker({format:'d.m.YH:i',inline:true});我的问题:当我在前端选择一个日期时,输入字段没有将所选日期作为值。我需要进行哪些更改或需要添加哪些内容? 最佳答案 从Onchange事件中获取值试试这个onChangeDateTime:func

javascript - require.context : inline RegExp works, var RegExp 不

如果声明了SPECEnv,我将尝试有条件地加载我的测试:varcontext=nullif(process.env.SPEC){context=require.context('./tests',true,/.*?SearchInput.*/);}context.keys().forEach(context);这是完美的工作。现在如果我这样做varcontext=nullif(process.env.SPEC){varc=/.*?SearchInput.*/;context=require.context('./tests',true,c);}context.keys().forEac