최고의 jQuery를 EasyUI 메뉴 및 버튼 - 분할 버튼 만들기 튜토리얼 2024년, 이 튜토리얼에서는 jQuery를 EasyUI 메뉴 및 버튼 - 분할 버튼 만들기를 배울 수 있습니다.

jQuery를 EasyUI 메뉴 및 버튼 - 분할 버튼 만들기

분할 버튼 (분할 버튼) 링크 버튼 (링크 버튼) 및 메뉴 (메뉴)가 포함되어 있습니다. 사용자가 아래쪽 화살표를 클릭 할 때, 또는 해당 메뉴를 표시 할 영역 위로 마우스를 가져. 이 예는 만들고 분할 버튼 (분할 버튼)를 사용하는 방법을 보여줍니다.

우리는 분할 버튼 (분할 버튼)와 링크 버튼 (링크 버튼)을 작성 :

	<사업부 스타일 = "테두리 : 1 픽셀 고체 #ccc; 배경 : #fafafa; 패딩 : 5px; 폭 : 120 픽셀;">
		<a href="#" class="easyui-splitbutton" menu="#mm" iconCls="icon-edit"> 편집 </a>를
		<a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-help"> </a>를
	</ DIV>
	<사업부 아이디 = "mm"스타일 = "너비 : 150 픽셀;">
		<사업부 iconCls = "아이콘-취소"> 취소 </ DIV>
		<사업부 iconCls = "아이콘 - 재실행"> 다시 실행 </ DIV>
		<사업부 클래스 = "메뉴 9 월"> </ DIV>
		<DIV> 잘라 내기 </ DIV>
		<DIV> 복사 </ DIV>
		<DIV> </ DIV> 붙여 넣기
		<사업부 클래스 = "메뉴 9 월"> </ DIV>
		<DIV>
			<SPAN> 열기 </ SPAN>
			<사업부 스타일 = "너비 : 150 픽셀;">
				<DIV> 파이어 폭스 </ DIV>
				<DIV> 인터넷 익스플로러 </ DIV>
				<사업부 클래스 = "메뉴 9 월"> </ DIV>
				<DIV> 프로그램 선택 ko. </ DIV>
			</ DIV>
		</ DIV>
		<사업부 iconCls = "아이콘-제거"> 삭제 </ DIV>
		<DIV> 모든 </ DIV> 선택
	</ DIV>

지금 분할 버튼 (분할 버튼)을 정의하고있다, 당신은 어떤 자바 스크립트 코드를 작성할 필요가 없습니다.

jQuery를 EasyUI 메뉴 및 버튼 - 분할 버튼 만들기
10/30