봉 블로그

jQuery serialize supports multiple form elements$('#form1, #form2').serialize();

아래는 sencha architect 에서의 사용 팁이다. 검색어필드 enter event 주기필드 enableKeyEvents= true 로 설정후 Controller keydown event 함수 만들기. StoreautoLoad 하면 초기 접속시 자동 load 됨.==> mannual 하게 load 해야함. (아래 참고)onStep2Activate: function(component, eOpts) { component.down('gridpanel').getStore().load();},load 시 param 추가 방법.Ext.getCmp('id').getStore().load({params: {domainId: Domain.id}}); var store = Ext.getCmp("id").getSto..

function endsWith(str, suffix) { return str.indexOf(suffix, str.length - suffix.length) !== -1; } ex) if(endWith(filename, 'docx')){ alert('ms word 파일.'); }

node.js 는 javascript 로 서버프로그램을 개발하는 플랫폼이다. 페이팔이 node.js 로 서버프로그램을 교체하고 나서 평균응답시간의 35% 나 감소했다죠.https://www.paypal-engineering.com/2013/11/22/node-js-at-paypal/ 자바에서 웹어플을 개발하려면 tomcat 이나 jboss 같은 was 가 필요하지만, node.js 는 10줄도 안되는 코드로 간단한 웹어플을 개발할수 있다. 개발 생산성은 정말 좋다.http://nodejs.org/ node.js 만으로는 file io 또는 db 연동등을 할수 없기때문에 node packaged moudle 라는 것을 npm 이라는것으로 설치하여 개발하면된다. npm 은 마치 linux 의 yum 과 같이..

select option 생성해주는 유틸함수 정의.$.fn.addOptions = function(jsonData, selected, valueView, firstOption) { return this.each(function(){ if (this.tagName != 'SELECT'){ return; } var selectElement = this; if ($.browser.msie && firstOption) { selectElement.add(new Option(firstOption, "")); } else if(firstOption){ selectElement.add(new Option(firstOption, ""), null); } $.each(jsonData, function(index, opt..

데이타 목록 테이블에서 데이타가 없을때 '등록된 데이타가 없습니다' 라고 보여주기 위해 colspan 을 주죠. 문제는 테이블의 column 이 동적으로 변경될때 꽤 코드가 지저분해진다는건데. 이걸 깔끔한 코드 한줄로 해결해주는 jquery 코드 입니다. // tb_contract_list 테이블 empty td colspan 설정하기. $(".tb_contract_list .empty_list_td").attr("colspan", $(".tb_contract_list thead th").length);

데이타 목록에서 전체 선택을 클릭하면 하위 checkbox 가 모두 선택 또는 해제 되는 jquery 코드. $("#isChk").click(function(){ $("input[name='chk_sel'].REQ").attr("checked", $(this).is(":checked")); }); 이걸 전통 javascript 트로 구현하려면 한 10여줄이 필요했었는데... 정말 jquery 넘 조아...^^

jsTree 는 jQuery 로 만든 tree 컴포넌트 중에 가장 괜찮은 플러그인 인것 같다. 드래그앤드롭등의 tree에서 요구되는 거의 모든 기능들을 지원한다. Features at a glance Various data sources - HTML, JSON, XML Supports AJAX loading Drag & drop support Highly configurable Theme support + included themes Uses jQuery's event system Optional keyboard navigation Maintain the same tree in many languages Inline editing Open/close optional animation Define node..

구글링을 해서 찾은 코드 중에 아래 코드가 제일 깔끔하더군요. 원문 : http://willifirulais.blogspot.com/2007/07/jquery-table-column-break.html 위 원문을 좀 수정했습니다. ^^ 사용방법 : $("#tableId").rowspan(0); //병합하고자 하는 column index를 인자로 넘겨준다. rowspan 확장메소드 코드는 아래와 같습니다. (function($){ $.fn.rowspan = function(colIdx) { return this.each(function(){ var that; $('tr', this).each(function(row) { $('td:eq('+colIdx+':visible)', this).each(functi..

이상하게 jquery ui 1.8.2 에서 dialog 의 fade 효과가 안된다. http://dev.jqueryui.com/ticket/4416 에 의하면 1.7.2 에 이미 적용되었다고 나오는데, 왜 안되는지 모르겠다. 따라서 아래와 같이 작업해주면 fade 효과를 적용할수 있다. ^^ 원본 : http://old.nabble.com/Dialog-Fade-effect-td22756114s27240.html 1. 아래 script 를 "effects.fade.js" 로 저장합니다. ------------------ /* * jQuery UI fade effect, based on pulsate * * Dual licensed under the MIT (MIT-LICENSE.txt) * and GPL ..