jQuery 플러그인 easyUI를 사용하여 JS를 통해 Dialog를 표시하는 방법

jQuery插件easyUI를 통해 JS로 Dialog를 표시하는 방법을 분석한 예제입니다. 여러분께 공유하여 참고해 주세요. 다음과 같습니다：

<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
  <title></title>
  <script src="jquery-easyui-1.3.4/jquery-1.8.0.min.js" type="text/javascript"></script>
  <script src="jquery-easyui-1.3.4/jquery.easyui.min.js" type="text/javascript"></script>
  <script src="jquery-easyui-1.3.4/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
  <link href="jquery-easyui-1.3.4/themes/icon.css" rel="stylesheet" type="text/css" />
  <link href="jquery-easyui-1.3.4/themes/default/easyui.css" rel="stylesheet" type="text/css" />
 <script type="text/javascript">
    $(function () {
      $("#myDialog").dialog({
        modal: true,
        collapsible: true,       //고정 가능 설정
        toolbar: [{             //도구栏 배열 설정
          text: '추가',
          iconCls: 'icon-add',}}
          handler: function () {
            $.messager.show({ showType: "fade", msg: "데이터 추가", title: "알림", timeout: 1000 });
          }
        }, {
          text: '저장',
          iconCls: 'icon-save',
          handler: function () {
            $.messager.show({ showType: "fade", msg: "데이터 저장", title: "알림", timeout: 1000 });
          }
        }],
        buttons: [{          //아래 버튼 배열을 설정합니다
          text: '제출',
          iconCls: 'icon-ok',
          handler: function () {
            $.messager.show({ showType: "fade", msg: "데이터 제출", title: "알림", timeout: 1000 });
          }
        }, {
          text: '취소',
          iconCls: 'icon-cancel',
          handler: function () {
          }
        }]
      });
    });
</script>

jQuery와 관련된 내용에 대해 더 알고 싶은 독자들은 다음과 같은 특집을 확인할 수 있습니다: 《jQuery 창 조작 기술 요약》、《jQuery 드래그 앤 드롭 효과 및 기술 요약》、《jQuery 일반 플러그인 및 사용 방법 요약》、《jQuery 중 Ajax 사용 요약》、《jQuery 테이블(table) 조작 기술 요약》、《jQuery 확장 기술 요약》、《jQuery 일반 클래식 효과 요약》、《jQuery 애니메이션 및 효과 사용 방법 요약》 및 《jQuery 선택자 사용 요약》

본 문서에서 설명한 내용이 jQuery 프로그래밍에 도움이 되길 바랍니다.

고지사항: 본 문서의 내용은 인터넷에서 수집되었으며, 저작권은 원 저작자에게 있으며, 인터넷 사용자가 자발적으로 기여하고 자체적으로 업로드한 내용입니다. 이 사이트는 소유권을 가지지 않으며, 인공 편집 처리를 하지 않았으며, 관련 법적 책임을 부담하지 않습니다. 저작권 침해가 의심되는 내용을 발견하시면, 이메일을 notice#w로 보내 주세요.3codebox.com에 이메일을 보내시면, #을 @으로 변경하여 신고하시고 관련 증거를 제공해 주세요. 증거가 확인되면, 이 사이트는 즉시 저작권 침해 내용을 삭제합니다.