jQuery UI 可排序 - 外部控件

发布于 2024-09-04 08:59:11 字数 691 浏览 4 评论 0原文

我在模式对话框（非 jQuery UI）中有一个可排序列表：

<div id="modal">
    <ul id="reorderList">
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
        <li>Item 4</li>
        <li>Item 5</li>
    </ul><!-- /#reorderList -->

    <button class="save" type="button">Save Order</button>
    <button class="cancel" type="button">Cancel</button>
</div>

我想将一个单击事件处理程序附加到“保存订单”按钮，以触发 sortable('toArray') 功能。同样，我希望“取消”按钮触发 sortable.('destroy') 将列表重置为其初始状态。

尽管我很好地处理了可排序回调函数中的触发事件形式，但我还没有找到有关从这些外部控件调用方法的任何信息。

原文

I have a sortable list inside of a modal dialog (non jQuery UI):

<div id="modal">
    <ul id="reorderList">
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
        <li>Item 4</li>
        <li>Item 5</li>
    </ul><!-- /#reorderList -->

    <button class="save" type="button">Save Order</button>
    <button class="cancel" type="button">Cancel</button>
</div>

I would like to attach a click event handler to the 'Save Order' button that triggers the sortable('toArray') functionality. Likewise, I would like the 'Cancel' button to trigger sortable.('destroy') to reset the list to it's initial state.

Although I have a good handle on triggering events form within sortable's callback functions, I haven't found any information on calling methods from these external controls.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

霞映澄塘 2024-09-11 08:59:12

尝试这样的操作：

$('.save').click(function(){ 
   reorderListArray = $('#reorderList').sortable('toArray');
});

$('.cancel').click(function(){ 
    $('#reorderList').sortable('cancel');
});

这应该将调用附加到保存按钮上的单击事件。该数组将传递到 reorderListArray 中，供您根据需要使用。

希望有帮助。

Try something like this:

$('.save').click(function(){ 
   reorderListArray = $('#reorderList').sortable('toArray');
});

$('.cancel').click(function(){ 
    $('#reorderList').sortable('cancel');
});

This should attach the call to the click event on your save button. The array is passed into the reorderListArray for you to use as you require.

Hope that helps.

回复收藏 0 原文

~没有更多了~