it-swarm-eu.dev

Nejlepší způsob, jak přidat položky do stránkovaného seznamu

Mám dlouhý seznam položek seřazených podle data, které je možné zobrazit. Když uživatel přidá položku, bude v seznamu zobrazena a zvýrazněna. Problém, který mám, je, že zadané datum má vliv na to, kde končí v seznamu. Většinu času se přidává na začátek v běžném zobrazení, ale může skončit na jiné stránce, než je uživatel aktuálně.

Bylo by více matoucí přivést uživatele na tuto stránku nebo více matoucí, aby si ho udržel na své aktuální stránce, aniž by viděl novou položku, kterou zadal? Nebo existuje lepší způsob, jak jsem na to nemyslel?

17
Josh Johnson

Můžete zobrazit novou položku pod/nad aktuálně zobrazeným seznamem, ale oddělené, takže je jasné, že položka na této stránce nepatří.

 1. Make a to-do list       Today
 2. New year's resolution   Jan 1
 3. Join the gym            Jan 2
 4. Answer a UI.SE question Jan 2
^v^v^v^v^v^v^v^v^v^v^v^v^v^v^v^v^
17. Stop procrastinating    Apr 1 

Page [1] 2 3 4 5
11
Patrick McElhaney

Mé preference by bylo posouvat seznam (nebo změnit stránku, pak posouvat seznam) na místo, kde byl prvek přidán, pokud změna pořadí řazení není možnost, nicméně to uživatele odvádí pryč ze stránky, na kterou se díval.


Jinak, pro něco, co upozorní uživatele, aniž by ho vzal pryč od toho, co dělá, pokud máte stránkování dole, můžete mít rychlý barevný blesk na čísle stránky, kde byl přidán.

Vizuální příklad: Pokud upravíte svou zprávu na StackExchange, vaše zpráva bude oranžově blikat, když budete přesměrováni zpět na vlákno.


Například nedávno to fungovalo docela dobře v rozhraní s kartami, kde se uživatel mohl dívat na jinou stránku v okamžiku, kdy se položka přidá na stránku s výsledky: výchozí případ byl přepnutí do seznamu výsledků a přejděte na místo, kde bylo přidáno, poté je vybledněte, aby si uživatel všiml, že byl vytvořen.

Došlo však k případu, kdy přepnutí stránky nebylo povoleno (protože přidání položky bylo součástí procesu, kde přidaná položka nebyla tím, na co by měl být uživatel zaměřen), takže místo toho bliká záložka na pozadí pro uživatele, aby instinktivně si tuto aktivitu všimnou, protože současně neběží žádná jiná animace, a to ho nezbavuje toho, co dělá.


Zde je příklad rychlého jquery (v závislosti na modulu Color):

jQuery.fn.flash = function(options_){
    var options = {
        backgroundColor: "#6AB5FF",
        textColor: "#FFFFFF",
        complete: false,
        duration: 1000,
        queue: true
    };
    jQuery.extend(options, options_);
    var obj = $(this).stop(true, true);
    var params = {
        queue: options.queue,
        backgroundColor: obj.css("background-color"),
        color: obj.css("color")
    };
    obj
     .css('background-color', options.backgroundColor)
     .css('color', options.textColor)
     .animate(params, options.duration, options.complete);
};

// Usage example
$("#page3").flash();
4
wildpeaks

Ukázal bych vyskakovací okno (Item "foo" added here) nad číslem stránky, na kterou byla nová položka vložena.

1
thSoft

Přidal bych filtr s názvem „Poslední přidané“, doplňující filtr třídění podle data.

V kroku přidávání bych jako výchozí nastavil filtr „Poslední přidané“, čímž zůstane zvýrazněná položka vždy nahoře.

Tento filtr usnadňuje uživateli sledovat poslední přidané položky, ale zachovává výhody ostatních metod třídění v kroku analýzy.

1
Ecaterina Moraru