Mos*_*ing 1 html javascript jquery extjs jquery-ui
有谁知道如何使多选(见下面的 HTML)可排序?使用 jQuery 还是 Ext JS?通过可排序,我的意思是我可以向上或向下拖动一个项目(一个选项)以在选择控件中重新定位它。
<select id="testing" multiple=multiple>
<option>First Option</option>
<option>Second Option</option>
<option>Third Option</option>
<option>Forth Option</option>
<option>5 Option</option>
<option>6 Option</option>
<option>7 Option</option>
</select>
Run Code Online (Sandbox Code Playgroud)
这可以附加到文本(自由标记)以及选择。我确实有drag_drop 和remove_button 插件。
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/js/standalone/selectize.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/css/selectize.css" />
<script>
$(function() {
$('select').selectize({
plugins: ['remove_button', 'drag_drop']
});
});
</script><select multiple>
<option value ="1">One</option>
<option value ="2" selected>Two</option>
<option value ="3" selected>Three</option>
</select>Run Code Online (Sandbox Code Playgroud)
这可以附加到一个选择元素,并有一个有序选项,然后重写选择选项的顺序。因此,您的选择将按照您选择的顺序返回。拖放是不可能的,也不会被实现。
| 归档时间: |
|
| 查看次数: |
3732 次 |
| 最近记录: |