Question

我刚刚安装了Sencha Touch 2.3，我注意到有一个名为“Ext.plugin.SortableList”的新插件：

http://docs.sencha.com/touch/2.3.0/#!/api/Ext.plugin.SortableList

我正在编写自己的可排序列表，基于Sencha Touch 2.2.1，当我看到这个并认为是时候升级Sencha Touch并使用插件了。

任何人都可以提供一个如何使用它的小例子吗？我希望它允许我指定一个用于拖动的句柄选择器并立即使用它，但它似乎不起作用。代码如下。任何帮助表示赞赏。

Ext.define('kcm.view.favslist', {

    extend: 'Ext.List',

    requires: [

        'Ext.dataview.List', 
        'kcm.store.favstore', 
        'Ext.plugin.SortableList'

    ],

    xtype: 'favslist',      

    config: {
        height: '100%',
        width: '100%',      

        emptyText: 'No favorites. Tap the Add button to add the current topic.',        

        store: 'favstore_id',

        itemTpl: '<table id="each_fav" width="100%" valign="center" border="0"> '+
        '<tr valign="center">'+
            '<td valign="center" width="30"><div>' +
                '<input type="image" name="Delete" id="delfav" src="resources/images/deletebuttonnew.png" ' +
            '</div></td>'+
            '<td><div class="fav_title">{fav_name}</div>' +
                '<div class="fav_breadcrumb">{breadcrumb}</div></td><td valign="center" width="30"><div>' +
                '<input type="image" name="dragfav" id="dragfav" zindex="99999" src="resources/images/dragitem.png" ' +
                '</div>'+
            '</td>'+
        '</tr>'+
        '</table>',

        plugins: [
            {
                xclass: 'Ext.plugin.SortableList',
                handleSelector: 'dragfav'

            }
        ]



    }



});

谢谢，

安迪。

Answer 1

看起来handleSelector配置应该是一个CSS类型选择器，所以在你的例子中应该是“.dragFav”来选择一个带有dragFav类的元素。

Sencha Touch 2.3中的可排序列表 - 如何使用它？

1 个答案: