syncfusion ejtreegrid新しく追加されたノードを変更する

Question

私はejtreegridを使用して階層データを表示および編集しています。 また、データを保持するために、asp.netコントローラにデータを送信するために、actionCompleteイベントを使用しています。 は、ここに私のコントローラのコード：それは新しく追加されたエンティティのIDを

public int AddFamille(string DESIGNATION) 
     { 


      FAMILLE f = new FAMILLE() 
      { 

       FA_DESIGNATION = DESIGNATION, 
       FA_ID_PARENT = 1}; 
       ctx.FAMILLES.Add(f); 
       ctx.SaveChanges(); 

      return f.ID_FAMILLE; 
     } 

返し、私はそれをチェックして、それは大丈夫です。ここでのAJAX呼び出し

function OnactionComplete(args) { 
    if (args.requestType == "addNewRow") { 
        var item = args.addedRow; 

        $.ajax({ 
         type: "POST", 
         url: '/Admin/AddFamille?`DESIGNATION='+item.DESIGNATION,` 

         success: function (data) { 
          args.addedRow.ID= data; 
         } 
        }); 
       } 
} 

クライアント側の

あなたは私がサーバーから来た新しいIDを追加したアイテムのIDを交換しようとしていますが、unfortunallyそれは効果がありません見ることができるように。

ご意見をお待ちしております。 ありがとう

Answer 1

"refreshRow"パブリックメソッドを使用すると、TreeGridの特定の行を更新できます。

次のコード例をご覧ください：

function actionComplete(eventArgs) {   
     var treeObj = this, 
      //To get the index of newly added row 
      addedRow = treeObj.model.selectedItem; 
     if (eventArgs.requestType === 'addNewRow') {     
      //Newly Added Record is obtained here , which can be updated to database 
      var addedRecord = eventArgs.addedRow; 
      $.ajax({ 
       type: "POST", 
       data: { Name: addedRecord.TaskName }, 
       dataType: "json",     
       url: "/TreeGrid/Add",//Add is Server side method 
       success: function (result) {      
        addedRow.TaskId = addedRow.item.TaskId = result; 
        //To refresh the newly added row 
        treeObj.refreshRow(treeObj.model.updatedRecords.indexOf(addedRow)); 
       }, 
      }); 
     } 
    } 

を場所以下

Sample

よろしく、

Syncfusionチームサンプル用