장바구니

등록된 상품이 없습니다
합계: 0

최근 본 상품

등록된 상품이 없습니다
워드프레스 전문가들이 선택한 필수 플러그인
    유용한팁
    Home / 유용한팁
    글보기
    망보드 모델링 샘플 코드
    조회수3478
    2016-07-18 20:18


    * Select
    {"field":"fn_ext1","name":"이름","width":"80px","type":"select","data":"apple,banana,grape","label":"사과,바나나,포도"},

    * Radio
    {"field":"fn_ext1","name":"이름","width":"60px","type":"radio","data":"apple,banana,grape","label":"사과,바나나,포도","default":"사과"},

    * Text
    {"field":"fn_ext1","name":"이름","width":"99%","type":"text"},

    * Text Readonly
    {"field":"fn_ext1","name":"이름","width":"99%","type":"text_readonly"},

    * Text Calendar
    {"field":"fn_ext1","name":"이름","width":"99%","type":"text_calendar","class":"show-datepicker"},
    (텍스트 입력창 클릭시 달력이 나타남, show-datepicker 클래스도 반드시 추가해야 함)

    * Textarea
    {"field":"fn_ext1","name":"이름","width":"99%","height":"80px","type":"textarea"},

    * Password
    {"field":"fn_ext1","name":"이름","width":"99%","type":"password"},

    * Hidden
    {"field":"fn_ext1","name":"이름","width":"99%","type":"hidden"},

    * Checkbox (한가지 값만 사용 가능)
    {"field":"fn_ext1","name":"이름","width":"60px","type":"checkbox","label":"동의"},

    * Checkbox2 (체크박스에서 여러개의 값을 사용 가능)
    {"field":"fn_ext1","name":"이름","width":"80px","type":"checkbox2","data":"apple,banana,grape","label":"사과,바나나,포도"},

    * Join (2개 이상의 템플릿을 연결 : 망보드 1.4.2버전 이상부터 지원)
    – 1개 템플릿 연결
    {"field":"fn_ext1","name":"테스트","width":"80px","type":"select","data":"apple,banana,grape","label":"사과,바나나,포도","join":{"field":"fn_ext2","type":"text","width":"300px"}},

    – 2개 이상의 템플릿 연결
    {"field":"fn_ext1","name":"테스트","width":"80px","type":"select","data":"apple,banana,grape","label":"사과,바나나,포도","join":[{"field":"fn_ext2","type":"text","width":"100px"},{"field":"fn_ext3","type":"text","width":"100px"}]},

    * Combo (Radio 버튼 선택에 따라 텍스트가 나타나는 설정: 특정 조건 선택시 템플릿이 보이도록 설정)
    – 1개 템플릿 연결 (match_value 속성에 여러개의 값을 입력 가능)
    {"field":"fn_ext1","name":"테스트","width":"80px","type":"select","data":"apple,banana,grape","label":"사과,바나나,포도","combo":{"field":"fn_ext2","type":"text","width":"300px","match_type":"show","match_value":"apple,banana"}},

    – 2개 이상의 템플릿 연결 (match_value 속성에 한개의 값만 입력 가능)
    {"field":"fn_ext1","name":"주문 옵션","width":"60px","type":"radio","data":"0,1,2","label":"사용안함,일반,재고","default":"0","combo":[{"type":"text","match_value":"1","field":"fn_ext2"},{"type":"textarea", "match_value":"2","field":"fn_ext3"}]},


    * File Upload (Write)
     - 파일 업로드는 개수에 상관없이 추가한 만큼 업로드 파일이 추가됩니다
     - "field"는 "fn_file1, fn_file2, fn_file3, ......., fn_file10" 와 같은 순번으로 입력
       {"field":"fn_file1","name":"파일","width":"300px","type":"file"},

    * File Download (View)
       {"field":"file_download","name":"첨부파일","width":"300px","type":"file_download","class":"file-download"},

    * HTML5
     - type : url,tel,search,email,color,datetime-local,time,week,date,month 
      {"field":"fn_ext1","name":"이름","width":"99%","type":"url"},
     - type : number, range 
      {"field":"fn_ext1","name":"이름","width":"99%","type":"range","min":"1","max":"100","step":"5"},

    * List Title
     - type : title (제목을 텍스트로만 표시)
      {"field":"fn_title","name":"제목","width":"","type":"title","maxlength":"20","maxtext":"..","td_class":"text-left"},
     - type : title_img (이미지가 있을 경우 제목 앞에 이미지 표시)
      {"field":"fn_title","name":"제목","width":"","type":"title_img","maxlength":"20","maxtext":"..","td_class":"text-left"},



    웹진 형태의 대표 이미지를 보여주는 모델링 코드
      {"field":"fn_image_path","name":"이미지","width":"120px","height":"90px","search":"false","type":"img_bg", "link":"view", "td_class":"webzine-image-box"},

    제목 클릭시 제목 아래에 내용 보여주는 모델링 코드
      {"field":"fn_title","name":"제목","width":"","type":"title_faq","maxlength":"70","maxtext":"..","td_class":"text-left","onclick":"openContents(this,\'\',1)"},

    텍스트 필드에서 숫자만 입력받도록 하는 모델링 코드
      {"field":"fn_ext1","name":"이름","width":"99%","type":"text","event":"onkeydown=\"return inputOnlyNumber(event)\""},
     
    * 회원 이름이 "김**" 형태로 성만 보이도록 표시하는 모델링 코드
      {"field":"fn_user_name","name":"W_WRITER","width":"115px","filter":"false","substr":"1","append_text":"**"},

     

    모델링 샘플코드 이용방법


     
    카테고리모델링