本文整理汇总了TypeScript中dragula类的典型用法代码示例。如果您正苦于以下问题：TypeScript dragula类的具体用法？TypeScript dragula怎么用？TypeScript dragula使用的例子？那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。
在下文中一共展示了dragula类的6个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: ngOnInit
ngOnInit() {
// console.log(this.bag);
let bag = this.dragulaService.find(this.bag);
let checkModel = () => {
if (this.dragulaModel) {
if (this.drake.models) {
this.drake.models.push(this.dragulaModel);
} else {
this.drake.models = [this.dragulaModel];
}
if(this.dragulaModelTransform) {
this.dragulaService.registerModelTransform(this.dragulaModel, this.dragulaModelTransform);
}
}
};
if (bag) {
this.drake = bag.drake;
checkModel();
this.drake.containers.push(this.container);
} else {
this.drake = dragula({
containers: [this.container]
});
checkModel();
this.dragulaService.add(this.bag, this.drake);
}
}示例2: ngOnInit
ngOnInit() {
let bag = this.dragulaService.find(this.bag);
if (bag) {
this.drake = bag.drake;
this.checkModel();
this.drake.containers.push(this.container);
} else {
this.drake = dragula({
containers: [this.container]
});
this.checkModel();
this.dragulaService.add(this.bag, this.drake);
}
}示例3: ngOnInit
ngOnInit() {
let bag = this.dragulaService.find(this.bag);
$(this.container).data('dragulamodeldata', this.dragulaModel);
if (bag) {
this.drake = bag.drake;
this.drake.containers.push(this.container);
} else {
this.drake = dragula({
containers: [this.container],
revertOnSpill: true
});
this.dragulaService.add(this.bag, this.drake);
}
}示例4: ngOnInit
ngOnInit() {
let bag = this.dragulaService.find(this.bag);
let checkModel = () => {
if (this.dragulaModel) {
if (this.drake.models) {
this.drake.models.push(this.dragulaModel);
} else {
this.drake.models = [this.dragulaModel];
}
}
};
if (bag) {
this.drake = bag.drake;
checkModel();
this.drake.containers.push(this.container);
} else {
this.drake = dragula({
containers: [this.container]
});
checkModel();
this.dragulaService.add(this.bag, this.drake);
}
}示例5: dragula
ďťż/// <reference path="../node_modules/devbridge-autocomplete/typings/jquery-autocomplete/jquery.autocomplete.d.ts" />
///
import { competitorDto, scoreCodeDto, seriesDto } from "./interfaces/server";
import { Guid } from "./guid";
import * as dragula from "dragula";
let competitors: competitorDto[];
declare var scoreCodes: scoreCodeDto[];
const noCodeString = "No Code";
dragula([document.getElementById('results')])
.on('drop', function () {
calculatePlaces();
});
function checkEnter(e: KeyboardEvent) {
const ev = e || event;
var txtArea = /textarea/i.test((ev.srcElement).tagName);
return txtArea || (e.keyCode || e.which || e.charCode || 0) !== 13;
}
export function init() {
document.querySelector('form').onkeypress = checkEnter;
$("#raceform").submit(function (e) {
e.preventDefault();
var form = this as HTMLFormElement;
addScoresFieldsToForm(form);
form.submit();
removeScoresFieldsFromForm(form);
});
loadFleet();示例6: initDragula
private initDragula(containers){
let dragula = Dragula(containers, {});
dragula.on('drop', function(element, container) {
});
}