【问题标题】:Angular drag and drop - how to pass a parameter to the onStart callback function角度拖放-如何将参数传递给onStart回调函数
【发布时间】:2015-02-26 14:00:04
【问题描述】:

情况:

我有一个使用 angular drag and drop 的应用程序。

除了一件事,一切都很好。 我需要在 onStart 回调函数中传递一个参数,但我不知道如何。 我四处寻找并尝试了几种可能性,但没有成功。 该函数本身正在工作,已被调用并正确执行,我唯一的问题是将参数传递给它。

代码:

在这个例子中,我做了一个尝试。

    <div class="col-sm-4">

        <div class="thumbnail" data-drop="true" ng-model='todo_list' jqyoui-droppable="{multiple:true, onDrop:'update_item()'}">
            <div class="caption">
                <div class="btn btn-info btn-draggable" ng-repeat="item in todo_list track by $index" ng-show="item.title" data-drag="true" data-jqyoui-options="{revert: 'invalid'}" ng-model="todo_list" jqyoui-draggable="{index: {{$index}}, onStart:'set_board_item_id_panel(event, ui, {board_item_id: item.board_item_id})'}">{{item.title}}</div>
            </div>
        </div>

    </div>

问题:

如何在angulardrag and drop的回调函数中传递参数?

非常感谢!

【问题讨论】:

  • 看来您缺少 set_board_item_id_panel( ? 的右括号
  • 感谢您的关注。它可能会进行多次尝试。我编辑问题。但还是不行。

标签: javascript jquery angularjs drag-and-drop jquery-ui-draggable


【解决方案1】:

您不需要传入参数eventui,它们是前两个默认参数。

替换...

onStart:'set_board_item_id_panel(event, ui, {board_item_id: item.board_item_id})'

随着...

onStart:'set_board_item_id_panel({board_item_id: item.board_item_id})'

然后在您的控制器中执行此操作...

....
$scope.set_board_item_id_panel = function (event, ui, board_item_id) {
    console.log(board_item_id);
}
....

【讨论】:

  • 非常感谢!这是工作。在此期间,我正在创建一个 Plunker。我已经改正了。也许你可以在你的答案中加入,这样可以提供进一步的帮助。有一个带有回调函数 onStart 和 Ondrop 的多个列表:plnkr.co/edit/Yi4xzLHms5PZprFpkpj1?p=preview
猜你喜欢
  • 1970-01-01
  • 2013-02-07
  • 2014-09-16
  • 1970-01-01
  • 1970-01-01
  • 2022-01-25
  • 2011-03-28
相关资源
最近更新 更多