本文整理匯總了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) {
});
}