Mobile FormView

FormView는 모바일 환경에서 View는 물론이고 사용자들이 추가나 수정 등을 손쉽게 할 수 있도록 마련된 폼 입니다. View시에는 Swipe 제스처로 다음 레코드나 이전 레코드들을 확인할 수 있습니다.

GridView를 FormView로 전환하려면 FormView.visible을 true로 지정하면 됩니다. FormView에 표시할 컬럼 item들은 formView.model.load()통해 설정 합니다.

  formView = gridView._view.container.formView;
  formView.visible = false;
  formView.options.modal = true;
  formView.options.modalPadding = "10% 8%";
  formView.options.autoClose = true;
  formView.options.saveLabel = "저장";
  formView.options.cancelLabel = "취소";
  
  formView.model.load({
      items: [
          {
              header: "국가명",
              column: "Country"
          },
          {
              header: "회사명",
              column: "CompanyName"
          },
          {
              header: "주문일",
              column: "OrderDate"
          },
          {
              header: "수량",
              column: "Quantity"
          },
          {
              header: "가격",
              column: "UnitPrice"
          }
      ]
  });

  ...

  function showFormView() {
    formView.visible = true;
  }

행 추가

FormView에서 행을 추가하여 편집 합니다.

  function AppendMode() {
    if (gridView.getCurrent().itemIndex == -1) {
        gridView.setFocus();
    }

    formView.visible = true;
    formView.appendRow();
  }

편집

GridView에서 선택한 행을 편집 합니다.

  function editMode() {
    if (gridView.getCurrent().itemIndex == -1) {
        gridView.setFocus();
    }

    gridView.beginUpdateRow();
    formView.visible = true;
  }