Payload עבור Blox elements
במאמר זה יפורטו כל הצורות האפשריות של ה-Payload עבור האלמנטים השונים ב-Blox.
Field Onload– מפרט את תצורת הPayload כאשר אנו טוענים נתונים מתוך הonload של הפקד עצמו.
Form Onload– מפרט את תצורת הPayload כאשר אנו טוענים נתונים לפקד מתוך הform עצמו כאשר הOnload data value toggle כבוי
Form-data value– מפרט את תצורת הPayload כאשר אנו טוענים נתונים לפקד מתוך הform עצמו כאשר הOnload data value toggle דלוק, כלומר כאשר נרצה לבחור את הערך שיוצג בעבור הפקד.
Advanced Table
Id=tbl_Friends
Field Onload
*המילה data הינה מפתח קבוע
{
"data": [
{
"ChildName": "מאיה",
"childAge": 8
},
{
"ChildName": "אורי",
"childAge": 5
},
{
"ChildName": "תמר",
"childAge": 10
},
{
"ChildName": "דניאל",
"childAge": 7
}
]
}
Form Onload
{
"tbl_Friends": [
{
"ChildName": "מאיה",
"childAge": 8
},
{
"ChildName": "אורי",
"childAge": 5
},
{
"ChildName": "תמר",
"childAge": 10
},
{
"ChildName": "דניאל",
"childAge": 7
}
]
}
Form-data value
* בטבלה אין משמעות לValues, תמיד יתקבלו נתונים וידרסו נתונים קודמים
{
"tbl_Friends": [
{
"ChildName": "מאיה",
"childAge": 8
},
{
"ChildName": "אורי",
"childAge": 5
}
]
}
Blox Marking-select
Id=Names
Field Onload
{
"gili": 1,
"naama": 2
}
Form Onload
{
"Names": {
"gili": 2,
"naama": 8
}
}
Form-data value
*במקרים בהם המערך יכיל יותר מערך אחד תמיד יבחר הערך האחרון
{
"Names": [
"1",
"2"
]
}
Blox Marking-radio button
Id=Streets
Field Onload
{
"yoqneam": 1,
"tlv": 2
}
Form Onload
{
"Streets": {
"yoqneam": 1,
"tlv": 2
}
}
Form-data value
*במקרים בהם המערך יכיל יותר מערך אחד תמיד יבחר הערך האחרון
{
"Streets": [
"2"
]
}
Blox Marking-checkbox
Id=City
Field Onload
{
"yoqneam": 1,
"tlv": 2
}
Form Onload
{
"City": {
"yoqneam": 1,
"tlv": 2
}
}
Form-data value
{
"City": [
"1",
"2"
]
}
Autocomplete
Id= Names
Field Onload
{
"gili": 1,
"naama": 2
}
Form Onload
{
"Names": {
"gili": 2,
"naama": 2
}
}
Form-data value
{
"Names": "naama"
}
Range
Id= Opinion
Field Onload
{
"min": "1",
"max": "5",
"step": "1",
"value": "4",
"labels": [
{
"label": "Bad",
"value": "1",
"align": "right"
},
{
"label": "OK",
"value": "3",
"align": "center"
},
{
"label": "Good",
"value": "5",
"align": "left "
}
]
}
Form Onload
{
"Opinion": {
"min": "1",
"max": "5",
"step": "1",
"value": "4",
"labels": [
{
"label": "Bad",
"value": "1",
"align": "right"
},
{
"label": "OK",
"value": "3",
"align": "center"
},
{
"label": "Good",
"value": "5",
"align": "left "
}
]
}
}
Form-data value
{
"Opinion": "3"
}
Stepper
Id=Progress_Bar
Field Onload
*המילה data הינה מפתח קבוע
{
"data": [
{
"stepType": "icon",
"stepName": "Step 1 - Personal details",
"stepShape": "circle",
"stepUrl": "https://www.blabla.com/1.htm",
"stepId": "s1",
"currentStep": true,
"lastStep": false
},
{
"stepType": "icon",
"stepName": "Step 2 - Job history",
"stepShape": "square",
"stepIcon": "far fa-envelope",
"stepUrl": "https://www.blabla.com/2.htm",
"stepId": "s2",
"currentStep": false,
"lastStep": false
},
{
"stepType": "text",
"stepName": "Step 3 - Signature",
"stepShape": "circle",
"stepUrl": "https://www.blabla.com/3.htm",
"stepId": "s3",
"currentStep": false,
"lastStep": true
}
]
}
Form Onload
{
"Progress_Bar": [
{
"stepType": "icon",
"stepName": "Step 1 - Personal details",
"stepShape": "circle",
"stepUrl": "https://www.blabla.com/1.htm",
"stepId": "s1",
"currentStep": true,
"lastStep": false
},
{
"stepType": "icon",
"stepName": "Step 2 - Job history",
"stepShape": "square",
"stepIcon": "far fa-envelope",
"stepUrl": "https://www.blabla.com/2.htm",
"stepId": "s2",
"currentStep": false,
"lastStep": false
},
{
"stepType": "text",
"stepName": "Step 3 - Signature",
"stepShape": "circle",
"stepUrl": "https://www.blabla.com/3.htm",
"stepId": "s3",
"currentStep": false,
"lastStep": true
}
]
}
Form-data value
{
"Progress_Bar": [
{
"stepType": "icon",
"stepName": "Step 1 - Personal details",
"stepShape": "circle",
"stepUrl": "https://www.blabla.com/1.htm",
"stepId": "s1",
"currentStep": false,
"lastStep": false
},
{
"stepType": "icon",
"stepName": "Step 2 - Job history",
"stepShape": "square",
"stepIcon": "far fa-envelope",
"stepUrl": "https://www.blabla.com/2.htm",
"stepId": "s2",
"currentStep": true,
"lastStep": false
},
{
"stepType": "text",
"stepName": "Step 3 - Signature",
"stepShape": "circle",
"stepUrl": "https://www.blabla.com/3.htm",
"stepId": "s3",
"currentStep": false,
"lastStep": true
}
]
}
ספריית אייקונים בעבור הפקד-
https://fontawesome.com/v5/search?o=r&ic=free&s=regular%2Csolid