TEST-FILTER
Title | Index | Kategorie | Tutorial | Level | Beschreibung |
|---|---|---|---|---|---|
Test-Filter | 00004 | FILTER | EXPERIENCED | Description... | |
Website-Navigation | 00003 | NAVIGATION | BEGINNER | Description... | |
Get Date & Time (on-click) | 00002 | DATE & TIME | BEGINNER | Hello and welcome, you don't know how to handle with date & time - codings? Then this little example could perhaps help you to find a solution for your issue. Just try it out! | |
Custom - Menu | 00001 | MENU | BEGINNER | Hello, in this tutorial you can learn how to create your own custom "NAVIGATION-MENU". Wix offers his own menus, but sometimes you need more options, another funktionality, or you want even just simply create it in your own design. Althoug Wix is still don't offers unlimited possibilities, there are a lot off options how to generate his own, fresh looking menü-design with some cool effects. All the used elements in this project you will find below. |
Filter-Results
Total-Count
TEST-FILTER
First-Item
TEST-FILTER
Last-Item
TEST-FILTER
Custom - Menu
Hello, in this tutorial you can learn how to create your own custom "NAVIGATION-MENU". Wix offers his own menus, but sometimes you need more options, another funktionality, or you want even just simply create it in your own design. Althoug Wix is still don't offers unlimited possibilities, there are a lot off options how to generate his own, fresh looking menü-design with some cool effects. All the used elements in this project you will find below.
Vom:
00001
CODE
import wixData from 'wix-data';
$w.onReady( () => {
$w("#dataset1").onReady( () => {
let totalCount = $w("#dataset1").getTotalCount()
$w("#dataset1").getItems(0, totalCount)
.then( (result) => {
let items = result.items;
//------------------------------------------
console.log("Total-Count = " + totalCount)
console.log((totalCount))
console.log(items)
console.log(items[0].index)
console.log(items[0].kategorie)
console.log(items[0].tutorialLevel)
//------------------------------------------
} );
} );
} );
export function BTNfilterresults_click(event) {show_results(), $w('#BOXfilterresults').show('FadeIn')}
function show_results (parameter) {
$w("#dataset1").onReady( () => {
$w("#dataset1").getItems(0, $w("#dataset1").getTotalCount())
.then( (result) => {
let items = result.items
let totalCount = result.items.length
let firstFilteredItem = items[0]
let lastFilteredItem = items[totalCount-1]
console.log(result)
console.log(totalCount)
console.log(firstFilteredItem)
console.log(lastFilteredItem)
$w('#TXTtotalcount').text = totalCount.toString()
$w('#TXTfirstitem').text = firstFilteredItem.title.toString()
$w('#TXTlastitem').text = lastFilteredItem.title.toString()
})
})
}
export function BTNfilter_click(event) {start_Filter()}
function start_Filter (parameter) {
$w('#repeater1').show()
let filter = wixData.filter()
let myKategory = $w('#dropdown1').value
let myTutorial = $w('#dropdown2').value
if ($w('#dropdown1').value!=0) {filter = filter.contains('kategorie', myKategory);}
if ($w('#dropdown2').value!=0) {filter = filter.eq('tutorialLevel', myTutorial);}
console.log(filter)
$w('#dataset1').setFilter(filter)
}