YUI3 데이터 테이블 - <a href="http://jsfiddle.net/BM3kX/5" rel="nofollow">http://jsfiddle.net/BM3kX/5</a></p> <p>그것은 YUI DataTable에 의해 소비 JSON의 조각이있다 - 행 서식 및 선택

Question

나는 예를 들어 여기에 일이있다. 같은 것에 관한 몇 가지 질문이 있습니다.

1. JSON 제가 동일한 셀의 'showName'속성에 따라 이미지 [16 × 16]를 렌더링 할 필요가 이로부터 "imageURI '속성을 갖는다. 또한 테이블에는 여러 행이 있으므로 각 행에 효율적으로 렌더링되어야하는 이미지가있을 수 있습니다.

2. 행을 클릭하면 표에 선택된 레코드가 표시됩니다. 그러나 여기에는 비틀기가 있습니다. 데이터를 렌더링하는 데 사용되는 JSON과 정확하게 일치해야합니다. (테이블의 어느 위치에서도 사용하지 않아도 'type'특성을 가져야합니다.)

위의 요구 사항을 어떻게 충족시킬 수 있습니까? 어떤 해결책이나 가능성?

Answer 1

1) 거기에는 할 수있는 것이 많지 않습니다. 이미지가 각 레코드마다 다르다고 가정하므로 클라이언트의 크기를 조정하는 대신 적절한 크기로 이미지를 보내는 것 외에는 최적화 할 것이 많지 않습니다. 이미지가 상태를 나타내는 일종의 아이콘이라면, 어떻게 든 코딩 된 상태를 보내고 브라우저가 표현 방법을 결정하게하는 것이 좋습니다. 그러나 사람들의 그림 인 경우 브라우저에서 처리하도록해야합니다. 그들이 할 수있는 최선을 다하십시오.

2) 클릭 한 행의 모델에서 원본 데이터를 쉽게 재구성 할 수 있습니다. 해당 행에 대한 JSON 사본을 보관할 필요는 없으며 필요할 때마다 JSON으로 변환 할 수 있습니다 (결국 모델에 쉽게 toJSON 메서드가 있습니다). 표의 각 레코드에 대한 모델은 표에 표시된 것보다 많은 정보를 보유 할 수 있습니다. column 속성은 데이터 테이블에 무엇을 표시할지, 데이터 소스에 무엇을 저장 할지를 알려줍니다. getRecord를 사용하여 기본 모델에 도달하고 JSON 인코딩합니다. 유형이 원래 있던 경우에는 표시하지 않더라도 계속 표시됩니다.