Question

我正在使用Jeditable插件......

我似乎无法正常工作。

我试图将数据动态加载到选择框中。

这是目前有效的......

   $('.statusedit').editable('{{URL::to("sales/edit")}}',{
    data : '{"APPROVAL":"Approval","COMPLETE":"Completed","CANCELLED":"Cancelled"}',
    type:'select',
    submit:'OK',
        indicator : 'Saving...',
        placeholder:".......",
        callback : function(value, settings) {
          replaceRow($(this).data('id'));
        }
   });

我可以为所有7个选择框执行此操作，为每个下拉列表提供7种不同的功能，这正是我正在做的事情。它运作得很好。

然而....我想只有一个函数从链接的HTML5数据属性中提取数据。

这就是我想要的，但似乎无法让它发挥作用。

  $('.allDropdowns').editable('{{URL::to("sales/edit")}}',{
    data : $(this).data('options'),
    type:'select',
    submit:'OK',
        indicator : 'Saving...',
        placeholder:".......",
        callback : function(value, settings) {
          replaceRow($(this).data('id'));
        }
   });

和HTML

点击这里

<span class='allDropdowns' data-options='{"BLAH":"Blah","DATA":"Moredata"}'> Click Here </span>

<span class='allDropdowns' data-options='{"BLAH":"Blah","DATA":"Moredata"}'> Click Here </span>

你会这样做，但它不会

知道如何将数据属性对象加载到Jeditable select

中的数据中

由于

JS FIDDLE TO PLAY WITH IF YOU CAN HELP

Answer 1

好的，我回答了自己的问题。

我会在这里发布，以防将来对任何人都有帮助。

您只需将函数传递给Jeditable

中的data参数即可

    data: function(value, settings) {
     var dat = $(this).data( 'options');
     return  dat;
    }

将正确填充选择列表。

FIXED ISSUE - JS FIDDLE

可编辑的选择框，包含HTML5数据

1 个答案: