Pergunta

Um tempo atrás eu criei uma lista caixa de seleção arrastar sobre o qual permite que você verifique muitas caixas de seleção em um único gesto. Você acha que isso é viável e utilizável na web onde as pessoas podem não saber como usá-lo. O comportamento padrão ainda trabalha para as caixas de seleção individual.

Foi útil?

Solução

1 - A idéia

A idéia é agradável e, provavelmente, pode ser usado em aplicações profissionais onde você tem contato direto com os usuários e podem explicar-lhes como as coisas funcionam, mas não necessariamente em sites públicos onde os usuários não querem RTFM e estão apenas à procura de familiares comportamentos. A menos que fosse apenas um exercício de amostra ou um controlo destinado a ser incluído-lo em um pacote de controle, ele viola a YAGNI princípio;)

2 - A implementação

Você certamente notou que a implementação é buggy (pelo menos no IE7 e FF3.1B2). Às vezes, um gesto acima de todas as caixas de seleção irá selecionar todos eles, mas um ou dois. Movendo o mouse sobre o div do acima ou abaixo da lista vai parar o arrasto (eu sei que é um "recurso", mas não é muito amigável). I verificado o código fonte e ser honnest, enquanto parece muito puro, eu só não queria lidar com isso porque é javascript simples. Você não sabe que ...

3 - melhorias possíveis

... você pode escrever menos e fazer mais com uma biblioteca javascript, tipicamente jQuery . Eu completamente reescrever esse controle como um plugin jQuery. Ele irá fornecer-lhe uma série de ferramentas para tornar seu código muito mais fácil escrever, manter e estender. Basta experimentá-lo, você vai adorar. Esta é a partir de um ponto de vista técnico. Do ponto de vista do usuário, tentar fazer com que você controla tão familiar quanto possível, como o que Angela sugeriu, o Windows Explorer: uma boa selecção retângulo, a capacidade de utilização merda + clique, ou algo parecido. Finalmente, lembre-se que, para muitas janelas CheckListBox usuários, "selecionado" e "verificado" são duas coisas diferentes.

Outras dicas

A demo definitivamente precisa de algumas melhorias para torná-lo ainda um pouco útil (embora eu não tenho certeza se ele seria suficiente):

  1. Deixe o arrastando para começar em algum lugar que não é uma caixa de seleção.
  2. Permitir seleção arrastando ao longo dos rótulos também.

Este problema parece semelhante à ação de selecionar múltiplos arquivos em um explorador de arquivos como o Windows Explorer. Talvez ele pode trabalhar como a ação de selecionar múltiplos arquivos arrastando um retângulo em torno dos itens a serem selecionados (selecione um canto, arraste para o outro canto)? Isto tem a vantagem de ser semelhante a um elemento de interface que as pessoas podem já estar familiarizado.

Por alguma razão eu não posso abrir o seu link (ele diz que meu endereço IP foi bloqueado). Mas eu acho que o que você está procurando é o que eu já fiz em jQuery, eu enviei um plugin que eu basicamente portado de crossbrowser.com funcionalidade dragcheck, era para ser encontrada em http://plugins.jquery.com/project/dragCheck mas atualmente o plugin jQuery site está sendo reformulado e meu plugin desapareceu. Eu estou tentando ver se eles estão indo para colocá-lo de volta ou se eu tenho que criar um novo projeto de novo ... De qualquer forma até chegarmos que funcionou você pode ver uma demonstração aqui: http://jsbin.com/ibihi

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top