ふたりで

1. submit 하는 경우 아래와 같이 처리. 기본적으로 로딩 중이 표시되도록 하고 화면이 ready 가되면. hide() 시켜준다. 추가로 검색을 submit으로 처리 할경우 아래와 같이 form태그에 onsubmit="return inpValidateFn();" 속성을 주어 해당 속성에 걸린 기능이 true를 반환 할 때만 로딩 중 ui를. show() 해주면 된다.

예전에 스크립트 부분만 간략하게 게시한적이 있는데 좀더 보강한 내용으로 다시 정리 해봤다. #구혀된 기능... - 자동완성: 번호만 입력해도 자동으로 "-"를 넣어준다. - 휴효성검사: >헨드폰, 일반전화 각각 형식에 맞는지 확인. >일반전화인지 확인.(080,070번호는 제외처리) >숫자만 입력 가능 숫자이외의 문자가 입력 되면 지워버림. 휴대폰 휴대폰번호가 입력되지 않았거나, 잘못된 형식입니다. 일반전화 일반번호가 입력되지 않았거나, 잘못된 형식입니다. Fax FAX번호가 입력되지 않았거나, 잘못된 형식입니다. #결과:

선택 요소의 data값 가져오기, 수정하기 의 moden javascript 방법. 주) addEventListener 의 경우 복수 선택자 queryselectorAll과 getElementsByClassName 을 선택자로 사용할 경우 선택 요소가 1개여도 데이터 형식이 collction 타입이기 때문에 for문을 활용하여 설정해야 한다... 아래 소스 코드에서 for()문이 사용된 부분 참고... 체크박스의 data값 찍어보기 체크박스의 변경된 data값 찍어보기 결과1: 결과2:

화면이 로딩될때 체크 박스에 Data 값을 여러게 설정 하고 이후 체크박스에 이벤트가 발생 할 경우 설정된 Data 값을 가져와 조작 하고 업데이트를 할때 참고... 첫번째 체크박스 class="js_checked"를 클릭하면 attribute로 정의된 data 값들을 console에 출력 하며 data값중 pdtstock 의 값을 N으로 업데이트 한다. 이후 두번째 체크박스 class="js_checked1"를 클릭하면 첫번째 체크박스 class="js_checked"를 참조하여 이전에 클릭 하여 변경된 pdtstock 값을 console에 출력 한다. 개발자도구를 사용해 document 요소를 확인 해보면 data-pdtstock에 보여지는 값은 변하지 않지만 실재로는 값이 변경되는걸로 확인 된다. ..

ax5Grid의 footSum을 별도 호출 값으로 표현하는 방법. . paging에 상관없이 항상 grid 하단에 합계(Summury)를 보여준다. ajax 호출 후 setData 이전에 ax5.ui.grid.setConfig({footSum: []});을 설정 한다. - 예제) var firstGridSalse = new ax5.ui.grid(); var staticsColumns = [{key:A , label: 일자},{key: B,label:금액}]; var gridView = { initView: function(){ firstGridSalse.setConfig({ target: $('[data-ax5grid="first-grid"]'), header: {}, body: {}, page: {},..

개발자 도구 사용을 막는 방법에 대해 글을 하나 남겼었다 결론은 막지 못한다로 마무리를 지었지만...ㅎㅎ 계속 파다 보니 해결 방법을 찾아냈다... 물론 내가 만든 소스 코드는 아니고 여기저기 참고하여 짜집기 한거지만잘 동작하기에 글을 남긴다... 소스 코드는 아래와 같다. 아래 소스 코드는 마우스 우클릭 방지, f12 및 특수키 입력 방지, 그리고 개발자 도구 감지 시 강제 로그아웃 이 3가지기능이 정리되어 있다. 해당 스크립트를 공통으로 사용되는 헤더 스크립트에 추가하면 된다. 개발자도구를 어떤 방법으로든 실행을 하면 Detecting 하며, 디택팅 되는 순간 로그아웃을 해버리며 오류 페이지로전환을 해버리기 때문에 개발자도구를 실행한 클라이언트 브라우져는 해당 에러화면 소스 만 볼수 있다. $(doc..