Giter Club home page Giter Club logo

Comments (8)

WriterStat avatar WriterStat commented on June 3, 2024

Hi @Brecht272727,

itemAddOptions - only adds the options to the pre-existing Add item button when creating the JKanban object. Button can be in the footer or in the item stream.

buttonClick: function (el, boardId) { ...is the function you are looking for.

It is called when the Add Item button is clicked. It auto provides as a parameter the footer button's Board ID.

You fill in the code for it, inside the code area where you create/instantiate the JKanban ...example:

Kanban = new jKanban({ element: "#your-container", itemAddOptions: { enabled: true, // add a button to board for easy item creation content: '+', // text or html content of the board button class: 'kanban-title-button btn-block', // default class of the button footer: true // position the button on footer }, buttonClick: function (el, boardId) { ...fill in your add item button click code here. Notice the board ID parameter is provided. }
Hope helps,

from jkanban.

Brecht272727 avatar Brecht272727 commented on June 3, 2024

Hi @WriterStat, thanks for your reply. But what to do if we want a header and footer button? We just have one buttonClick function?

from jkanban.

WriterStat avatar WriterStat commented on June 3, 2024

True, only the footer button is provided in the current jkanban lib by the author under open source, so you would have to:

Either:

... Fork the library and then add/fill in the code to the library.
... or manipulate the DOM etc... to get what you want. Then adding the code to your own external code.
... or you may be able hire the creator or others to add to the library. Hope I am not overstepping my bounds here, but the original author appears to be done adding public features to this lib. And so you may not hear from them on additions. He should pop in and correct me if I am wrong.

This lib is the Board/Item DOM creation + Drag and Drop.

We chose option 2 above and did the add item top button ourselves outside of the library in our own code.

So it can be easily done. But I don't want to fill up the author's area here with code. I think they would post the code if they wanted it here.

May I ask what your goal for the lib is? Briefly. Just curious.

from jkanban.

marcosrocha85 avatar marcosrocha85 commented on June 3, 2024

I added some features by pulling request jKanban. Pull requests are always welcome. =)

from jkanban.

Brecht272727 avatar Brecht272727 commented on June 3, 2024

@marcosrocha85: Can you tell what is changed?

from jkanban.

marcosrocha85 avatar marcosrocha85 commented on June 3, 2024

@marcosrocha85: Can you tell what is changed?

First thing WriterStat said is how you make a pull request in order to implement a feature you want and share with community. I said that most behavior I wanted, I developed and share through pull request.
You have 3 ways to make what you want, according to WriterStat, but you will have to code it because jKanban doesn't have exactly what you need.

from jkanban.

Brecht272727 avatar Brecht272727 commented on June 3, 2024

@WriterStat: I solved it outside of the library like you did. All working now! My goal is to make a kanban board for all salesmen. Boards are To call, 1 time called, 2 times called, Processed and Unreachable :-)
Everything is stored in mysql database. See my screenshot how it looks!

image

from jkanban.

WriterStat avatar WriterStat commented on June 3, 2024

Looks great! And sounds great! Cheers, -C

from jkanban.

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.