作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在实现数据表,该表包含所有行,一次 API 命中。我想把条件放在 java 脚本代码中。通过java脚本创建数据表。我正在分享我的代码示例。
$scope.standardOptions = DTOptionsBuilder
.fromFnPromise(R.all('----api call--').getList())
.withDOM("<'dt-toolbar'<'col-xs-12 col-sm-6'f><'col-sm-6 col-xs-12 hidden-xs'l>r>" +
"t" +
"<'dt-toolbar-footer'<'col-sm-6 col-xs-12 hidden-xs'i><'col-xs-12 col-sm-6'p>>")
.withBootstrap();
$scope.standardColumns = [
DTColumnBuilder.newColumn('flightNo').withOption('defaultContent', '-'),
DTColumnBuilder.newColumn('eta').renderWith(dataRendererETA).withOption('defaultContent', '-'),
DTColumnBuilder.newColumn('etd').renderWith(dataRendererETA).withOption('defaultContent', '-'),
];
API 调用数据
{
"_id": "101-87450458_2016_SEP",
"flightNo": "087",
"eta": {
"$date": 1511868720000
},
"etd": {
"$date": 1511875800000
},
}
我想将 if 条件放在第二个和第三个 DtColumnBuilder 中。是否应该打印 eta 或 etd。
我是数据表方面的新手。我如何设置条件。
DTColumnBuilder.newColumn('eta').renderWith(dataRendererETA).withOption('defaultContent', '-'), DTColumnBuilder.newColumn('etd').renderWith(dataRendererETA).withOption('defaultContent', '-'),
我想一次显示一个。
最佳答案
您可以在初始化时执行此操作:
$scope.standardColumns = [
DTColumnBuilder.newColumn('flightNo').withOption('defaultContent', '-')
]
if (condition) {
$scope.standardColumns.push( DTColumnBuilder.newColumn('eta').renderWith(dataRendererETA).withOption('defaultContent', '-') )
} else {
$scope.standardColumns.push( DTColumnBuilder.newColumn('etd').renderWith(dataRendererETA).withOption('defaultContent', '-') )
}
或者您可以根据条件使用 dtInstance
创建两者并隐藏/显示其中一列,例如在 $watch
中:
$scope.$watch(‘condition’, function(newVal, oldVal) {
if (newVal) {
$scope.dtInstance.DataTable.column(1).visible(true)
$scope.dtInstance.DataTable.column(2).visible(false)
} else {
$scope.dtInstance.DataTable.column(1).visible(false)
$scope.dtInstance.DataTable.column(2).visible(true)
}
});
关于javascript - 如何在 JavaScript 中将 If 条件放入数据表的数组中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47546792/
我是一名优秀的程序员,十分优秀!