ComponentOne에서는 최근 JSON DataConnector를 도입했습니다. C1JsonDataConnector는 ADO.NET 또는 Entity Framework Core를 사용하여 JSON 데이터에 빠르게 연결할 수 있습니다. Visual Studio Server Explorer를 통해 JSON 웹 서비스에 연결하고, JSON 표를 보고, SQL 또는 쿼리 빌더를 사용하여 쿼리를 만들 수 있습니다. JSON 표를 데이터 집합 디자이너에 끌어서 놓기만 하면 코드 한 줄을 작성하지 않고도 컨트롤을 바인딩할 수 있습니다.

이 블로그에서는 Visual Studio Server Explorer를 통해 JSON 웹 서비스에 연결한 다음 코드 없이 웹 서비스에서 FlexGrid를 데이터에 바인딩하는 방법에 대해 살펴보겠습니다.

JSON 데이터 소스 연결

첫 번째 단계는 Visual Studio의 Server Explorer 창을 사용하여 JSON 데이터 소스 연결을 만드는 것입니다. 이미 ComponentOne DataServices를 설치했으며 Visual Studio가 열려 있다는 가정하에 단계는 다음과 같습니다.

• 보기 -> Server Explorer로 이동하여 “Server Explorer” 창을 엽니다.

• Server Explorer에서 “데이터베이스에 연결” 버튼을 클릭합니다.

• “데이터 소스 변경” 창이 열립니다.

• 데이터 소스로 "C1 JSON 데이터 소스"를 선택합니다.

• 데이터 공급자가 데이터 공급자로 "JSON을 위한 C1 ADO.NET 공급자"를 표시합니다.

• 확인 클릭

• “연결 추가” 창이 열립니다.

• URI, 문서 모델, JsonPath 및 사용 사례에 따른 기타 항목과 같은 연결 속성을 설정합니다. JSON Data Connection 속성에 대한 자세한 내용은 C1JsonDataConnector 문서에서 참조할 수 있습니다.

• 확인 클릭

• Server Explorer에서 새로운 데이터 연결 "C1 JSON"을 표시합니다.

• 표를 마우스 오른쪽 버튼으로 클릭하고 "데이터 검색"을 선택하여 레코드를 확인합니다.

JSON 데이터 소스에서 DataSet 만들기

이제 Json 데이터 소스와의 데이터 연결이 생겼습니다. FlexGrid와 바인딩할 수 있는 DataSet를 만들어 보겠습니다. 단계는 다음과 같습니다.

• 새 DataSet 항목을 프로젝트에 추가합니다.

• DataSet 디자이너를 엽니다.

• “C1 Json” 데이터 연결에서 데이터 집합으로 표를 끌어서 놓습니다.

• DataAdapter가 있는 DataTable이 데이터 집합에 추가됩니다.

• 원하지 않는 열을 제거하도록 DataTable을 구성합니다.

이제 DataSet가 DataTable과 함께 준비되었습니다.

데이터를 FlexGrid로 바인딩

이제 데이터 집합이 준비되었으며 FlexGrid로 바인딩해보겠습니다. 이미 FlexGrid로 양식을 만들었다고 가정하면 아래 주어진 단계를 따를 수 있습니다.

• 속성 창에서 FlexGrid의 DataSource 속성으로 이동합니다.

• DataSource 속성 앞에 표시된 버튼을 눌러 드롭다운을 엽니다.

• 드롭다운에서 “기타 데이터 소스” 노드를 확장합니다.

• 그런 다음 “프로젝트 데이터 소스” 노드를 확장합니다.

• 방금 만든 DataSet를 선택합니다.

• 디자이너가 DataSet의 인스턴스와 BindingSource를 만들어 FlexGrid에 할당합니다.

• Binding Source의 DataMember 속성을 표의 이름으로 설정합니다.

• FlexGrid가 이미 BindingSource에 바인딩되었으므로 DataMember를 설정하는 즉시 FlexGrid에서는 아래 이미지에 표시된 것처럼 데이터 표로부터 열을 표시합니다.

응용 프로그램을 실행하면 최종 그리드는 아래 이미지와 같아집니다.

지금 최신 ComponentOne을 다운로드하면 C1JsonDataConnector의 Visual Studio 통합을 사용하여 JSON 데이터 소스에서 데이터로 데이터 그리드를 쉽게 바인딩하는 방법을 직접 확인해보실 수 있습니다.