bu / hcolumns Goto Github PK
View Code? Open in Web Editor NEWjQuery.hColumns is a jQuery plugin that looks like Mac OS X Finder's column view for the hierarchical data.
jQuery.hColumns is a jQuery plugin that looks like Mac OS X Finder's column view for the hierarchical data.
This model doesn't scale down on smaller screens.
Perhaps each section could have a title that would could be displayed vertically and already selected columns could collapse with just the title of that section displayed. Clicking on it could open it up. This would allow for deeper layers of navigation with less ackward scrolling.
The example code in index.html contains:
$(document).ready(function() {
$("#columns").hColumns({
nodeSource: function(node_id, callback) {
}
}); });
}); });
It is often useful to have headers in each column, displaying a title (and maybe other things).
For instance, in my app I'm showing a taxonomic hierarchy for a grocery store chain, and users need to see the (somewhat confusingly named) levels of the hierarchy:
A kludgey solution would be to put a table (or anything else) above the <div id="columns"></div>
, and force the pixel width to match. This is a very fragile solution, however, and will break in all sorts of situations. A better solution would be for hColumns to support column headers. The column headers would probably be divs that could simply contain text (for a title) but could also contain icons or whatever else is useful in a given situation.
The default styling should be nice enough to use for 99% of situations, but should (of course) be easy to override or replace.
Hello there, I hope that somedy have found a way to use an ajax call to use the file manager.
At the end I need to load a first row of files then with some ajax call, load a new branch of the tree and so on..
As i can't use the example and havent figured out a way to use this correctly i'm trying to ask for you guys if you have a solution..
Thanks a lot, have a nice day.
Big Tata
The first thing I tried with the demo was to select an item and see if I could navigate to others using the keyboard. Perhaps this is not worthwhile to implement, but it could be a practical way to navigate.
(More advanced: Also allow typing to jump to an entry, like Finder.app.)
I have a page with 3 tabs and 2 of the tabs would ideally use hColumns.
Right now, despite having different IDs (eg: #skills, #colors), once the page finishes loading, all of the columns are ending up in the 2 second instance.
Both are initiated from separate JS calls and return different data from each other.
Has anyone got suggestions?
Hi, seems like http://hax4.in/plugins/hColumns gives a 404 Error.
Hey home page link is broken. Please fix it at the earliest.
Can anyone suggest how to reset the view to having nothing selected at all?
Thank you for this plugin. Very useful!
Is it possible to make default selection of some particular element of the tree (on page load)?
Hi,
It is not working with jquery 2.1.1 ("too much recursion").
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.