Slickgrid를 사용하여 XML 데이터를 렌더링하는 방법은 무엇입니까?

Question

우리는 JQuery 및 JQuery UI를 사용하여 xml to dom 테이블을 데이터 저장소 기반 그리드로 다시 작성하려고합니다. ExtJs에서는 데이터 Modal과 함께 Ext.data.reader.Xml을 사용하여 반환 된 데이터를 그리드에 매핑 할 수 있습니다. 같은,하지만 JQuery 기반 눈금 라이브러리를 사용하여 노력하고 있어요. 성과와 주제 또한 고려해야합니다.

이전에는 JqGrid를 사용했지만 xmlmap 옵션이 있습니다. 그러나 SlickGrid는 성능 성능면에서 특별히 주목하고 있습니다. XML 기반 예제를 볼 수 없었습니다. 슬릭 그리드에 가면 XML 객체를로드하고 루프를 통해 데이터 객체를 빌드해야 할 것입니다.

누구나 Slickgrid를 사용하여 XML 데이터를 표시 할 수있는 제안이 있습니까? 특히 xmlmap 또는 xml 리더 기능이 있습니까? SlickGrid가 JqGrid에 비해 1000 줄의 성능 향상을 제공합니까? XML의

예 :

  <D:prop> 
      <FileExtension>.s4d</FileExtension> 
      <ComponentType>DynamicTrove</ComponentType> 
      <getcontenttype>application/xml</getcontenttype> 
      <ComponentCreatedOn>2011-03-17 12:57:57 </ComponentCreatedOn> 
      </D:prop> 
      <D:prop> 
      <FileExtension>.s4d2</FileExtension> 
      <ComponentType>DynamicTrove2</ComponentType> 
      <getcontenttype>application/xml2</getcontenttype> 
      <ComponentCreatedOn>2011-03-17 12:57:57 2</ComponentCreatedOn> 
      </D:prop> 

감사합니다.

예

Answer 1

그리드에 이러한 XML 데이터를 표시 할 수 있습니다. 사용자가 1000 행의 데이터를 분석해야하는 경우 사용자에게 매우 실용적 일 수있는 로컬 검색 및 필터링을 포함하는 것이 좋습니다. 필터링과 함께 페이징을 사용하면 1000 행에 대해 매우 우수한 성능을 얻을 수 있습니다. 한 번에 1000 개의 행을 모두 표시하는 것은 좋지 않습니다. 페이징이 훨씬 좋습니다.

jQuery와 관련하여 여러 가지 방식으로 구문 분석 될 수 있기 때문에 주요 문제는 XML 네임 스페이스 일 수 있습니다. 문제에 대한 간략한 설명은 the answer을 참조하십시오.

The demo은 출발점이 될 수있는 예입니다. Another demo은 XML 네임 스페이스를 사용하며 IE에서 올바르게 작동하지만 Chrome에서는 올바로 작동합니다.