在淘汰赛中上下移动一行

Question

大家好我有一个要求就像我想在我点击相应的行时上下移动行，但是当顶部有一个文本框时我想显示该行，否则它应该被移动，同样当底部有一个文本框，或者如果它是最后一行，我想显示该行，如果不是，我应该将它移动到下面。

<script type="text/javascript">
    var knockoutModel = function () {
        var self = this;
        var jsonData = [{
            "groupname": "group1",
            "groupData": [{
                "Name": "XYZ",

            }, {
                "Name": "ABC",
            }, ]

        }, {
            "groupname": "group2",
            "groupData": [{
                "Name": "XYZ",
            }, {
                "Name": "DEF",
            }]

        }];

        this.myData = ko.observableArray(jsonData);
        this.moveUp = function (data) {

            var idx = self.myData.indexOf(data),
              tmp = self.myData.splice(idx, 1);

            self.myData.splice(idx - 1, 0, tmp[0]);
        };
        this.moveDown = function (data) {
            var idx = self.myData.indexOf(data),
              tmp = self.myData.splice(idx, 1);

            self.myData.splice(idx + 1, 0, tmp[0]);
        };
    }
    ko.applyBindings(new knockoutModel());

以下是我尝试但无法按要求https://jsfiddle.net/JSFiddler1/bkv12nh2/

获取的内容