Tag: slickgrid

无法在Slickgrid中为行设置CSS属性: 我正在尝试将一个CSS类设置为Slickgrid中的行。我已经在这里和这里查找了，并根据这个 Slickgrid示例创建了一个测试代码。这里是： var cols = [{ id: “id”, name: “Report name”, field: “Description”, width: 600, sortable: true}]; var options = { enableCellNavigation: true, enableColumnReorder: false, syncColumnCellResize: true, showHeaderRow: true, headerRowHeight: 30 }; $(function () { var data = []; for (var i = 0; i < 10; i++) { data[i] = { Description: […]

具有动态json数据的Slickgrids: 我使用下面给出的JSON格式的数据，需要使用cols中的数据和值中的数据填充光滑的网格列。请你帮我完成这样做所需的循环…. var response = { “cols” : [“name”, “Precentage”, “Year”, “Amount”], “rows”: [{ “flag”: true, “values”: [” name1″, “Precentage1”, “year1”, “Amount1”] }

在Slick网格上快速过滤: 我是jquery和slickgrid的新手。我需要一些帮助来在光滑网格上使用快速文本filter添加快速文本filter。我试着按照给出的例子： https ： //github.com/mleibman/SlickGrid/blob/gh-pages/examples/example-header-row.html和http://mleibman.github.io/SlickGrid/examples /example-header-row.html 但我有点搞砸了。无法使filter工作。这是我的代码。 JSP： No results found ! jQuery的： function carfactory(){ var holder=new Array(); var i=0; holder[i]={ id: i, createdon: ”, modifiedon:”, status:”, username:” } i++; return holder; } var columns = []; var columnFilters = {}; function filter(item) { for (var columnId in columnFilters) { if (columnId […]

SlickGrid在分组级别显示聚合: 我按照这个例子进行聚合分组： http ： //mleibman.github.io/SlickGrid/examples/example-grouping.html 这使得分组在一行中完成，聚合在单独的行中完成。我希望两者都显示在一起，而不是有两个单独的行例如，在上面的示例中，我想要一行来表示+ 持续时间：3（4项）平均：20％成本：60然后我们点击展开按钮，我们看到里面的所有细节。有什么建议？

Slickgrid – 替换AJAX源中的所有网格数据: 在我正在构建的应用程序中，我有一个数据网格和一些选择框，用户可以在其中设置filter，并在选择时进行AJAX调用以从服务器获取新的数据数组。我使用默认filter初始化网格，但我无法弄清楚如何擦除所有行的网格，并重新填充新数组。我正在尝试dataView，但在阅读了一些post后，这似乎不是答案。我发现官方的例子-6（ajax示例）令人困惑。我希望在加载新数据时保留列排序和列重新排序。这是我目前只有正确初始化的js： $(function(){ //update the grid when select values change $(‘#qol_options :input’).change(function(){ update_grid_data(); }); init_grid = function(){ // set grid options var grid; var columns = [ {id: “village”, name: “Village”, field: “village”, sortable: true}, {id: “setting”, name: “Setting”, field: “setting”, sortable: true}, {id: “hood”, name: “N.hood”, field: “hood”, sortable: true}, […]

Slickgrid分组扩展/崩溃奇怪的行为: 我正在使用SlickGrid分组function，并有一些奇怪的行为。请检查jsFiddle 。 var ReportData = { “cols”:{ “date”:”Date”, “status”:”Status”, “dataField”:”Data field” }, “data”:[ {“id”:0,”date”:”First”,”status”:”Accepted”,”dataField”:”1000″}, {“id”:1,”date”:”Second”,”status”:”Accepted”,”dataField”:”2000″}, {“id”:2,”date”:”Third”,”status”:”Accepted”,”dataField”:”3000″}, {“id”:3,”date”:”Fourth”,”status”:”Accepted”,”dataField”:”4000″}, {“id”:4,”date”:”Fifth”,”status”:”Accepted”,”dataField”:”5000″}, {“id”:5,”date”:”Sixth”,”status”:”Canceled”,”dataField”:”6000″}, {“id”:6,”date”:”Seventh”,”status”:”Canceled”,”dataField”:”7000″}, {“id”:7,”date”:”Eight”,”status”:”Canceled”,”dataField”:”8000″}, {“id”:8,”date”:”Ninth”,”status”:”Canceled”,”dataField”:”9000″}, {“id”:9,”date”:”Tenth”,”status”:”Rejected”,”dataField”:”1000″}, {“id”:10,”date”:”Eleventh”,”status”:”Rejected”,”dataField”:”2000″}, {“id”:11,”date”:”Twelfth”,”status”:”Rejected”,”dataField”:”3000″} ] }; var options = { enableCellNavigation: true, editable: true, autoHeight:true, forceFitColumns: true, }; function groupBy() { dataView.setGrouping([{ getter: “status”, aggregators: [ new Slick.Data.Aggregators.Sum(“dataField”), ], collapsed: true, aggregateCollapsed: true, […]

SlickGrid回调onRowSelect？: 我想在用户选择表中的行时添加回调，但我无法弄清楚如何这样做… 这是我到目前为止所拥有的： var grid; var columns = [ /* my column definitons */ ]; var options = { enableCellNavigation: true, enableColumnReorder: false, enableAddRow: true }; $(function() { $.getJSON(‘/actions/unit_list.php’, function (data) { grid = new Slick.Grid(“#myGrid”, data, columns, options); grid.setSelectionModel(new Slick.RowSelectionModel()); $(‘#myGrid’).show(); }); }); 有了这个，我可以选择行（按照这个例子），但我不知道如何在选择行时添加回调（最好是返回行id的东西，因为我想用它们来在页面上加载其他东西）。谁能帮我这个？

使用SlickGrid选择/聚焦单元格: 如果我有单元格和行号，如何使用SlickGrid将焦点（或至少突出显示）设置为特定单元格？后面的用例是我有一个网格，每次用户更改单元格中的内容时都会创建一个ajax调用。理想情况下，用户不应该认识到数据已经发送到服务器。对于无法在服务器上保存数据的情况，客户端会通过回调获得通知，并且我希望将焦点设置为无法保存值的单元格。

从SlickGrid中的单元格获取数据: 我使用什么方法为SlickGrid获取单元格内容？例如： … grid = new Slick.Grid($(“#myGrid”), data, columns, options); grid.onAddNewRow = function(item,colDef) { grid.removeRow(data.length); data.push(item); grid.updateRowCount(); grid.render(); } grid.onCurrentCellChanged = function(args){ // get cell content! }; … 提前致谢！