การใช้งาน Ajax InPlaceEditor ใน ofbiz

InPlaceEditor คือตัวที่ทำให้เราสามารถแก้ไขข้อมูลที่แสดงอยู่ใน from ชนิดที่เป็น list โดยไม่แสดงเป็นช่องกรอกข้อมูล หรือไม่ต้องไปหน้า แก้ไข แต่สมารถแก้ไขได้จากหน้าที่แสดงอยู่ ดังตัวอย่างต่อไปนี้
ก่อนการแก้ไข
From Programming Hunter

ช่วงการแก้ไข
From Programming Hunter

หลังแก้เสร็จแล้ว
From Programming Hunter

ซึ่งจะเห็นว่าเวลาการแก้ไขเกิดขึ้นก็ยังอยู่ในหน้า Find Example ซึ่งการใช้งาน InPlaceEditor นั้นเราจะใส่ tag <in-place-editor> ภายใต้ tag <display> ต่อไปนี้เป็น tag ต่างๆที่ใช้ใน InPlaceEditor ครับ
url (required)
cancel-control ('link' | 'button' | false)
cancel-text
click-to-edit-text
field-post-creation ('activate' | 'focus' | false)
form-class-name
form-id
highlight-color
highlight-end-color
hover-class-name
html-response ('false' | 'true')
loading-class-name
loading-text
ok-contol ('button' | 'link' | false)
ok-text
param-name
saving-class-name
saving-text
submit-on-blur ('false' | 'true')
text-after-controls
text-before-controls
text-between-controls
update-after-request-call ('true' | 'false')

มาดู โคดตัวอย่างการใช้งานกันเลยครับ

 
     
           
           
           
     
 

About Nop

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment

0 comments:

Post a Comment