2016-09-28 20 views
0

k-detailテンプレートを行構造として持つ剣道グリッドに問題があります。 KendoUI版はここでは、htmlコードであるv2014.3.1411(剣道UI Q3 2014 SP2)k-detail-templateの剣道剣道は更新を起動しません

です:

<div kendo-grid="mainGrid" id="mobileRole" k-options="mainGridOptions"> 
    <div k-detail-template> 
     <div id="users_#= id #" kendo-grid k-options="loadUsers(dataItem)"></div> 
    </div> 
</div> 

私はあなたが写真で見ることができるボタンをクリックすると、メイン行を編集する場合.. 。 enter image description here

私は(それが「RoleBA_test」である)、その行が正常に変更されたメイン行ラベルを編集することができますが、私は、グリッドを更新すると、それが再び示されている更新プログラムを意味古いラベルは、局部的に行われているが、サーバーにトリガーされていません。私は

<div k-detail-template> 

この場合には更新が正常にサーバーにトリガされ、行がさえグリッドリフレッシュ後に変更されたままを削除すると

奇妙に発生します。 ここでは、mainGridOptionsと負荷ユーザーのための私の角のjavascriptのコードです:

$scope.mainGridOptions = gridOptions({ 
     dataSource: jData({ 
      read: { 
       url: function (data) { 
        return "api/read/rest_call"; 
       } 
      }, 
      update: { 
       url: function (data) { 
        return "api/update/rest_call"; 
       }, 
       beforeSend: function() { 
        blockUI.start(); 
       }, 
       complete: function (data, status) { 
        $scope.$evalAsync(function() { 
         blockUI.stop(); 
         if (status.toLowerCase() != 'error') { 
          $scope.editing = false; 
         } else { 
          //error 
         } 
        }); 
       }, 
       global: false 
      }, 
      destroy: { 
       url: function (data) { 
        return "api/destroy/rest_call 
       }, 
       beforeSend: function() { 
        blockUI.start(); 
       }, 
       complete: function (data, status) { 
        $scope.$evalAsync(function() { 
         blockUI.stop(); 
         if (status.toLowerCase() != 'error') { 
          $scope.editing = false; 
         } else { 
          //error 
         } 
        }); 
       }, 
       global: false 
      }, 
      create: { 
       url: function (data) { 
        return "api/create/rest_call"; 
       }, 
       beforeSend: function() { 
        blockUI.start(); 
       }, 
       complete: function (data, status) { 
        $scope.$evalAsync(function() { 
         blockUI.stop(); 
         if (status.toLowerCase() != 'error') { 
          $scope.editing = false; 
         } else { 
          alertify.alert(data.statusText); 
         } 
        }); 
       }, 
       global: false 
      }, 
      model: { 
       id: "id", 
       fields: { 
        id: { 
         type: "number" 
        }, 
        name: {}, 
       } 
      } 
     }).dataSource, 
     sortable: true, 
     columnMenu: true, 
     resizable: true 
    }); 

loadUsers

$scope.loadUsers = function (dataItem) { 
return gridOptions({ 
    dataSource: jData({ 
     read: { 
      url: function() { 
       return "api/read/rest_call/"; 
      } 
     }, 
     model: { 
      id: "id", 
      fields: { 
       id: { 
        type: "number" 
       }, 
      } 
     } 
    }).dataSource, 
    sortable: true, 
    columnMenu: true, 
    width: '90%', 
    resizable: true, 
    dataBound: function (e) { 
     onDataBound.call(this, 'mobileRoleUsers', dataItem); 
    } 
}); 
}; 

mainGridOptionsは誰もが同じ問題を抱えていましたか?

ありがとうございます。

+0

このコードは何をしますか: 'onDataBound.call(this、 'mobileRoleUsers'、dataItem);'あなたのシナリオを削除すると、期待どおりに動作しますか? – dimodi

+0

こんにちは@dimodi、あなたのコメントのおかげで、私はそれを削除しようとしましたが、それでもまだ更新の呼び出しを更新しません。 – BitRider

答えて

0

私は最新のバージョン2017.1.223を使用していましたが、同じ問題が発生しました。

私は何か解決策を見つけようとしましたが、 と、「k-detail-template」という属性が「data-k -...」の形式に置き換えられないという事実が見つかりましたHTMLマークアップ。

「k-detail-template」には角度に関する問題があると思います。

関連する問題