1. Home
  2. jQuery를 EasyUI 창 - 대화 상자는 도구 모음 버튼을 사용자 정의

최고의 jQuery를 EasyUI 창 - 대화 상자는 도구 모음 버튼을 사용자 정의 튜토리얼 2024년, 이 튜토리얼에서는 jQuery를 EasyUI 예제를 다운로드,를 배울 수 있습니다.

jQuery를 EasyUI 창 - 대화 상자는 도구 모음 버튼을 사용자 정의

당신은 당신이 HTML 태그를 생성 할 수 있습니다 (도구 모음)와 버튼 (단추) 대화 (대화)와 도구 모음을 만들 수 있습니다. 이 튜토리얼은 자바 스크립트 코드없이 대화 상자 (대화)에 도구 모음 (도구 모음)와 버튼 (단추)를 추가하는 방법에 대해 설명합니다.

작성 대화 상자 (대화) 

	<사업부 아이디 = "DD"클래스 = "easyui-대화"제목 = "내 대화"스타일 = "너비 : 400 픽셀, 높이 200 픽셀; 패딩 : 10px"
			도구 모음 = "#의 DLG-도구 모음"버튼 = "#의 DLG-버튼">
		대화 내용.
	</ DIV>

도구 모음 만들기 (도구 모음) 

	<사업부 아이디 = "DLG-도구 모음">
		<테이블의 cellpadding = "0"cellspacing = "0"스타일 = "폭 : 100 %">
			<TR>
				<TD>
					<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true"> 편집 </a>를
					<a href="#" class="easyui-linkbutton" iconCls="icon-help" plain="true"> 도움말 </a>를
				</ TD>
				<TD 스타일 = "텍스트 정렬 : 권리">
					<입력> </ 입력> <a href="#" class="easyui-linkbutton" iconCls="icon-search" plain="true"> </a>를
				</ TD>
			</ TR>
		</ 테이블>
	</ DIV>

버튼 만들기 (버튼) 

	<사업부 아이디 = "DLG-버튼">
		<테이블의 cellpadding = "0"cellspacing = "0"스타일 = "폭 : 100 %">
			<TR>
				<TD>
					<IMG SRC = "email.gif"/>
				</ TD>
				<TD 스타일 = "텍스트 정렬 : 권리">
					<a href="#" class="easyui-linkbutton" iconCls="icon-save" 저장 </a>에 onclick="javascript:alert('save')">
					<a href="#" class="easyui-linkbutton" iconCls="icon-cancel" 닫기 </a>를 onclick="javascript:$('#dd').dialog('close')">
				</ TD>
			</ TR>
		</ 테이블>
	</ DIV>

그것은 적절한 DIV 요소를 선택하는 선택으로 행동하고 (도구 모음) 도구 모음에 추가하므로, 대화 상자 (대화) 도구 모음 (도구 모음)와 버튼 (버튼) 속성도 문자열 값으로 지정 될 수 있습니다 또는 단추 (버튼) 위치.

jQuery를 EasyUI 예제를 다운로드

jeasyui-win-dlg2.zip

핫 튜토리얼

Contact US

jQuery를 EasyUI 창 - 대화 상자는 도구 모음 버튼을 사용자 정의
10/30