我是x-editable和jQuery的新手,所以我遇到了一个问题,了解如何使用x-editable获取被点击元素的“id”,希望有人可以提供帮助。

我在一个名为#line_item_unit_cost的div中的页面上有几个链接。

 <div id="line_item_unit_cost">
      <a id="1">link</a>
      <a id="2">link</a>
      <a id="3">link</a>
      <a id="4">link</a>
      <a id="5">link</a>
 </div>

当我点击其中一个链接时,我正在触发一个x-editable脚本,允许我进行内联编辑。 我遇到的问题是我需要传递我正在处理的项目,以便我可以更新我的数据库。 我不知道如何(或我做错了)访问我点击链接的“id”。

这是我的脚本:

 $('#line_item_unit_cost a').editable({
            validate: function(value) {
                if($.trim(value) == '') return 'This value is required.';
            },
            type: 'text',
            url: '/post',
            pk: {{ purchaseOrder.id }},
            title: 'Enter Value',
            params: {
                purchaseOrderId : {{ purchaseOrder.id }} ,
                lineId : $(this).attr("id"),
                text: 223
            },
            ajaxOptions: {
                dataType: 'json'
            },
            success: function(response, newValue) {

            }
        });

这一行:lineId:$(this).attr(“id”)给我一个空值。

如果我使用lineId:$(“#line_item_unit_cost a”)。attr(“id”)不断提取页面上“id”的第一个实例,而不是正在编辑的实例。

任何人都知道如何获取我使用x-editable单击的链接的ID?

非常感谢!!!

===============>>#1 票数:11 已采纳

决定我会提供解决方案而不是删除帖子以防其他人需要这个...

 $('#line_item_unit_cost a').editable({
            validate: function(value) {
                if($.trim(value) == '') return 'This value is required.';
            },
            type: 'text',
            url: '/poste',
            pk: {{ purchaseOrder.id }},
            title: 'Enter Freight Value',
            params: function(params) {
                var line = $(this).attr("id");
                var data = {};
                data['purchaseOrderId'] = params.pk;
                data['field'] = params.name;
                data['value'] = params.value;
                data['lineId'] = line;
                return data;
            },
            ajaxOptions: {
                dataType: 'json'
            },
            success: function(response, newValue) {

            }
        });

===============>>#2 票数:2

$(custom_selector).each(function() {
    var current_element = $(this);
    $(this).editable({
        //common code where you can use current_element
    });    
});

  ask by LargeTuna translate from so

未解决问题?本站智能推荐:

1回复

Laravel x-editable CRSF问题

我跟着文档和另一篇支持文章但是我仍然被卡住了。 我希望能够使用x-editable编辑字段。 我用过他们在这里说的话 我在视图文件中有CSRF元标记 我收到了错误; JS。
1回复

我如何使用回调像xii扩展那样使用x-editable

我尝试使用回调。 如果数据成功更新,那么我需要显示模式窗口。 但是它不起作用! 请帮助! 我不知道,它是如何工作的。 请给我写信。 视野中 在控制器中
1回复

X-Editable Bootstrap字段仅在第一个链接上加载

我正在使用Bootstrap X-Editable和bootstrap-wysihtml5 。 我在每个帖子页面上都有一个评论列表,每个评论下方都有一个编辑链接。 但是我只能在最后一个(最新提交的评论)上编辑第一个评论,而其余评论根本不加载X-Editable字段。 和HTM
1回复

使用Ajax验证x可编辑

我正在使用http://vitalets.github.io/x-editable/,并希望使用Ajax验证输入。 为了进行测试,我创建了以下脚本https://jsfiddle.net/m698gxgj/1/ 。 我的Ajax请求是异步的,因此validate回调返回了相信的undef
1回复

未发送X可编辑AJAX请求

我正在使用X-Editable jquery插件,我在这里疯了。 我无法收到要提交的AJAX请求。 我一直在发送,但是在我的网络上看不到任何发送的请求。 下面是我的代码
1回复

用欧芹X可编辑两次,调用ajax

我有以下代码: 和html: 并且由于未知原因ajax请求被发送两次,有人知道为什么吗? 如何解决这个问题? 这是jsFiddle
2回复

X-Editable-如何使用Ajax提取表单数据

我正在使用x-editable,并且想知道如何使用jquery和ajax填充我的select元素。 [编辑-为了清楚] 这是我的代码: 我正在尝试获取来源: 从函数,但不是100%确定如何从Ajax调用返回数据。
2回复

如何进行X可编辑以使用Ajax内容

我对实时加载的ajax内容和.editable()有疑问。 我正在通过ajax加载内容,该内容需要能够绑定到父页面上的.editable()函数。 在解决此问题的文档方面,我发现不多。 我想我一定是瞎子或总结。 当尝试通过ajax实时加载的内容访问该.editable时,如何使它
2回复

如何获取在页面上单击的元素的id

我有这种情况。 我有一个JavaScript函数,可以在文档点击上做一些工作: 但我还想检查点击了哪个文档元素? 那么,如何在整个文档中的任何位置获取单击的元素ID?
3回复

如何获得被点击元素的ID

我想检索单击元素的ID(在'onclick;事件上。 这是调用此函数的元素。 我想从上面的脚本中获取原始ID。 这仅在我直接将“ id”作为脚本的ID给予“ clickableRow”时有效。 “ ID”将动态更改