jQuery Progressbar Method : สอน method และ property ของ Progressbar Method, เรียน method และ property ของ Progressbar Method
 

Reference

Reference ในเว็บไซต์ Function.in.th เป็นการนำเสนอความรู้ในรูปแบบของแหล่งอ้างอิงของคำสั่งต่าง ๆ ที่ใช้ในการเขียนโปรแกรม โดยผู้ที่สนใจสามารถเข้ามาเรียนรู้การใช้งานคำสั่งของการเขียนโปรแกรมเหล่านี้ได้ ผ่านทาง URL code.function.in.th ทั้งนี้ผู้อ่านยังสามารถร่วมแสดงความคิดเห็นบนเนื้อหาที่มีสอนได้ ซึ่งถือเป็นการส่งเสริมให้มีการแลกเปลี่ยนประสบการณ์และความรู้ระหว่างผู้อ่านด้วยกันเอง
  • progressbar ( options ) ใช้กำหนดให้ ทุก element ภายใน set มีคุณสมบัติ progressbar
    disabled ใช้กำหนดสถานะของการ progressbar ว่ายังใช้งานไม่ได้ ใช่หรือไม่ (default=false)
    value ใช้กำหนดค่าของ progressbar (default=0)
    change ใช้กำหนด function ที่จะถูกเรียกใช้เมื่อ value ของ progressbar
  • syntax :
    progressbar ( options )

    return type :
    void, element

    content :
    ใช้กำหนดให้ ทุก element ภายใน set มีคุณสมบัติ progressbar
    โดย options ให้กำหนดค่า config ต่างๆ ให้กับการ progressbar ได้แก่
    disabled, value, change 

    example :
    $("div.progress").progressbar ( { value: 10 } );
    var oValue = $("div.progress").progressbar ( "option", "value" ); // ใช้คืนค่าข้อมูลของ property ที่กำหนด
    $("div.progress").progressbar ( "option", "value", 10 ); // ใช้กำหนดค่าให้กับ property ที่กำหนด

  • config :
    disabled

    return type :
    boolean

    content :
    ใช้กำหนดสถานะของการ progressbar ว่ายังใช้งานไม่ได้ ใช่หรือไม่ (default=false)

    example :
    $("div.progress").progressbar ( { disabled: true } );

  • config :
    value

    return type :
    number

    content :
    ใช้กำหนดค่าของ progressbar (default=0)

    example :
    $("div.progress").progressbar ( { value: 50 } );

  • config :
    change

    return type :
    function

    content :
    ใช้กำหนด function ที่จะถูกเรียกใช้เมื่อ value ของ progressbar เปลี่ยนแปลง
    โดยจะมี parameter 2 ตัว ได้แก่ event object และ object ที่มี property ต่างๆ

    example :
    $("div.progress").progressbar ( { change: function(event,object) { alert ( "progressbar change" ); } } );

 
Share This Chapter Login with Facebook