2010-12-13 6 views
2

저는 YUI의 AJAX와 YUI Datatable 간의 혼합에 약간의 문제가 있습니다.YUI AJAX 및 .Net MVC

{NoteId:'" + result.NoteId + "', CreatedOn:'" + result.CreatedOn.ToShortDateString() + 
        "', UpdatedOn:'" + result.UpdatedOn.ToShortDateString() + "', CreatedBy:'" + result.CreatedBy + 
        "', NoteContent:'" + result.NoteContent + "'} 

다음은 제대로 테이블 ID를 일치, 난 (제대로 작동) 처음에 데이터 테이블을 생성하는 문에서이 서식을 찢어 : Ajax 요청 화재가 제대로 나는 같은 형식의 올바른 데이터를 다시 얻을. 나는 'onSuccess'가 내 AJAX 호출에 엉망이되는지, 그리고 이것이 YUI를 처음 만지는 지 나는 모른다.

또한 수동으로 noteTable.addRow를 실행하고 데이터를 하드 코딩하면 작동합니다. AJAX 호출 표 업데이트에 대한

코드 : 사람이 모양과 내가 뭔가를 엉망 곳 알려주세요 수 있다면, 그래서

function addNote() { 
      var noteText = editor.get('element').value; 
      var id = '<%= Model.Menu.Level1Tab %>' 
      var lpqId = <%= Model.LpqID %> 
      var sUrl = "/Lpm/Notes"; 
      var callback = { 
        success: function(o) { 
          noteTable.addRow(o.responseText); 
         }, 
        failure: function(o) { 
         } 
        } 

      var transaction = YAHOO.util.Connect.asyncRequest('POST', sUrl, callback, 'id=' + id + '&noteContent=' + noteText + '&noteId=' + noteId + '&lpqId=' + lpqId); 
     } 

은 내가 감사하겠습니다,이 꽤 잘 붙어 그것. 더 많은 정보가 필요하다면, 나는 방화 광 디버깅 정보를 포함하여 충분하다. 미리 도움을 청하십시오.

답변

1

o.responseText를 문자열에서 개체로 변환해야하는 것처럼 보입니다. JSON 유틸리티를 사용하면 다음을 수행 할 수 있습니다. http://developer.yahoo.com/yui/json/.

DataTable의 데이터 소스 통합은 이러한 문제를 효과적으로 관리하는 데 도움이됩니다. 이 예제 (http://developer.yahoo.com/yui/examples/datatable/dt_xhrjson.html)는 DataSource를 설정하고이를 DataTable과 통합하는 방법을 보여줍니다. 서버에서 일부 데이터를 가져 오는 요청을 보낸 다음 콜백에서 "onDataReturn ..."메서드 중 하나 (http://developer.yahoo.com/yui/datatable/#data 아래의 "런타임에 데이터로드"참조)를 사용할 수 있습니다.