小编dav*_*rad的帖子

我正在使用数据表并且正在为JS代码添加选项,这些更改有效,但我一直在收到弹出警告.我怎么能停止警告？

$(document).ready(function() {
    $('#ideas').dataTable( {
        "aLengthMenu": [[5, 10, 15, -1], [5, 10, 50, "All"]]
    });
});

当用户单击列标题进行排序时,我想触发自己的事件.我不想让它排序.我一直在做研究,并没有看到一个很好的方法来做到这一点.

我可以绑定sort事件来做我自己的事情,但仍然会发生这种情况.我不想要这个.如果我禁用排序,那么sort事件永远不会触发,所以这也不起作用.

我可以禁用排序,然后尝试捕获标题上的点击事件,但我希望有更好的方法来做到这一点.有人有主意吗？

我在DT v1.10下面有以下代码:

var oTable = $('#items')
    .dataTable({
        sDom: "<'row'<'col-md-4'l><'col-md-6'f>r>t<'row'<'col-md-4'i><'col-md-7'p>>",
        oLanguage: {
            sLengthMenu: "_MENU_ per page"
        },
        ajax: "/items",
        bProcessing: true,
        bServerSide: true,
        aoColumnDefs: [
            {
                aTargets: [-1],
                bSearchable: false,
                bSortable: false
            }
        ]
    })
    .on('click', '.btn-danger', function (e) {
        if (confirm('Are you sure you want to delete SKU "' + $(this).data('sku') + '"?')) {
            $.getJSON($(this).attr('href'), function (data) {
                if ('success' in data) {
                    oTable.ajax.reload(null, false);
                }
            });
        }
        event.stopPropagation();
        return false;
    });

当服务器响应成功时,它会尝试调用该行,oTable.ajax.reload(null, false);但我总是得到错误Uncaught TypeError: Cannot read …

我正在使用数据表:https ://l-lin.github.io/angular-datatables 和bootstrap:https://angular-ui.github.io/bootstrap/

这就是我尝试实现的目标:在使用来自bootstrap的模态添加数据并保存之后,数据表将重新加载(无需重新加载当前路由).

这是我的modalCtrl:

  .controller('addModalCtrl', ['$scope', '$modalInstance', '$http', 'AdminMenu', 'ResultService',
    function ($scope, $modalInstance, $http, AdminMenu, ResultService) {

    $scope.cancel = function () {
        $modalInstance.dismiss('cancel');
    };

    $scope.menu = {};

    $scope.doSubmit = function () {
        var data = {
            name: $scope.menu.title,
            icon: $scope.menu.icon
        };

        AdminMenu.save(data, function (response) {
            $scope.menu = {};
            ResultService(response);
            $modalInstance.dismiss('cancel');
        }, function (response) {
            ResultService(response.data);
        })
    };
}])

这是我的数据表功能:

 function AdminMenuTableData($compile, $scope, $modal, DTOptionsBuilder, DTColumnBuilder, SweetAlert, AdminMenu, ResultService, APIROOT) {

$scope.dtOptions = DTOptionsBuilder.fromSource(APIROOT + 'admin-menus') …

尝试在没有结果的情况下得到一个下拉菜单,但下拉菜单不显示视图

<div class="dropdown">
    <div class="form-group">
       <input placeholder="Vælg kunde" type="text" ng-model="customer"  typeahead-editable="false" uib-typeahead="customer as customer.customer for customer in customers | filter:$viewValue | limitTo:8" class="form-control"
            typeahead-popup-template-url="customPopupTemplate.html"
            typeahead-min-length="0"
            typeahead-no-results="noResults">
    </div>

    <div ng-if="noResults" dropdown-toggle>
       <ul class="dropdown-menu" >
           <li><a href="#">No result</a></li>
       </ul>
    </div>

</div>

删除class ="dropdown-menu"给了我没有结果的li,但是我不把它作为下拉菜单

谁没有结果我切换这个下拉菜单？

我无法将bootstrap 3 typeahead与标签输入集成,但将对象作为标签.如果我在输入字段上只使用typeahead,它可以工作,但如果我将它与标签输入集成,那么它不起作用,我甚至没有得到任何真正令人沮丧的错误.这是我的代码:

var places = [{name: "New York"}, {name: "Los Angeles"}];
//this works
$('input').typeahead({
    source: places
});

//this doesn't
$('input').tagsinput({
    freeInput: false,
    confirmKeys: [44],
    typeahead: {
        source: places
    }
});

我做错了什么或这是一个错误？

如果有人有一个这方面的工作示例,我真的很感激一些帮助,它可以是typeahead.js而不是bootstrap 3 typeahead,我试图使用它也可以工作,但后来我有一个问题,如果我选择一个建议来自typeahead click enter的选项提交整个表单,而不是仅仅接受该选项作为标记.

我正在使用AngularStrap创建标签,并希望动态加载每个html片段,如下面的问题所示,但也想指定一个动态控制器.

请参阅: AngularStrap选项卡加载html片段

这是我的javascript和html.

function WorkspaceCtrl($scope, $window, $location) {
  // Tab directive
  $scope.tabs = [
    {
        title:'Search',
        page: 'templates/workspace/search.ejs',
        controller: SearchCtrl
    },
    {
        title:'My Searches',
        page: 'templates/workspace/my_searches.ejs',
        controller: MySearchesCtrl
    },
    {
        title:'Community Searches',
        page: 'templates/workspace/community_searches.ejs',
        controller: CommunitySearchesCtrl
    }
  ];
  $scope.tabs.activeTab = 1;
}

<body ng-controller="WorkspaceCtrl">
    <div class="container">
        <section id="tab">
            <div class="bs-docs-example">
            <div ng-model="tabs.activeTab" bs-tabs>
                <div ng-repeat="tab in tabs" data-title="{{ tab.title }}">
                </div>
                <div ng-include src='tabs[tabs.activeTab].page' ng-controller="tabs[tabs.activeTab].controller"></div>
            </div>
            </div>
        </section>
    </div>
</body>

动态页面工作正常,但控制器不仅不起作用,而且还阻止加载动态片段.角带标签是否支持此行为？提前致谢.

我在订购包含HTML的列时遇到问题.在1.10的文档中说明,默认情况下应该这样做,但事实并非如此.然后我查看了1.10的新功能,并看到如果同一列中的每个TD元素都有"数据顺序"属性,则可以通过所述属性进行排序.完善!问题是,我无法让它发挥作用.

奇怪的是,当页面是静态时,它们具有此示例的示例正在按预期工作,但不是在动态加载数据和表时.

我正在使用以下选项和更改来启动表以添加属性.失效是为了告诉Datatables它需要重绘它(我看到它需要在某处):

"createdRow": function ( row, data, index ) {
                if ( data[6] ) {
                    cell = $('td', row).eq(6);
                    value = cell.text();
                    if(value == "Ej fakturerad") {
                        cell.attr('data-order', 1);
                    }
                    else if(value == "Nej") {
                        cell.attr('data-order', 2);
                    }
                    else if(value == "Kredit") {
                        cell.attr('data-order', 3);
                    }
                    else if(value == "Ja") {
                        cell.attr('data-order', 4);
                    }
                }
                oTable
                    .row( index )
                    .invalidate()
                    .draw();
            },

我正在使用Laravel项目中Chumper/datatables的composer包实现这个DataTable,这意味着数据源是Ajax,并使用服务器端处理.

提前致谢!

我 在我的本地主机(wamp服务器)中使用 http://datatables.net/extensions/tabletools/.它工作正常,但当我在我的在线服务器上放置相同的代码时,它无法正常工作.

我正在使用所有最新版本的数据表

tableTools: {
    "sSwfPath": "https://datatables.net/release-datatables/extensions/TableTools/swf/copy_csv_xls_pdf.swf",
    "sRowSelect": "os",
    "sRowSelector": 'td:first-child',
    // "aButtons": [ "copy", "csv", "xls","pdf","print","select_all", "select_none" ]
    "aButtons": [
        "copy",
        "print", {
            "sExtends": "collection",
            "sButtonText": "Save", // button name 
            // "aButtons":    [ "csv", "xls", "pdf" ]
            "aButtons": [
                "csv",
                "xls", {
                    "sExtends": "pdf",
                    "sPdfOrientation": "landscape",
                    "sPdfMessage": "List of product."
                },
                "print"
            ]
        }
    ]
}    

首先没有点击copy,pdf,csv,xls按钮.因此,我教我的路径或瑞士法郎不工作,因此我用在线链接替换了链接.因此,现在我点击了,但是当我点击"复制"按钮时,它会给我一条消息......但是当我在记事本中过去时,它给了我"空白".我的pdf,csv,xlsx也没有用.只有Print才能完美运行.请告诉我这是什么问题,因为我的localhost一切正常.它在我的在线服务器中创建问题.

我正在使用数据表与自定义服务器端过滤,搜索和排序...为什么columnFilter()返回错误"TypeError:$(...).DataTable(...).columnFilter不是一个函数"

这是我如何使用columnFilter:

var table = $('#item-table').DataTable({
    ajax: '<?= site_url("price_update"); ?>',
    serverSide: true,
    processing: true,
    paging: true
}).columnFilter();

没有".columnFilter()"的代码工作正常.