Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/458.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ExtJS4中的可排序列表_Javascript_Jquery Ui_Extjs_User Interface_Sencha Architect_Rubaxa Sortable - Fatal编程技术网

Javascript ExtJS4中的可排序列表

Javascript ExtJS4中的可排序列表,javascript,jquery-ui,extjs,user-interface,sencha-architect,rubaxa-sortable,Javascript,Jquery Ui,Extjs,User Interface,Sencha Architect,Rubaxa Sortable,我试图在ExtJS4中实现一个可排序列表。与以下示例几乎完全相同: 我知道你可以用网格拖放插件创建一个网格面板,这个插件与此类似。但是,与上面的jQuery UI示例的不同之处在于,该示例具有可视化的糖果,比如当您在上面拖动时,项目会移动到一边,并且实际看到您正在拖动的项目(网格拖放插件仅显示您正在拖动的行数) ExtJS中是否已经存在类似的内容?如果不是,最好的方法是什么?看看这个定制的D&D示例,它可能不是您想要的,但它是一个很好的起点: 使用普通的并在其上实例化or可能更容易。Rubax

我试图在ExtJS4中实现一个可排序列表。与以下示例几乎完全相同:

我知道你可以用网格拖放插件创建一个网格面板,这个插件与此类似。但是,与上面的jQuery UI示例的不同之处在于,该示例具有可视化的糖果,比如当您在上面拖动时,项目会移动到一边,并且实际看到您正在拖动的项目(网格拖放插件仅显示您正在拖动的行数)


ExtJS中是否已经存在类似的内容?如果不是,最好的方法是什么?

看看这个定制的D&D示例,它可能不是您想要的,但它是一个很好的起点:

使用普通的
并在其上实例化or可能更容易。Rubaxa Sortable是CSS不可知的,它可以很好地与其他库配合使用

new Sortable(document.getElementsByClassName('Sortable')[0])

  • 这是
  • 它与引导程序一起工作
  • …开箱即用
  • 它支持触摸设备
  • 只需拖动一些元素即可