שיעור 3
הסתרת וידיאו / כפתור במקרה ואין מידע במאגר מידע המקושר לדף דינאמי
$w.onReady(function () {
let item = $w('#dynamicDataset').getCurrentItem()
if (item.video === undefined) {
$w('#videoPlayer1').hide();
}
if (item.link === undefined) {
$w('#link').hide();
}
});
סינון רפיטר המציג דפים דינאמים באמצעות 3 כפתורים , 2 עבור שדות במאגר מידע, ו1 עבור כל התוצאות
import wixData from 'wix-data';
export function MountainButton_click(event) {
$w('#dataset1').setFilter( wixData.filter().eq("sea", true));
$w('#SeaButton').disable()
$w('#MountainButton').enable()
}
export function SeaButton_click(event) {
$w('#dataset1').setFilter( wixData.filter().eq("Mountain", true));
$w('#MountainButton').disable()
$w('#SeaButton').enable()
}
export function AllButton_click(event) {
$w('#dataset1').setFilter( wixData.filter())
$w('#SeaButton').enable()
$w('#MountainButton').enable()
}
חיפוש ברפיטר לפי שדה טקסט במאגר מידע
import wixData from 'wix-data';
export function input1_keyPress(event) {
setTimeout(() => {
$w('#dataset1').setFilter( wixData.filter().contains("text1",$w('#input1').value))
}, 200);
}
פילטור רפיטר המציג קישורים לדפים דינאמים לפי דרופדאון ושדה של טאג
import wixData from 'wix-data';
export function dropdown1_change(event) {
setTimeout(() => {
$w('#dataset1').setFilter( wixData.filter().hasSome("tags",$w('#dropdown1').value))
}, 200);
}
הצגת אלמנט על רפיטר במקרה שהוגדר במאגר מידע
$w.onReady(function () {
$w('#repeater9').onItemReady(($item,itemData,index)=>{
if (itemData.onSale === true)
{
$item("#Ribbon").show()
$item("#Ribbon").label = itemData.RibbonText
}
})
});
הוספת מידע למאגר מידע של דפים דינאמים הכולל 2 טקסטים ותמונה. הצגת לאודר ואת התמונה לאחר שעלתה.
import wixData from 'wix-data';
let ImageUploaded = false;
export function uploadButton1_change(event) {
$w('#image1').show();
$w("#uploadButton1").uploadFiles()
.then((uploadedFiles) => {
uploadedFiles.forEach(uploadedFile => {
ImageUploaded = true;
$w('#image1').src = uploadedFile.fileUrl
})
})
}
export function button1_click(event) {
if ($w('#name').value.length > 2 && $w('#desc').value.length > 2 && ImageUploaded === true )
{
wixData.insert("Realstate",{"text1":$w('#name').value , "description": $w('#desc').value , "image1":$w('#image1').src ,"approve":false }).then(()=>{
$w('#statebox8').changeState("2")
})
}
}
יצירת לינק זימון לגוגל קאלנדר עם תאריך ושעת התחלה וסיום, כותרת ותיאור.
הקוד מחולק ל2 :
שורת קוד הקוראת לפונקציה עם כל המשתנים - אותה נשים בפנוקציה ONLOAD.
פונקציה אותה נוסיף מתחת לפונקציה ONLOAD
$w.onReady(async function () {
CreatLinkToCalender(1000, 1100, 2023, 9, 3, "כותרת לדוגמא", ",תיאור שיופיע", $w('#link'))
});
function CreatLinkToCalender(timeStart, TimeEnd, Year, Month, Day, Title, Desc, button) {
let date = new Date(Year, Month - 1, Day)
let dayofmonth = String(Day)
let month = String(date.getMonth() + 1)
if (String(dayofmonth).length === 1) { dayofmonth = "0" + dayofmonth }
if (month.length === 1) { month = "0" + month }
let date1 = String(Year) + month + String(dayofmonth) + "T" + String(timeStart) + "00"
let date2 = String(Year) + month + String(dayofmonth)+ "T" + String(TimeEnd) + "00"
button.link = "https://calendar.google.com/calendar/u/0/r/eventedit?text=" + Title + "&dates=" + date1 + "/" + date2 + "&details=" + Desc + "&location&pli=1&uid=1628084685addeventcom&sf=true&output=xml"
}