جافاسكربت في أوراكل أبكس (الطريق إلى الاحتراف)

بناء واجهة السحب والإسقاط يثبت أنك تستطيع تطويع المتصفح لبناء تجارب مستخدم مذهلة تشبه تطبيق Trello[cite: 1642]. نعتمد هنا على مكتبة SortableJS الخفيفة[cite: 1643].

var el = document.querySelector(".t-Report-report tbody"); [cite: 1665]
var sortable = Sortable.create(el, { [cite: 1667]
    animation: 150, [cite: 1669]
    onEnd: function (evt) { [cite: 1671]
        // نجمع الـ IDs بالترتيب الجديد ونرسلها فورا لأوراكل لحفظ الترتيب
        let order = []; [cite: 1677, 1678]
        document.querySelectorAll(.task-item).forEach(item => order.push(item.getAttribute(data-id))); [cite: 1680, 1681, 1682]
        apex.server.process("UPDATE_TASK_ORDER", { f01: order }); [cite: 1684, 1685, 1686]
    } [cite: 1674]
});