跳至主要内容

add-card

描述​

当添加新卡片时触发

用法​

"add-card": ({
    columnId: string | number,
    id?: string | number,
    rowId?: string | number,
    before?: string | number,
    select?: boolean,
    card?: object,
    skipProvider?: boolean,
}) => void;

参数​

add-card 事件的回调接收一个包含以下属性的对象:

  • columnId - （必填）卡片将被添加的列的 ID
  • id - （可选）新卡片分配的 ID
  • rowId - （可选）卡片应放置的行的 ID
  • before - （可选）新卡片将被插入在其前面的卡片的 ID
  • select - （可选）决定是否选中新添加的卡片
  • card - （可选）表示新卡片的数据对象。卡片参数的完整详情请参阅 这里
  • skipProvider - （可选）控制是否跳过向服务器的请求
信息

若要管理内部事件，请参阅 事件总线方法

示例​

// 创建看板
const board = new kanban.Kanban("#root", {
    columns,
    cards
});
// 监听 "add-card" 事件
board.api.on("add-card", (obj) => {
    console.log(obj.columnId);
});