Merge pull request #23 from wa1kb0y/master

Added "moveItem" setting

README.md

@@ -101,8 +101,16 @@ use richardfan\sortable\SortableGridView;
     'sortUrl' => Url::to(['sortItem']),
     'sortingPromptText' => 'Loading...',
     'failText' => 'Fail to sort',
+    'moveItem' => '.moveItem', 
 
     'columns' => [
+        [
+            'content' => function(){
+                return "<span class='glyphicon glyphicon-resize-vertical'></span>";
+            },
+            'contentOptions' => ['style'=>'cursor:move;', 'class' => 'moveItem'],
+        ],
+
         // Data Columns
     ],
 ]); ?>

SortableGridView.php

@@ -34,6 +34,14 @@ class SortableGridView extends GridView {
      */
     public $failText = 'Fail to sort';
 
+    /**
+     * (optional) Element which need to drag to start sortable.
+     * Empty if need drag by whole row.
+     *
+     * @var string
+     */
+    public $moveItem = '';
+
     public function init(){
         parent::init();
 
@@ -83,6 +91,7 @@ public function run(){
             'action' => $this->sortUrl,
             'sortingPromptText' => $this->sortingPromptText,
             'sortingFailText' => $this->failText,
+            'moveItem' => $this->moveItem,
             'csrfTokenName' => \Yii::$app->request->csrfParam,
             'csrfToken' => \Yii::$app->request->csrfToken,
         ];

assets/js/sortable-grid-view.js

@@ -5,6 +5,7 @@
 	    action: 'sortItem',
 	    sortingPromptText: 'Loading...',
 	    sortingFailText: 'Fail to sort',
+	    moveItem: '',
 	    csrfTokenName: '',
 	    csrfToken: '',
 	};
@@ -16,13 +17,14 @@
 	var regex = /items\[\]\_(\d+)/;
 
 	$('#' + options.id + ' .sortable-grid-view tbody').sortable({
+		handle: options.moveItem,
 	    update : function () {
 		$('#' + options.id + '-sorting-modal').modal('show');
 		//serial = $('#' + options.id + ' .sortable-grid-view tbody').sortable('toArray', {attribute:'id'});
         serial = [];
 
 
-        $('#' + options.id + ' .sortable-grid-view tbody .ui-sortable-handle').each( function() {
+        $('#' + options.id + ' .sortable-grid-view tbody.ui-sortable tr').each( function() {
             //console.log($(this).data('key'));
             serial.push($(this).data('key'));
         });