- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在构建一个 django 站点,并在我的页面之一中实现了 redips.drag 库,以允许拖动表行。我想要在我的代码中添加一个非常简单的功能 - 添加一个监听器,以便当删除行时,它将行数据发送到服务器。用 jQuery 来说,是这样的:
$(function() {
$(someDomElement).on('DropEvent', function() {
// send data to server
};
});
问题是 redips.drag 不是一个 jQuery 插件,而是一个 javascript 插件,所以我的知识有点(不止一点)缺乏。我可能可以找到其他一些库,但它的性能非常好,我更喜欢了解如何使用它而不是寻找不同的库。
我大概可以自己处理“将数据发送到服务器”部分,我根本无法理解的是如何“捕获”drop事件,我要监听dom的哪一部分?我尝试将 MonitorEvents 添加到不同的选择器,但完全失败了。
我还尝试操作 script.js 文件(初始化行处理的文件),但也失败了。这是我正在使用的(redips 包中的示例 20):
"use strict";
// define redips object container
var redips = {};
redips.init = function () {
// reference to the REDIPS.drag library and message line
var rd = REDIPS.drag,
msg = document.getElementById('msg');
// initialization
rd.init();
//
// ... more irrelevent code ...
//
// row event handlers
//
// row clicked (display message and set hover color for "row" mode)
rd.event.rowClicked = function () {
msg.innerHTML = 'Clicked';
};
// row row_dropped
rd.event.rowDropped = function () {
msg.innerHTML = 'Dropped';
};
// and so on...
};
// function sets drop_option parameter defined at the top
redips.setRowMode = function (radioButton) {
REDIPS.drag.rowDropMode = radioButton.value;
};
// add onload event listener
if (window.addEventListener) {
window.addEventListener('load', redips.init, false);
}
else if (window.attachEvent) {
window.attachEvent('onload', redips.init);
}
现在我尝试将 console.log('hello') 添加到 rd.event.rowDropped 函数(位于 msg.innerHTML 行的正上方),但这不起作用,我删除了该行,并且没有显示任何内容日志。在 init 函数之外执行 console.log 是可行的,因此我知道脚本可以将内容传递到控制台。
请问有人可以帮我吗?我完全迷失了......
最佳答案
我知道回答你的问题可能有点晚了,但我找到了答案。您需要使用放置的事件和属性 rd.obj (REDIPS.drag.obj) 来获取 id,将其与简单的 javascript 一起使用,例如 getAttribute('id')
redips.init = function () {
// reference to the REDIPS.drag library and message line
var rd = REDIPS.drag,
msg = document.getElementById('msg');
// initialization
rd.init();
// row clicked (display message and set hover color for "row" mode)
rd.event.clicked = function () {
msg.innerHTML = 'Clicked' + rd.obj.getAttribute('id');
};
// row row_dropped
rd.event.dropped = function () {
msg.innerHTML = 'Dropped' + rd.obj.getAttribute('id');
};
};
关于javascript - redips.drag 在行被删除时获取行 ID 并将其发送到服务器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18753300/
当我尝试重新初始化表中的 redips div 元素时,我会这样做: REDIPS.drag.enableDrag('init'); Redips 在以下源代码上失败: tableTop = func
我正在 Worklight 中开发混合应用程序。我想要具有拖放功能,例如 redips 拖放库。 http://www.redips.net/javascript/drag-and-drop-tabl
我正在使用一个名为 REDIPS 的库,它可以让您创建可自定义且简单的拖放效果.... 我正在尝试创建一个函数,该函数会导致被移动的元素被多次克隆并定位到主元素的左侧... (function() {
我正在构建一个 django 站点,并在我的页面之一中实现了 redips.drag 库,以允许拖动表行。我想要在我的代码中添加一个非常简单的功能 - 添加一个监听器,以便当删除行时,它将行数据发送到
这是我的代码: REDIPS.drag.event.deleted = function(){ //TODO } 当一个对象被放入“垃圾桶”单元格时会被触发。我试图在它被删除之前获
我是一名优秀的程序员,十分优秀!