Javascript driven ListView and UI libraries
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
My background is from mobile development and I'm quite new to Javascript so I'm quite confused about the following.
I'm trying to build a JS module that handles a list of data and displays them, so I'm looking for something like JS ListView with the following features:
- it accepts an array of objects
- it accepts an HTML template (in any format) to render items
- it renders only visible views so it can handle large datasets (virtual list)
- it can handle item click to return index/underlying object
- it supports data modification (item add/remove)
- it's free
- not under GPL (as long as I understand it correctly) so it can be used in a project without the obligation to submit the code to open source
- it supports filtering/sorting (this one is optional)
As a mobile developer those requirements seem to be pretty default to me, but I'm not able to find any suitable solution for several days already.
The options I've checked are:
dhtmlxList - the closest solution I've found so far, but it's under GPL v2 that requires posting the code to opensource.
vue: lacks virtualization/filtering
lists.js - great one, but I can't get how to handle item click to get the underlying object/item index
vlist - a good one, but doesn't handle data modifications though
webix - looks great, but seems to be too "paid"- bunch of libraries that I even can't already find links to
I believe I'm just looking in the wrong direction or using the wrong search terms as it all seems to be pretty standard and any input is much appreciated.
And sorry for stupid question, but in general, how do you handle common UI elements in JS world?
Is there any comprehensive libraries of UI elements for JS which is free and not under the GPL license?
javascript html listview user-interface
asked Dec 16 '17 at 18:43
vir usvir us
3,48412735
add a comment |
My background is from mobile development and I'm quite new to Javascript so I'm quite confused about the following.
I'm trying to build a JS module that handles a list of data and displays them, so I'm looking for something like JS ListView with the following features:
- it accepts an array of objects
- it accepts an HTML template (in any format) to render items
- it renders only visible views so it can handle large datasets (virtual list)
- it can handle item click to return index/underlying object
- it supports data modification (item add/remove)
- it's free
- not under GPL (as long as I understand it correctly) so it can be used in a project without the obligation to submit the code to open source
- it supports filtering/sorting (this one is optional)
As a mobile developer those requirements seem to be pretty default to me, but I'm not able to find any suitable solution for several days already.
The options I've checked are:
dhtmlxList - the closest solution I've found so far, but it's under GPL v2 that requires posting the code to opensource.
vue: lacks virtualization/filtering
lists.js - great one, but I can't get how to handle item click to get the underlying object/item index
vlist - a good one, but doesn't handle data modifications though
webix - looks great, but seems to be too "paid"- bunch of libraries that I even can't already find links to
I believe I'm just looking in the wrong direction or using the wrong search terms as it all seems to be pretty standard and any input is much appreciated.
And sorry for stupid question, but in general, how do you handle common UI elements in JS world?
Is there any comprehensive libraries of UI elements for JS which is free and not under the GPL license?
javascript html listview user-interface
asked Dec 16 '17 at 18:43
vir usvir us
3,48412735
Well asked, but I think this question is far too opinion-based and may get closed because of that
– Matt Fletcher
Dec 16 '17 at 19:14
Thanks @MattFletcher, I hope I'll be able to get an answer for the "listview" part at least :) I can see you are proficient with JS - if I may, what are your tools when it comes to data-driven UI and in particular, lists of data?
– vir us
Dec 16 '17 at 22:37
add a comment |
My background is from mobile development and I'm quite new to Javascript so I'm quite confused about the following.
I'm trying to build a JS module that handles a list of data and displays them, so I'm looking for something like JS ListView with the following features:
- it accepts an array of objects
- it accepts an HTML template (in any format) to render items
- it renders only visible views so it can handle large datasets (virtual list)
- it can handle item click to return index/underlying object
- it supports data modification (item add/remove)
- it's free
- not under GPL (as long as I understand it correctly) so it can be used in a project without the obligation to submit the code to open source
- it supports filtering/sorting (this one is optional)
As a mobile developer those requirements seem to be pretty default to me, but I'm not able to find any suitable solution for several days already.
The options I've checked are:
dhtmlxList - the closest solution I've found so far, but it's under GPL v2 that requires posting the code to opensource.
vue: lacks virtualization/filtering
lists.js - great one, but I can't get how to handle item click to get the underlying object/item index
vlist - a good one, but doesn't handle data modifications though
webix - looks great, but seems to be too "paid"- bunch of libraries that I even can't already find links to
I believe I'm just looking in the wrong direction or using the wrong search terms as it all seems to be pretty standard and any input is much appreciated.
And sorry for stupid question, but in general, how do you handle common UI elements in JS world?
Is there any comprehensive libraries of UI elements for JS which is free and not under the GPL license?
javascript html listview user-interface
asked Dec 16 '17 at 18:43
vir usvir us
3,48412735
My background is from mobile development and I'm quite new to Javascript so I'm quite confused about the following.
I'm trying to build a JS module that handles a list of data and displays them, so I'm looking for something like JS ListView with the following features:
- it accepts an array of objects
- it accepts an HTML template (in any format) to render items
- it renders only visible views so it can handle large datasets (virtual list)
- it can handle item click to return index/underlying object
- it supports data modification (item add/remove)
- it's free
- not under GPL (as long as I understand it correctly) so it can be used in a project without the obligation to submit the code to open source
- it supports filtering/sorting (this one is optional)
As a mobile developer those requirements seem to be pretty default to me, but I'm not able to find any suitable solution for several days already.
The options I've checked are:
dhtmlxList - the closest solution I've found so far, but it's under GPL v2 that requires posting the code to opensource.
vue: lacks virtualization/filtering
lists.js - great one, but I can't get how to handle item click to get the underlying object/item index
vlist - a good one, but doesn't handle data modifications though
webix - looks great, but seems to be too "paid"- bunch of libraries that I even can't already find links to
I believe I'm just looking in the wrong direction or using the wrong search terms as it all seems to be pretty standard and any input is much appreciated.
And sorry for stupid question, but in general, how do you handle common UI elements in JS world?
Is there any comprehensive libraries of UI elements for JS which is free and not under the GPL license?
javascript html listview user-interface
javascript html listview user-interface
asked Dec 16 '17 at 18:43
vir usvir us
3,48412735
asked Dec 16 '17 at 18:43
vir usvir us
3,48412735
edited Dec 16 '17 at 18:55
vir us
asked Dec 16 '17 at 18:43
vir usvir us
3,48412735
asked Dec 16 '17 at 18:43
vir usvir us
3,48412735
asked Dec 16 '17 at 18:43
vir usvir us
3,48412735
3,48412735
Well asked, but I think this question is far too opinion-based and may get closed because of that
– Matt Fletcher
Dec 16 '17 at 19:14
Thanks @MattFletcher, I hope I'll be able to get an answer for the "listview" part at least :) I can see you are proficient with JS - if I may, what are your tools when it comes to data-driven UI and in particular, lists of data?
– vir us
Dec 16 '17 at 22:37
add a comment |
Well asked, but I think this question is far too opinion-based and may get closed because of that
– Matt Fletcher
Dec 16 '17 at 19:14
Thanks @MattFletcher, I hope I'll be able to get an answer for the "listview" part at least :) I can see you are proficient with JS - if I may, what are your tools when it comes to data-driven UI and in particular, lists of data?
– vir us
Dec 16 '17 at 22:37
Well asked, but I think this question is far too opinion-based and may get closed because of that
– Matt Fletcher
Dec 16 '17 at 19:14
Well asked, but I think this question is far too opinion-based and may get closed because of that
– Matt Fletcher
Dec 16 '17 at 19:14
Thanks @MattFletcher, I hope I'll be able to get an answer for the "listview" part at least :) I can see you are proficient with JS - if I may, what are your tools when it comes to data-driven UI and in particular, lists of data?
– vir us
Dec 16 '17 at 22:37
Thanks @MattFletcher, I hope I'll be able to get an answer for the "listview" part at least :) I can see you are proficient with JS - if I may, what are your tools when it comes to data-driven UI and in particular, lists of data?
– vir us
Dec 16 '17 at 22:37
add a comment |
1 Answer
1
active
oldest
votes
Just went across this Vue component:
https://github.com/Akryum/vue-virtual-scroller
It seems to be what I was looking for - data driven efficient list for javascript (though it's based on a Vue framework which might be not that straightforward to integrate if you don't know it)
Still solves my problem and maybe it would be useful for someone else.
answered Jan 4 at 13:20
vir usvir us
3,48412735
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f47848887%2fjavascript-driven-listview-and-ui-libraries%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
Just went across this Vue component:
https://github.com/Akryum/vue-virtual-scroller
It seems to be what I was looking for - data driven efficient list for javascript (though it's based on a Vue framework which might be not that straightforward to integrate if you don't know it)
Still solves my problem and maybe it would be useful for someone else.
answered Jan 4 at 13:20
vir usvir us
3,48412735
add a comment |
Just went across this Vue component:
https://github.com/Akryum/vue-virtual-scroller
It seems to be what I was looking for - data driven efficient list for javascript (though it's based on a Vue framework which might be not that straightforward to integrate if you don't know it)
Still solves my problem and maybe it would be useful for someone else.
answered Jan 4 at 13:20
vir usvir us
3,48412735
add a comment |
Just went across this Vue component:
https://github.com/Akryum/vue-virtual-scroller
It seems to be what I was looking for - data driven efficient list for javascript (though it's based on a Vue framework which might be not that straightforward to integrate if you don't know it)
Still solves my problem and maybe it would be useful for someone else.
answered Jan 4 at 13:20
vir usvir us
3,48412735
Just went across this Vue component:
https://github.com/Akryum/vue-virtual-scroller
It seems to be what I was looking for - data driven efficient list for javascript (though it's based on a Vue framework which might be not that straightforward to integrate if you don't know it)
Still solves my problem and maybe it would be useful for someone else.
answered Jan 4 at 13:20
vir usvir us
3,48412735
answered Jan 4 at 13:20
vir usvir us
3,48412735
answered Jan 4 at 13:20
vir usvir us
3,48412735
answered Jan 4 at 13:20
vir usvir us
3,48412735
3,48412735
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f47848887%2fjavascript-driven-listview-and-ui-libraries%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Well asked, but I think this question is far too opinion-based and may get closed because of that
– Matt Fletcher
Dec 16 '17 at 19:14
Thanks @MattFletcher, I hope I'll be able to get an answer for the "listview" part at least :) I can see you are proficient with JS - if I may, what are your tools when it comes to data-driven UI and in particular, lists of data?
– vir us
Dec 16 '17 at 22:37