slickgrid

问题 Im a newbie to slickgrid. I have gone through few examples of slickgrid and good with basics. I have a scenario where i need grouping based on multiple columns but slickgrid grouping is based on a single column. How can multilpe column grouping done in slickgrid with expand and collapse functionality on each group? Anyone who is aware of the solution for this,kindly explain in a basic way since im new to slickgrid. My requirement is like grouping the rows itself as in this link slickgrid

问题 Im a newbie to slickgrid. I have gone through few examples of slickgrid and good with basics. I have a scenario where i need grouping based on multiple columns but slickgrid grouping is based on a single column. How can multilpe column grouping done in slickgrid with expand and collapse functionality on each group? Anyone who is aware of the solution for this,kindly explain in a basic way since im new to slickgrid. My requirement is like grouping the rows itself as in this link slickgrid

问题 How do i create a delete button on every row using the SlickGrid plugin? I need a button that can delete the whole corresponding row. 回答1: Use your column formatter to get this done. var column = {id:delCol, field:'del', name:'Delete', width:250, formatter:buttonFormatter} //Now define your buttonFormatter function function buttonFormatter(row,cell,value,columnDef,dataContext){ var button = "<input class='del' type='button' id='"+ dataContext.id +"' />"; //the id is so that you can identify

问题 How do i create a delete button on every row using the SlickGrid plugin? I need a button that can delete the whole corresponding row. 回答1: Use your column formatter to get this done. var column = {id:delCol, field:'del', name:'Delete', width:250, formatter:buttonFormatter} //Now define your buttonFormatter function function buttonFormatter(row,cell,value,columnDef,dataContext){ var button = "<input class='del' type='button' id='"+ dataContext.id +"' />"; //the id is so that you can identify

问题 I'm using a DataView to populate the Grid, and using filters to interact with the visible rows. My problem is after applying the filters, on rows change, or rows count change... how can I access the dataview to iterate over only those visible rows, to do some calculations for example? Because rows themselves are not publicly exposed... and if they were, a row is not always a data element, since can also refer to a Group, right? Is there an easy way to access those filtered data elements then?

问题 I have a slickgrid in which some rows are hidden by a filter (DataView). When I now call the getSelectedRows method of the grid I get the indices of the visibly selected rows. But I need the actual data of the selected rows. 回答1: You must do something like this: var selectedData = [], selectedIndexes; selectedIndexes = _grid.getSelectedRows(); jQuery.each(selectedIndexes, function (index, value) { selectedData.push(_grid.getData()[value]); }); Right now the selectedData variable contains data

问题 var data = [{"Id":40072,"Id2":40071,"SmDetails":{"Id1":40071,"Id2":40072}}] I want to display SmDetails.Id1 in a column. How is this possible? I tried: var columns = [{name:'Personnel',field:SmDetails.id1,id:'detailId'}]; Please help me Please help me **My latest code** var data = [{"Id":40072,"Id2":40071,"allocationDetails":{"Id1":40071,"allocationDetails":{"accommodationId":4007}}}] var grid; var columns = [ {name:"Personnel",field:"allocationDetails",fieldIdx:'accommodationId', id:

问题 I want to havesimple slickgrid column sort. however I might not understand the basic idea. what I have done is like this. Make column sortable {id: "score", name: "number", field: "score",sortable: true}, Make function for sort calculation. function sortfn(o1, o2) { if (o1[column.field] > o2[column.field]) { return 1; } else if (o1[column.field] < o2[column.field]) { return -1; } return 0; } then subsclibe to onSort . grid.onSort.subscribe(function (e, args) { grid.invalidateAllRows(); grid

问题 In this example: http://mleibman.github.io/SlickGrid/examples/example-grouping You can group the rows by certain columns, but I would like the rows inside the groups to be indented. Is there a way I can add a class to the grouped rows or something? I can't seem to find a good way to do this. I'm creating the grouping by doing: function groupByDuration() { dataView.setGrouping({ getter: "duration", formatter: function (g) { return "Duration: " + g.value + " <span style='color:green'>(" + g

问题 I am using slickgrid 2.2 and bootstrap 3.1.0. When I try to set a border around a cell, the cell below clips the border of the one above when I set the box-sizing: content-box. The reason I seem to need that workaround (basically to fix a column width issue) is described at the end of this question. Here is the code (using slickgrid's example 1 as the base): css [class^="slickgrid_"], [class^="slickgrid_"] div { -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box