Print

Set ‘allowPrinting’ as true, to enable Print icon in the Kanban toolbar. You can use ‘print()’ method from Kanban instance to print the Kanban.

The following code example describes the above behavior.

  • html
  • <div id='Kanban'></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module KanbanComponent {
        $(function () {
           var data = new ej.DataManager(window.kanbanData).executeLocal(new ej.Query().take(20));
           var sample = new ej.Kanban($("#Kanban"), {
                dataSource: data,
                columns: [
                    { headerText: "Backlog", key: "Open" },
                    { headerText: "In Progress", key: "InProgress" },
                    { headerText: "Done", key: "Close" }
                ],
                keyField: "Status",
                allowTitle: true,
                fields: {
                    primaryKey: "Id",
                    content: "Summary",
                },
                allowPrinting: true,
            });
        });
    }

    The following output is displayed as a result of the above code example.