Take Action

별건 아니지만 제대로 동작하는 소스가 잘 안보여서 올려야지. jquery 레퍼런스 http://api.jquery.com/fadeIn/

JqGrid에서 셀을 클릭하면 입력창으로 바뀌고, 엔터치면 입력된 내용으로 수정시키기. 1. 셀을 입력모드로 바꿀지의 옵션을 지정해야함. jqGrid 소스의 일부colModel:[ {name:'id', index:'id', width:55, key:true}, {name:'invdate', index:invdate', width:90}, {name:'name', index:'name asc, invdate', width:100, editable:true}, {name:'amount', index:'amount', width:80, align:"right"}, {name:'txt', index:'tax', width:80, align:"right} ], name만 변경할 수 있도록 설정해놓았다.editab..

전 블로그에 써놓은 글은... 다시 읽어보니까 뭔소린지 모르겠어서 다시 차근차근 정리한다.ㅋㅋㅋ 처음 하는 무언가를 배울 때는 큰 흐름을 먼저 알아야 한다! 알아보기 쉽게 소스와 함께 흐름을 정리 하겠음. .. 1. JQGrid 라이브러리 다운받기 http://www.trirand.com/blog/?page_id=6 2. 그리드를 뿌릴 페이지(jsp)와 컨트롤러(액션)를 만든다. Controller @RequestMapping("/main") public String view() { return "view"; // view.jsp } 3. 그리드를 뿌릴 페이지 view.jsp 버전은 업데이트 됐을지도 모른다. 3.1 라이브러리 include하기 이름을 끼워맞춰서 순서대로. 꼭 아래와 같은 순서대로 넣을 ..

클로저란? 한마디로 정의 내리기가 어렵다. 그래서 두가지 예를 들겠음. 1. 아래 예제는 클로저를 사용하는 예제다. outer함수랑 setTimeout함수가 있다. setTimeout 함수로 인해서 outer함수가 끝나고 2초 뒤에 alert이 두번 띄워질텐데, outer함수가 끝이 났으므로 그 안에 변수들도 소멸이 되어야 하는게 상식적인 생각이지만ㅋㅋ 외부 함수에 있는 변수를 내부 함수에서 접근할 수 있다. (생명주기가 끝났어도..) 이것이 클로저(closure). (메모리 누수의 원인이라는 ㅋㅋ) function outer(a) {var b = "test"; setTimeout(function() {alert(a);alert(b);}, 2000);} 2. 요 아래 코드도 클로저의 예다. var b=2..

내가 만든 프로그램중에 이런 버그가 있었다. 친구 목록이 쭉~ 있고, 친구한테 쪽지를 보내는 것이었는데 친구목록에서 더보기를 누른 후 나타난 친구 목록에서는(Ajax로 친구목록 더 가져옴) 쪽지가 안보내졌다. 일단, 더보기를 누르고 나면 자바스크립트로 새로운 친구목록을 append 했을 것이다. 그 append 된 곳에서 쪽지 보내는 event가 작동하지 않은 것인데.... 왜? 왜? 왜? 새로 가져온 친구목록에는 클릭 이벤트가 바인딩 되지 않았기 때문이다. 해결 방법은.... body 영역에 클릭이벤트를 주는 것이다. $('body').on('click', 'button.message', function(e) { // 구현 });