Programming/JS/Jquery/Ajax2014. 9. 11. 12:05

[jQuery] 테이블 UI 플러그인 tablesorter

jQuery Table Plugin 괜찮은 것 소개


메뉴얼 : http://mottie.github.io/tablesorter/docs/index.html


데모 : http://mottie.github.io/tablesorter/docs/index.html#Demo


tablesorter Bootstrap LESS theme 도 지원함


아래 샘플 보면 row 추가삭제에 대한 설명이나 페이징에 대한 설명도 잘 나와있다.

샘플설명자료 : http://mottie.github.io/tablesorter/docs/index.html#Examples


그리고 다양한 추가 플로그인 존재하여서 관리툴 개발시 상당히 유용함

Plugins / Widgets
† these widgets are included in the jquery.tablesorter.widgets.js file (except for extra filter formatter functions) 
‡ this widget is included with the plugin core.


저작자표시 비영리 변경금지
Posted by 시니^^
Programming/JS/Jquery/Ajax2014. 8. 21. 18:51

테이블 sort 처리 하는 jquery 플러그인(jquery tablesorter)

※ Jquery용 tablesorter 

http://mottie.github.io/tablesorter/docs/index.html


※ 설명가이드가 상당히 잘되어있음(페이징설명되어있음)

http://mottie.github.io/tablesorter/docs/index.html#Demo

http://mottie.github.io/tablesorter/docs/index.html#Examples


※ 부스트랩테마도 지원

http://mottie.github.io/tablesorter/docs/example-widget-bootstrap-theme.html


저작자표시 비영리 변경금지
Posted by 시니^^
Programming/JS/Jquery/Ajax2014. 4. 28. 21:28

[jquery] 숫자애니메이션 (jquery.animateNumber)

jquery.animateNumber(Counter)

 - 숫자 점점 증가시켜 주는 Jquery Plugin


다운로드 및 예시 아래 사이트

http://aishek.github.io/jquery-animateNumber/



Example 1: simple animation 
This plugin only 0 lines of code.

$('#lines').animateNumber({ number: 165 });
Example 3: multiple properties 
Fun level 0 %.

var percent_number_step = $.animateNumber.numberStepFactories.append(' %')
$('#fun-level').animateNumber(
  {
    number: 100,
    color: 'green',
    'font-size': '30px',

    easing: 'easeInQuad',

    numberStep: percent_number_step
  },
  15000
);

※ 예시는 사용할거 두개정도만 우선.. 좀더 자세한건 사이트 통해서.....!!깔끔하게 좋네!!!!!!!!!

    그리고 보면 ... 예전에는 직접 다 만들어서 사용했는데...

   요즘에는 그냥 구글링 하면 github이나 stackoverflow등 통해서 좋은소스들 너무 쉽게 찾는 것 같다;;;;; 

저작자표시 비영리 변경금지
Posted by 시니^^

티스토리툴바