2022.06.16. 목요일 이공계 전문기술 연수사업

오늘 배운 것

제이쿼리 ui 플러그인
스크립트 적용 순서 중요함 !!!
<link rel="stylesheet" href="../jquery-ui-1.13.1.custom/jquery-ui.css">
<style type="text/css">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="../jquery-ui-1.13.1.custom/jquery-ui.js"></script>

제이쿼리 ui 플러그인 중 다이얼로그
datepicker를 가지고 날짜값을 date로 변환하여 db에 insert가능?
ajax통신 통해서 !!!

모달 : 팝업창이 시스템 독점 (끝내기 전에는 다른 일을 못함)
기본은 모달리스임

$(function(){
$("#a").dialog({
buttons:{
submit:function(){},//ajax통신으로 db에 접근
reset:function(){},
cancle:function(){}
},
modal:true
});
$("#event_date").datepicker();
})

 

자바스크립트는 어떤 함수의 속성을 정할 때는 객체의 형태로 속성을 설정함!

 

create table schedule(

no number primary key,

event_name varchar2(50),

event_date date

);

 

create sequence seq_schedule;

 

쿼리스트링으로 오는게 겟방식

객체방식으로 오는게 포스트방식!!!

 

자바의 this와 자바스크립트의 this

자바의 this는 멤버변수와 생성자 함수의 매개변수를 구별하기 위해 사용

자바스크립트의 this는 현재 동작하고 있는 객체 즉 자기자신을 구별하기 위해 사용하는 식별자 !(루프를 돌 때 즉, $.each문을 돌릴 때) 또 어떤 이벤트 걸었을 때 이벤트 핸들러 함수 안에서도 이벤트가 동작하는 객체 (자기자신)을 나타내주기 위해서 사용함

 

goodsTest다시

0616맨마지막 다시

 

jqGrid 플러그인

jquery ajax가 db 접근하여 crud까지 지원해주는 것

jqGrid가 제공해주는 함수가 내부적으로 ajax통신을 해줘서 알아서 노드를 생성해줌!

xml을 제공받기를 원하며 현재 페이지,총 페이지 수 , 총 데이터 수 등등을 제공받아야 함

레코드 하나하나는 row라는 노드에 응답하고

레코드 안의 데이터 하나하나는 cell이라는 노드에 응답한다.

그렇게 해야지만 jqGrid가 응답함!