ComponentOne InputPanel은 전체 데이터 입력 폼을 쉽게 만들고 관리할 수 있는 혁신적인 .NET 컨트롤입니다. C1InputPanel은 자동으로 데이터 입력 폼을 생성하므로 폼을 만들고 유지하는 데 걸리는 시간을 줄일 수 있습니다.

이 블로그는 직관적이고 강력한 컴포넌트를 사용하여 몇 분 내에 전체 .NET 데이터 입력 폼을 만드는 것이 얼마나 쉬운지에 대해 알려드립니다.

ComponentOne을 다운로드하여 수백 개의 샘플을 받고 .NET Rfamework dll을 포함하여 로컬에서 모든 라이브러리에 대한 액세스를 확보하십시오.

ComponentOne InputPanel을 사용하면 바인딩된 전체 데이터 입력 폼 만들기는 아래와 같이 간단합니다.

1. 폼에 C1InputPanel 컨트롤 추가하기

2. 데이터 모델에 C1InputPanel 컨트롤 연결

3. 레이아웃(다시 정렬, 그룹화 및 열 만들기) 수정

1. 폼에 C1InputPanel 컨트롤 추가하기

먼저 Windows Forms 응용 프로그램을 만들어야 하거나 기존 응용 프로그램 내에서 새 폼을 만들 수 있습니다. C# 또는 VB를 선택한 다음 4.5.2보다 높은 버전의 .NET를 선택할 수 있습니다. 이 예에서는 WinForms 컨트롤을 표시하지만 WPF 버전도 있습니다.

NuGet에서 컨트롤 패키지를 설치할 수 있습니다. NuGet 패키지 관리자를 열고 .NET 6+ 응용 프로그램용 C1.Win.InputPanel을 검색하거나 .NET Framework 응용 프로그램용 C1.Win.C1InputPanel을 선택합니다.

패키지가 설치되면 Visual Studio 도구 상자에서 C1InputPanel 아이콘을 찾아 두 번 클릭하여 응용 프로그램에 추가합니다.

폼에서 C1InputPanel을 선택하고 속성 창에서 "Dock" 속성을 찾아 "Fill"로 설정합니다.

2. 데이터 모델에 C1InputPanel 컨트롤 연결

폼에 C1InputPanel이 있으며 제대로 도킹되었으니 데이터 소스에 연결할 시간입니다. 이 샘플에서는 C1InputPanel을 이 "Employee" 데이터 모델에 연결하지만 해당 응용 프로그램에서 어떤 모델이든지 사용할 수 있습니다.

public class Employee
{
   public string FirstName { get; set; }
   public string LastName { get; set; }
   public string Address { get; set; }
   public string City { get; set; }
   public string Country { get; set; }
   public DateTime HireDate { get; set; }
   public Boolean IsRemote { get; set; }
}

다음으로 디자인 타임에 데이터를 이 모델에 바인딩할 수 있도록 Visual Studio에서 객체 데이터 소스를 만들도록 하겠습니다. 오른쪽 상단에서 C1InputPanel 작업 메뉴(SmartTag라고도 함)를 엽니다.

"새 객체 데이터 소스 추가"를 클릭한 다음 "Employee" 클래스(또는 사용자 정의 비즈니스 개체)를 선택합니다.

직원(Employee) 객체 데이터 소스는 이제 "기타 데이터 소스" 노드에서 C1InputPanel의 데이터 소스로 선택할 수 있습니다.

이를 선택하고 입력 필드가 폼에서 자동으로 생성되는 방법을 확인합니다.

C1InputPanel은 자동으로 컨트롤을 맞추고 적절한 레이블 캡션과 탐색 컨트롤을 추가하므로 런타임에 폼을 빠르게 탐색할 수 있습니다. 데이터 소스에 따라 각각의 개별 편집기를 데이터에 바인딩할 수도 있습니다.

두 개의 단계에서 레코드를 보거나 수정하거나 데이터베이스에 추가하는 데 사용할 수 있는 전체 기능의 데이터 입력 폼을 만들었습니다. 이 프로세스는 employeeBindingSource라는 BindingSource를 자동으로 만들었으며 이는 데이터와 UI 간에 가교 역할을 합니다. 또한 실제 데이터를 BindingSource에 제공해야 합니다. 이 간단한 샘플을 위해 코드에 추가할 레코드가 여기에 있습니다. 하지만 CRM, SQL Server 또는 실제 응용 프로그램의 파일에서 이를 로드할 수 있음을 염두에 두시기 바랍니다.

List<Employee> employees = new List<Employee>();
employees.Add(new Employee() { FirstName = "Greg", LastName = "Lutz", Address = "201 S. Highland Ave", City = "Pittsburgh", Country = "USA", HireDate = DateTime.Now, IsRemote = true });
employeeBindingSource.DataSource = employees;

다음으로 항목의 순서를 다시 정렬하고 두 번째 열을 추가하고 관련 항목을 그룹화하여 데이터 항목 폼의 외형을 빠르게 사용자 정의하겠습니다.

3. 입력 필드 다시 정렬

전체 폼을 다시 구조화해야 할 걱정 없이 언제든지 폼의 컨트롤을 다시 정렬할 수 있습니다. C1InputPanel은 탭 순서를 자동으로 다시 구성하고 컨트롤을 다시 맞춥니다.

C1InputPanel 작업 메뉴(SmartTag)에서 "항목 편집"을 클릭하여 항목 컬렉션 편집기를 엽니다.

컬렉션 편집기는 단일 항목 또는 여러 항목을 이동하기 쉽게 해줍니다. 멤버 목록에서 "sepLine" 및 "navEmployee" 항목을 선택하고 아래쪽 화살표 버튼을 눌러 "txtCountry" 항목 바로 아래 항목을 이동합니다. 이는 탐색을 아래쪽에 더 가깝게 이동합니다.

새 열로 흐름 분리

기본적으로 항목은 폼에서 행별로 흐릅니다. 하나의 속성만 설정하여 컨트롤의 흐름을 두 번째 열로 분리할 수 있습니다. 이를 위해 "navEmployee" 항목을 선택하고 "Break" 속성을 "Column"으로 설정합니다.

행은 "Hire Date" 및 "Is Remote" 필드를 분리하고 다음 열로 이동합니다. 모든 컨트롤은 자동으로 맞춰집니다.

관련 필드 그룹화

C1InputPanel로 관련된 필드의 시각적 그룹화를 만들 수 있습니다. 예를 들어 Address, City 및 Country 필드를 축소할 수 있는 단일 "Address" 그룹으로 그룹화할 수 있습니다.

이를 위해 "InputGroupHeader" 항목을 추가하여 주소 관련 필드 위에 배치합니다. "Collapsible" 속성을 설정하여 그룹을 축소 가능하게 만들 수도 있습니다. 여기에서는 레이블 텍스트도 변경했습니다.

그룹 헤더 사이의 모든 항목은 단일 그룹의 일부이므로 원하는 조직을 얻으려면 항목을 추가로 다시 정렬해야 할 수 있습니다.

결론

몇 분 내에 우리는 WinForms용 ComponentOne InputPanel로 다듬어진 대화형 .NET 데이터 입력 폼을 만들었습니다.

ComponentOne InputPanel을 통해 데이터 입력 폼을 아주 쉽게 만들 수 있습니다. 이 튜토리얼에서는 전체 폼의 재구조를 걱정할 필요 없이 데이터 입력 폼을 빠르게 만들고 수정하는 방법을 설명하였습니다.

WinForms용 InputPanel의 자동 맞춤 및 탭 순서가 이를 가능하도록 해줍니다. 이 쉬운 설정은 낮은 유지보수 산출량과 함께 시간이 지남에 따라 생산성을 향상하였습니다. 다음에는 필드를 추가하거나 제거하여 이 폼을 수정해야 하며 이는 몇 초밖에 걸리지 않습니다.

지금 바로 ComponentOne을 다운로드하여 직접 테스트해보세요!

• ComponentOne 공식 홈페이지
• ComponentOne 튜토리얼 및 샘플
• ComponentOne Q&A
• ComponentOne FAQ