标签: slickgrid

如何取消选择Slick Grid中的所有行？

我正在使用RowSelectionModel,但无法找到方法.

谢谢

我的SlickGrid表中的一些单元格有myClass类.

我为他们添加了一个工具提示,如下所示:

$(".myClass").hover(// Mouse enters
                    function(e) {...},
                    // Mouse leaves
                    function() {...});

它工作正常,但如果我将表格滚动到底部,然后将其滚动回顶部,则工具提示不再出现.

有人可以建议任何解决方法吗？

谢谢 !

我正在创建多个slickGrids并将它们放在jQuery选项卡中.第一个jQuery选项卡上的第一个slickGrid工作正常,但是当我切换到下一个选项卡时,slickGrid上的数据列不会显示,直到您调整标题大小并且列未与标题对齐.有什么办法可以解决这个问题吗？这是我的代码exerp:

<ul class="tabs">
     <li><a href="#tab_1">FADF Mono</a></li>
     <li><a href="#tab_2">BADF Mono</a></li>
     <li><a href="#tab_3">BADF Color</a></li>
</ul>
<div class="tab_container">
       <div id="tab_1" class="tab_content">
          <div id="slickGrid_1"></div>
       </div>
       <div id="tab_2" class="tab_content">
          <div id="slickGrid_2"></div>
       </div>
       <div id="tab_3" class="tab_content">
          <div id="slickGrid_3"></div>
       </div>
</div>

是否有明显的理由说明为什么这个Slickgrid示例不起作用.基本上它不会点击列.

        var grid;

        var columns = [
        {id:"title", name:"Title", field:"title", sortable: true},
        {id:"duration", name:"Duration", field:"duration", sortable: true},
        {id:"%", name:"% Complete", field:"percentComplete", sortable: true},
        {id:"start", name:"Start", field:"start", sortable: true},
        {id:"finish", name:"Finish", field:"finish", sortable: true},
        {id:"effort-driven", name:"Effort Driven", field:"effortDriven", sortable: true}
        ];

        var options = {
            enableCellNavigation: true,
            enableColumnReorder: false
        };

        $(function() {
            var data = [];
            for (var i = 0; i < 500; i++) {
                data[i] = {
                    id: i,
                    title: "Task " + i,
                    duration: "5 days",
                    percentComplete: Math.round(Math.random() …

grid.onClick.subscribe(function(e) {
    var cell = grid.getCellFromEvent(e),
        row = cell.row;

    // var item = dataView.rows[row];

});

我曾经使用dataView.rows访问网格中的项目,这似乎不再适用于最新版本,我们该如何更新代码？

我想微调使用slickgrid的网页的外观.所以我一直在寻找slickgrid的可用CSS类列表,但是却无法找到它.

是否有这样的列表,有人可以指向我,还是我的任务的规范方法是另一个？

是否有可能在slickgrid中有一个隐藏的列？隐藏列我的意思是我想为每一行保存一些数据,但我不希望这些数据显示在网格上.

当我在发布模式下运行我的MVC 4项目时,一个使用SlickGrid的页面无法正确显示(网格非常非常高,网格单元格缺失).

但是,我不认为这是SlickGrid的问题,而是捆绑器(System.Web.Optimization集成到MVC 4中)如何缩小代码.

我抓住了缩小的JavaScript并开始一次在一个区域中反转缩小,直到问题得到解决.我发现改变了(原谅滚动,我想完全按照原样留下缩小的版本)

function SlickFilter(n,t){var i=n.option,r=t.searchString;return n.pctSortKey.key<t.percentCompleteThreshold||r!=""&&i.indexOf(r)==-1&&i!="Unweighted Response"&&i!="Median"&&i!="Average"?!1:!0}

原来的

function SlickFilter(item, args) {
    if (item.pctSortKey.key < args.percentCompleteThreshold) {
        return false;
    }

    if (args.searchString != "" && item.option.indexOf(args.searchString) == -1 && item.option != "Unweighted Response" && item.option != "Median" && item.option != "Average") {
        return false;
    }

    return true;
}

如果缩小文件的所有其他元素都未更改,则解决此问题.

该功能使用如下:

dataView.setFilter(SlickFilter);

为SlickGrid提供回调函数以过滤掉某些结果.

原始和缩小的功能如何不等同？

UPDATE

SlickGrid正在"编译"我提供的过滤功能.编译步骤失败了缩小版本.编译的缩小代码如下所示:

function anonymous(_items,_args) {
var _retval = [], _idx = 0; var n,  t = _args; _coreloop: for (var …

我正在尝试使用散景数据表来显示嵌入在网页中的数据.它工作得很好.

有没有办法从显示的数据表中保存表格内容？其他散景图有各种功能的工具栏,包括保存,但DataTable似乎没有随附.我对于散景数据表使用的javascript或slickgrid知之甚少.并且想知道它是否可以完成.

谢谢!

编辑 - 看来我原来的问题不够明确.希望以下图片可以帮助说明:

散景图有相关的工具栏:

但是默认情况下数据表没有它,它也不会采用'tools'参数:

是否可以在数据表中添加"保存"按钮,以便人员查看表格可以下载为制表符分隔或csv文件？不一定需要看起来相同,但具有相同的保存功能.

TL; 博士; 为简单起见，我如何过滤父子数组的多个属性，这些属性可能是几个树级别的深度。这是针对数百个用户使用的开源数据网格库。

所以我有一系列父/子引用，孩子们也可以有孩子自己等等，树级深度没有限制。此外，我不仅需要能够过滤具有树结构的属性，还需要能够过滤该数组的任何属性，即网格中的列。

例如，我有这个数组，它代表一个文件浏览器列表

const myFiles = [
    {id: 11, file: "Music", parentId: null },
    {id: 12, file: "mp3", parentId: 11 },
    {id: 14, file: "pop", parentId: 12 },
    {id: 15, file: "theme.mp3", dateModified: "2015-03-01", size: 85, parentId: 14, },
    {id: 16, file: "rock", parentId: 12 },
    {id: 17, file: "soft.mp3", dateModified: "2015-05-13", size: 98, parentId: 16, },
    {id: 18, file: "else.txt", dateModified: "2015-03-03", size: 90, parentId: null, },
    {id: 21, file: "Documents", parentId: null, },
    {id: 2, file: …