JavaScript/Ajax 코드에서 Infragistics WebGrid 데이터를 어떻게 관리합니까?

Question

일부 데이터 목록에 대한 Infragistics WebGrid Control을 사용해야하는 프로젝트를 진행 중입니다. 맵에 표시를 위해 JavaScript를 사용하여 클라이언트 측에 데이터를로드하고 있으며 여러 웹 그라이드 내에 동일한 데이터를 표시해야합니다. 사용 가능한 모든 데이터는 WebGrids에 표시되지만 데이터의 하위 집합 (현재 시야 내에있는 것만) 만 주어진 시간에 맵에 표시됩니다. JavaScript/ajax를 사용하여 데이터를로드하고 있으므로 한 번만로드하고 동일한 메커니즘을 사용하여 WebGrid 컨트롤을 데이터로 채우고 싶습니다.

클라이언트 측 JavaScript/Ajax 코드 내에서 WebGrid로 완전히 작업하는 데 팁/포인터가 있습니까?

Answer 1

떠오르는 유일한 생각은 성능 관련입니다. 우리는 Ultrawebgrid의 동적으로 생성 및 채우는 행이 우리가 좋아했던 것보다 느리게 느린다는 것을 발견했습니다. (우리의 경우 우리는 행의 수가 너무 커질 때 행을 한 그리드에서 다른 그리드로 옮기고 성능 문제에 도달했습니다.)

내가 오늘 당신과 같은 일을하고 있다면, 가능한 경우 서버 측에서 그리드를 채우고지도의 관련 값을 표시 할 것입니다.

추가 면책 조항으로, 우리는 Infragistics 2007.1을 사용했습니다. 이 분야에서 2008.x가 더 나은지 모르겠습니다.

Answer 2

Infragistics WebGrids는 데이터 클라이언트 측을 채우는 데 사용할 수있는 매우 복잡한 클라이언트 측면 객체 모델을 노출시킵니다.

가장 먼저해야 할 일은 WebGrid 컨트롤을위한 전체 CSOM을 살펴 보는 것입니다. 현재 DOC 버전을 찾을 수 있습니다. http://help.infragistics.com/netadvantage/net/2008.3/clr2.0/

짧은 예를 들으려면 그리드에 반박을 잡은 다음 행과 데이터를 추가해야합니다. JavaScript에서 모든 작업을 수행하지 않고 설계 시간에 그리드의 열 정의를 설정하는 것이 더 쉬울 것입니다.

첫째 : 그리드에 굴복하기 :

var grid = igtbl_getGridById('dataGridControlID');

그런 다음 새 행을 추가하십시오.

var newRow = grid.Rows.addNew()

완료된 후에는 행의 열을 루프하여 데이터를 채울 수 있습니다.

var oCols = newRow.Band.Columns;
for(var i=0; i < oCols.length; i++) {
    newRow.getCell[i].setValue(yourValue)
}

또는 각각을 키로 주소로 처리하여 데이터를 채우십시오.

newRow.getCellFromKey(colKey).setValue(yourValue,fireEvents);