- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我继承了一大段代码,其中包含大量 DataTable
渲染器数组。我想在前面的数据对象中插入一些额外的数据,而不重写所有渲染器,只重写那些实际受影响的渲染器。
columnDefs
字段被生成为具有render
函数的对象数组,通常还有其他字段(targets
,类型
等)。我想即时重写它,让 render
函数成为调用原始函数的包装器。我找不到正确的代码来关闭原始函数,因此我可以在处理过程中修改数据并仍然调用该原始函数。
例如,给定一个 columnDefs 为:
var columnDefs = [
{
"render": function (data, type, row) {
return stuff(row[3]);
},
"targets": 2
},
{
"render": function (data, type, row) {
return stuff(row[0]);
},
"targets": 1
},
// etc.
]
我正在尝试做这样的事情:
var mapper = function (def) {
(function (d, old_render) {
d.render = (data, type, row) => {
let extra_data = undefined;
if (row.length > 1 && typeof (row[0]) == 'object') {
extra_data = row[0];
row = row.slice(1);
}
return old_render(data, type, row, extra_data);
}
})(def, def.render);
};
columnDefs.forEach(mapper);
在调用 $("#my-datatable").DataTable({ ..., columnDefs: columnDefs, ... })
之前。
目前的工作是调用新的渲染函数。然而,当 render
被调用时,old_render
一直是未定义的,这当然会死掉。
完整代码示例 on JSFiddle为了方便,也在这里:
function stuff(x) {
return "<b>" + x + "</b>";
}
var columnDefs = [
{
"render": function (data, type, row) {
return stuff(row[3]);
},
"targets": 2
},
{
"render": function (data, type, row) {
return stuff(row[0]);
},
"targets": 1
},
]
var dataSource = [{"a", "b", "c", "d", "e"}, {"f","g","h","i","j"}];
columnDefs.forEach(d => {
d.render = function(old_render) {
return (data, type, row) => {
let extra_data = undefined;
return old_render(data, type, row.map(, extra_data);
};
}(d.render);
});
var table = $("#my-table").DataTable({
processing: true,
data: dataSource,
columnDefs: columnDefs
});
关联的 HTML 只是:
<link href="//cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<p>
hello
</p>
<table id="my-table">
<thead>
<tr>
<th>1</th><th>2</th><th>3</th><th>4</th>
</tr>
</thead>
</table>
更新... JSLint 正在运行,我只是不确定为什么它不在我的较大代码库中。我想回到绘图板,找出原因。
最佳答案
像这样的东西应该有用...
function newRender(oldRender, data, type, row) {
let extra_data = undefined;
if (row.length > 1 && typeof (row[0]) == 'object') {
extra_data = row[0];
row = row.slice(1);
}
return oldRender(data, type, row, extra_data);
}
var mapper = function (def) {
def.render = newRender.bind(null, def.render);
};
columnDefs.forEach(mapper);
关于javascript - 包装一系列闭包,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56959944/
以下闭包函数在 javascript 中运行良好。 function generateNextNumber(startNumber) { var current = startNumber;
Swift的闭包(Closures)是一种将功能块和上下文整合并演示在代码中的一种手段。闭包可以捕获并存储其上下文中的变量和常量。与普遍存在于其他语言的匿名函数(如Python的lambda、Java
在本教程中,您将借助示例了解 JavaScript 闭包。 在了解闭包之前,您需要了解两个概念: 嵌套函数 返回函数 JavaScript 嵌套函数 在 JavaScript 中,一个函数也可
在本教程中,您将借助示例了解 JavaScript 闭包。 在了解闭包之前,您需要了解两个概念: 嵌套函数 返回函数 JavaScript 嵌套函数 在 JavaScript 中,一个函数也可
闭包介绍 闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。 要理解闭包,首先必须理解Javascript特殊的变量作用域。 1.全局变量和局部变
这个问题已经有答案了: Methods in ES6 objects: using arrow functions (6 个回答) 已关闭 6 年前。 我已经在 stackoverflow 上到处查找
这个问题已经有答案了: How do JavaScript closures work? (86 个回答) 已关闭 9 年前。 我有一个关于 Javascript 闭包的简单问题: 给出了以下函数:
所以我有以下内容: Object a = data.getA(); Object b = data.getB(); Object c = data.getC(); // and so on 这些对象是
现在已经很晚了,我大脑中道格拉斯·克罗克福德居住的部分已经关闭。我尝试了一些方法,但没有达到预期效果。 我有一个 Canvas ,我在其中画了两条线,然后在计时器上淡出它们,但只有循环中的最后一行淡出
因此,我创建了一个变量 car,然后将其分配给一个函数并添加了参数模型、年份。然后在函数内引用参数创建一个对象。 然后创建“闭包”内部函数 yourCar() 并返回其中的外部函数对象“Propert
我正在 Mozilla 开发者网站上阅读关于关闭的解释,并且有点挣扎。请查看 Mozilla 网站上的以下代码。我有点理解它是如何工作的,但我认为我的评论下面的代码也应该工作。为什么一点击18、20就
这个问题在这里已经有了答案: UnboundLocalError trying to use a variable (supposed to be global) that is (re)assig
以下程序返回“本地”,根据我正在阅读的教程,它旨在演示闭包现象` 我不明白的是,为什么最后为了调用parentfunction,将其分配给变量“child”,然后调用“child”。 为什么只写 pa
我读到闭包末尾的()会立即执行。那么,这两者之间有什么区别。我在一些代码中看到了第一个用法。 谢谢。 for (var a=selectsomeobj(),i=0,len=a.length;i
代码如下 var collection = (function (){ var x = 0; return {
我仍然对 JavaScript 中的闭包概念感到困惑。我明白闭包是内部函数在母函数返回后访问在其母函数中创建的变量的能力。但是我仍然很困惑,如果我们可以在函数内部创建一个变量,为什么我们必须创建内部函
我搜索了很多主题并没有找到答案,或者问题太复杂了。所以没关系。这是我的第一个问题。 这是 SQL SELECT parent.*, ( SELECT COUNT(*) FROM
有 JS 高手可以解释为什么会这样吗: $$={} (function(x){ x.newModule = { func: function(){...} };
在此示例中,我尝试按值传递,但传递的是引用。 for (int i = 0; i new PhoneJobTest(i); t.Start(); } 这可以像这样补救: for (int
从 $.each() 中访问 this.rules 变量的最佳方式是什么?任何关于原因/方式的解释也会有帮助! app.Style = function(node) { this.style
我是一名优秀的程序员,十分优秀!