GithubHelp home page GithubHelp logo

Comments (10)

vladpazych avatar vladpazych commented on August 16, 2024

I found that you can do this:

{{#ScrollController id="surfaceListScroll"}}
    {{#SequentialLayout id="surfaceListSequence"}}
        {{#Surface}}SurfaceOne{{/Surface}}
        {{#Surface}}SurfaceTwo{{/Surface}}
        {{#Surface}}SurfaceThree{{/Surface}}
    {{/SequentialLayout}}
{{/ScrollController}}

And then, in JavaScript do this:

var surfaceListScroll = FView.byId("surfaceListScroll").view;
var surfaceListSequence = FView.byId("surfaceListSequence").view._items;

surfaceListScroll.setOptions({
    layout: ListLayout,
    layoutOptions: {
        itemSize: 100
    },
    dataSource: surfaceListSequence,
    autoPipeEvents: true
});

It will display all content from this {{#SequentialLayout}}, but it will not scroll.
I think it's mean that any of this surfaces have not been piped to ScrollController.

Maybe because SequentialLayout has not ._eventOutput?

from famous-flex.

IjzerenHein avatar IjzerenHein commented on August 16, 2024

Hi, I've yet to work with Meteor famous Views myself (it's on my todo list).
I suggest posting this question in the meteor-famous-views repo, or on this item:
gadicc/meteor-famous-views#178

from famous-flex.

vladpazych avatar vladpazych commented on August 16, 2024

Okay, thank's. Missed this issue...

from famous-flex.

IjzerenHein avatar IjzerenHein commented on August 16, 2024

Hi, please post the solution here if possible. Thanks!

from famous-flex.

gadicc avatar gadicc commented on August 16, 2024

Yeah, there are a lot of us famous-views folk who are very eager to integrate famous-flex in famous-views. We were talking about it last year but then holidays kicked in. I think mcbain might have already started, and I'm also keen to give this a bash as soon as I finish catching up on other stuff. I don't think getting a single view of the flex working would be too hard, but we want to keep the "flex" and that will require a little more work... I think it's going to be awesome when it's done though, and will be a pleasure to use reactive data stores :) Watch for updates in the issue IjzerenHein linked to.

@IjzerenHein, did you ever check out https://fview-lab.meteor.com/pads/qXd9Zm6bPm8NiuZeX, which is a live intro to Meteor's client side stack, using a WIP designed to let others play around with famous-views, e.g. the rather crude https://fview-lab.meteor.com/pads/intro.

from famous-flex.

IjzerenHein avatar IjzerenHein commented on August 16, 2024

@gadicc Cool :) I'll hopefully get into it soon :)

Btw, I'm working on new widgets build upon famous-flex. Have you seen the new date-picker widget?
https://github.com/IjzerenHein/famous-flex/blob/master/tutorials/DatePicker.md
More will follow soon.

from famous-flex.

thomasfl avatar thomasfl commented on August 16, 2024

@IjzerenHein The datePicker is awesome. Looks great on iOS.

https://rawgit.com/IjzerenHein/famous-flex-datepicker/master/dist/index.html

from famous-flex.

gadicc avatar gadicc commented on August 16, 2024

I second the awesome comment! Super cool. Hope to have all this stuff integrated in famous-views soonish. One line datepicker with reactive data from the database will be awesome :>

{{>datePicker time=createdAt}}

from famous-flex.

IjzerenHein avatar IjzerenHein commented on August 16, 2024

Yay :))))

from famous-flex.

gadicc avatar gadicc commented on August 16, 2024

Hope everyone's following on the famous-views thread... I just announced an early attempt in gadicc/meteor-famous-views#178 (comment).

from famous-flex.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.