Criando um classificáveis ??árvore / grade em JavaScript [fechado]
https://stackoverflow.com/questions/193315
-
10-07-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianPergunta
Eu gostaria de criar uma estrutura de árvore de JSON, mas com várias colunas que podem ser classificados. Eu já vi muitas implementações de árvores e grades, mas nunca um misto.
Alguém sabe de um plugin ou recurso para qualquer kit de ferramentas JavaScript que pode fazer isso acontecer, então eu não ter que re-inventar a roda aqui?
Solução
Isto parece muito bom: http: //www.max -bazhenov.com/dev/ux.maximgb.treegrid/index.html
Usa ExtJS, que tem algumas limitações de licenciamento que você tem que considerar.
Outras dicas
Eu encontrei todos esses componentes:
- CoqSoft TreeGrid , comercial, parece que o non plus ultra!
- Ext JS , comercial:
- Coluna Árvore * componente
- Nested Grade , que é Grade Plugin com Row Expander modificado por Mikhail
- Ext.ux.maximgb.treegrid , outra modificação, por Max (o proposto por eyelidlessness)
- JQTreeTable , mínimo, exige jQuery *
- TreeTable , o plugin para jQuery *
- dojo-treetable , com base em Dojo *
- Maxdesign , é simplesmente um bom css *
* parece não classificáveis ??
Pessoalmente, eu estou tentando TreeTable e, depois de algumas configurações (vasculhar nos exemplos a fonte da página de documentação ...), eu estou me divertindo com sua simplicidade e clareza.
Depois de uma longa pesquisa para um TreeGrid, o melhor que me deparei é de jeasyui.com
http://www.jeasyui.com/demo/main /index.php?plugin=TreeGrid
O jstree plugin para jQuery amarrado com seu plugin de jstree-grid pode lidar com a classificação (classificação é um plugins para a principal jstree ) que é bastante flexível (e re-usa o tema jQuery UI você aplicar).
É esse o tipo de rede que você está procurando? Você acaba com uma visão muito parecida com: 
A classificação por coluna você terá que adicionar manualmente e, em seguida, gatilho uma re-sort .
Aqui está um exemplo "oficial", bem como (grade superior da página), usando o RowExpander UX.
DHTMLX também tem o componente TreeGrid JavaScript (suportes triagem e outras funções relacionadas à rede): http://dhtmlx.com/docs/products/dhtmlxTreeGrid/
(disclaimer: Eu trabalho para DHTMLX)
No entanto, outro TreeGrid com suporte para inicialização. http://maxazan.github.io/jquery-treegrid/examples /example-bootstrap-3.html
