ที่จริงช่วงนี้ทำโปรแจคเกี่ยวกัน ruby on rails เยอะมากๆ บอกได้ว่าหมกหมุ่นเลยละเลยได้เอาอะไรที่ลองและนำเอาไปใช้ในโปรแจคจริงๆ มาถ่ายทอดสู่ผู้ที่กำลังสนใจอยู่โดยหวังให้ท่านเป็นผู้พัฒนาเว็บด้วย ruby on rails เหมือนกัน สำหรับวันนี้มาแนะนำการใช้ text field with auto complete ซึ่งเป็น plugins สำหรับอะไรดูตามชื่อคงจะรู้อยู่นะครับ
โดยชื่อ plugins คือ rails-auto_complete โดยหากใครต้องการเขียนตรงไปตรงมาตาม plugins ของเขาก็สามารถอ่านเอาได้ทั่วไปครับส่วนของผมเอาเป็นว่าไม่ใช้แบบเขาต้องการละกันเนื่องจากสิ่งที่ต้องการแตกต่างออกไปนิดหน่อย เริ่มต้นด้วยการโหลด plugins มาก่อนเลยครับ http://github.com/rails/auto_complete/tree/master เมื่อโหลดมาแล้วลองเล่นดูครับหากว่าต้องการแบบที่ผมอธิบายลองมาดูครับ

1

<%= text_field_with_auto_complete :txaction, :customer_code, { :size => 15 }, { :url => formatted_findjs_customers_path(:js), :method => :get, :with=>"'code='+element.value" } %>

สำหรับโค้ดตัวนี้เป็นการเรียก action=> ajax_customer_info สำหรับการประมวลผลครับ และส่ง parameter คือค่าใน field txaction_customer_code ครับ โดยกำหนดตรง :with=>”‘code=’+element.value” ส่วนถัดไปอยู่ใน controller ครับ

1
2
3

def findjs
    @customer = Customer.find(:all, :conditions => ['code LIKE ?', "%#{params[:code]}%"]) if params[:code]
end

จะเป็นการค้นหารหัสลูกค้านั้นทั้งหมดไปโชว์ใน field customer_code ครับ

37 views

วันนี้เอาทริปอาจจะไม่เด็ดเท่าไรเพราะ programmer ทั่วไปคงรู้กันแล้ว แต่สำหรับมือใหม่คงต้องใช่ครับ สำหรับใครที่ต้องการจะแสดงผลเป็น 0001 แต่มีตัวเลขแค่ 1 เราสามารถใช้งาน rails sprintf ซึ่งมีให้ใช้งานอยู่แล้ว

1
2

 
  sprintf('%04i', 1) #result 0001

แล้วถ้าเกิดผมต้องการใช้ตัวเลขมี prefix และ auto generate อัตโนมัติเมื่อสร้างขึ้นมาจะทำอย่างไรลองมาดูกันครับ สำหรับเลขชุดที่ผมต้องการตอ้งขึ้นต้นด้วย TX01H และมีลำดับตามเป็นเลข 4 ตัวเรียกกันไปครับคือ 0001… มาดูโค้ดกันครับ

1
2
3
4

 
  @last_txaction = Txaction.find(:first,:conditions=>["code like ?","TX01H%"],:order => "code desc") #find last code result =>TX01Hxxxx
  code = @last_txaction ? @last_txaction.code.gsub("TX01H","").to_i+1:1 #if not found start code from 1
  @txaction.code = "TX01H"+sprintf('%04i', code)

เป็นอันว่าเรียบร้อยครับ

12 views

ช่วงนี้วุ่นกับ Rails อยู่ตลอดเวลาแต่ไม่ค่อยได้มีเวลาสำหรับการมาแนะนำการใช้งานเท่าไรเนื่องจากว่างานยุ่งมากมาย เพราะอยู่ในช่วงฝึกงาน วันนี้ผมเอาเรื่องการสร้าง select ใน rails มาฝากโดยการนำข้อมูลที่อยู่ในฐานข้อมูลออกมาแสดงโดยการเขียนก็ไม่เยอะมากมายครับใช้แค่ 1 บรรทักท่านก็จะได้ select ที่ดึงมาจากฐานข้อมูลแล้ว

<%= f.select :holder_code,Customer.find(:all).collect{|c| [c.code+"-"+c.display_name,c.id]} %>

โดยจะได้ผลลัพธ์ตามรูปที่ท่านต้องการครับ

28 views

1
2
3
4
5
6
7

  class Contact < ActiveRecord::BaseWithoutTable
    column :name, :string
    column :email_address, :string
    column :message, :text
 
    validates_presence_of :name, :email_address, :string
  end

ซึ่งจากโค้ดด้านบนจะเห็นว่าเราใช้งาน active record ธรรมดาเลยครับ

6 views

การติดตั้ง

สำหรับการติดตั้งให้ท่านเข้าไปดาวโหลดเจ้า plugins ตัวนี้ได้จาก http://agilewebdevelopment.com/plugins/calendariffic_0_1_0 ซึ่งการดาวโหลดทำได้หลายวิธีมากมายครับ แต่ขอแนะนำการใช้งาน svn ละกันครับ

svn checkout http://opensvn.csie.org/calendariffic/calendariffic/

เมื่อเราได้ folder calendariffic มาแล้วหากต้องการจะใช้งานร่วมกับ rails app ตัวไหนสามารถนำเอา folder นี้ไปวางไว้ใน vendor/plugins ของ application  ที่ต้องการได้เลยครับ จากนั้นให้เอา file .js 3 ไฟล์ต่อไปนี้ไปไว้ที่ public/javascript/calendariffic/ ‘calendar.js’, ‘calendar-setup.js’, and ‘calendar-en.js’ เมื่อเรียบร้อยแล้วเราจะสามารถเรียกใช้งาน calendariffic ได้เลยครับ

การใช้งาน

ก่อนอื่นในหน้าที่ต้องการเรียกใช้จำเป็นต้อง include javascript ด้วยครับ

<%= javascript_include_tag 'calendariffic/calendar.js', 'calendariffic/calendar-setup.js', 'calendariffic/lang/calendar-en.js' %>

เมื่อเราได้ทำการนำเอา javascript มาแล้วเราสามารถเลือกใช้งานลักษณะของ calendar ได้หลากหลายชนิดตาม css ที่มีอยู่ในส่วนของ /vendor/plugins/calendariffic/stylesheet/calendariffic ซึ่งให้เราทำการเลือกมาซักอันครับแล้วไปไปใส่ไว้ที่ public/stylesheet/calendariffic/ ในที่นี้ผมเลือก calendar-green.css ผมก็ต้องทำการ include css โดยเพิ่มโค้ดในส่วนด้านล่างนี้

<%= stylesheet_link_tag 'calendariffic/calendar-green.css' %>

หากทำตามนี้แล้วรูปหายหรือไม่ขึ้นให้นำเอารูปมาเก็บไว้ที่ในส่วนของ /stylesheet/calendariffic/ ด้วยครับ ในส่วนถัดไปจะเป็นการนำเอา calendarriffic มาใช้เพื่อให้ user ได้ทำการเลือกวันที่แล้วข้อมูลจะใส่ลงไปใน texbox ให้ครับ ซึ่งการเรียกใช้งานทำได้หลายวิธีลองศึกษาดูนะครับในที่นี้ขอยกตัวอย่างตามที่ได้ใช้งานละกันครับ

<input type="text" name="start_register" id="start_register" value="<%=@start_register%>" class="myfavoriteclass" /><img src="images/calendariffic/date.png" name="start_cal" id="start_cal" class="borderless" /><script language="javascript">set_cal('start_register', 'start_cal', '%m/%d/%Y');</script>

จากที่เรียกใช้งานจะมีรูปของปฎิทินเมื่อผู้ใช้ click ก็จะเกิด ปฎิทินขึ้นมาให้เลือกใช้งานและมี textbox เพื่อที่จะนำเอาค่าที่ได้จากการเลือกมาใส่ลงใน textbox นี้หากว่าท่านใดต้องการข้อมูลเพิ่มเติมสามารถเข้าดูได้ที่  http://agilewebdevelopment.com/plugins/calendariffic_0_1_0 จะมีตัวอย่างข้อมูลการใช้งานอยู่ครับ

58 views

เดี่ยวนี้ svn repository รู้สึกว่าจะไม่พอแล้วสำหรับการใช้งานเพราะเพิ่ง เข้าไปดู plugins ที่จะเอามาใช้กับ rails app ตัวใหม่ปรากฏว่าเห็น git:// เกิดอาการงงเล็กน้อยครับถึงแม้ว่าจะเห็นมานานแล้วแต่ก็ไม่ได้เคยลองสัมผัสแต่วันนี้กลับต้องมาสมัผัสเนื่องจาก plugins rails ที่ผมต้องการใช้งานหลายตัวอยู่ใน git หมดละเลยจำยอมต้องกาวิธีการนำมาใช้กับ windows ปรากฏว่าการลงนั้นไม่ยากเลยครับ ลอง search คำว่า install git on windows ใน google ดุครับเพราะว่ามีวิธีการลงไว้หมดละ สำหรับการใช้งานเรามีหน้าที่ clone มันอย่างเดียวครับ อยากได้อะไรก็ clone ไปเรื่อยๆ ง่ายดี อิๆ เพราะว่าตอนนี้คงใช้เป็นคำสั่งเดียว เพราะว่าที่ผ่านมาพึ่งแต่ svn ส่วนเชิงลึกอันไหนดีกว่าอันไหนคงไม่ได้พูดถึงนะครับ เพราะว่าผมก็ยังคงใช้ในาส่วนของ svn ในการทำงานเหมือนเดิมครับในส่วนของการใช้งานให้ลง msysGit. จากนั้นเราจะได้พวกเครื่องมือต่างๆ ที่จะมาให้เราได้ใช้งานเพื่อเพิ่มความสะดวกในการใช้งาน git กันครับ สำหรับผมเลือกใช้งาน Git GUI เพราะว่าชื่อก็รู้กันอยู้ว่าเป็น GUI คงไม่ยากเท่าไรครับ ผมเอารูปมาให้ดูด้วยเผื่อว่าทำให้เข้าใจง่ายขึ้นครับ โดยในหน้าแรกให้เราเลือก clone repositoryจากนั้นให้ทำการเพิ่มข้อมูลโดยการเลือก repository และที่เราต้องการจะเอาไว้ในเครื่องตามรูปครับ

รูปการเลือกรูปแบบ clone repository

รูปแสดงว่าเราไ้ด้ทำการ clone มาเรียบร้อยแล้ว

สรุปว่าถ้าให้เลือกใช้ระหว่าง git กับ svn ตอนนี้ก็ยังคงเลือกใช้งาน svn ครับ เพราะยังไง svn ใช้เพียงแค่คำสั่ง svn checkout http://…. ถึงแม้ว่า git จะมีเหมือันกันคือ git clone แต่ดูแล้วผมคุ้นกะ svn ไปเสียแล้ว

29 views