slickgrid

问题 Kinda stuck on this and just haven't been able to grok how to do it. If I use a hard-coded array for data it works as expected, but if I issue a call to the endpoint the data is never bound to the grid, although I can see the json call being made through fiddler. Thank you, Stephen <script type="text/javascript"> var grid; var data = []; var columns = [ { id: "#", name: "", width: 40, behavior: "selectAndMove", selectable: false, resizable: false, cssClass: "cell-reorder dnd" }, { id: "id",

问题 I am new to jquery, slick grid and razor. I have gone through SlickGrid examples and am able to load static data into a SlickGrid. Now I am trying to load JSON data from MSSQL into my SlickGrid. I have seen a few examples online, but I believe I am missing something not mentioned in those examples. Here is what I have code. SlickGridProducts.js var grid; var columns = [ { id: "ProductID", name: "ProductID", field: "ProductID", width: 50 }, { id: "ItemDesc", name: "ItemDesc", field: "ItemDesc"

问题 I am new to jquery and slickgrid. I need some help to add quick text filter using quick text filter on slick grid. I tried to follow the example given on : https://github.com/mleibman/SlickGrid/blob/gh-pages/examples/example-header-row.html and http://mleibman.github.io/SlickGrid/examples/example-header-row.html But I kind of messed it up. Couldn't get the filter working. Here is my code. JSP: <div> <div id="carfactory" class=" ui-state-default" style="width: 860px; text-align: left;"> <div

问题 How can I show the total average and total cost on Duration(Expanded/collapsed) row where number of items are instead of at the bottom in a separate row? here is the fiddle for it http://jsfiddle.net/c76xW/3/ dataView.setGrouping([ { getter: "duration", formatter :function (g) { return "Duration: " + g.value + " <span style='color:green'>(" + g.count + " items)</span>"; }, aggregators: [ new Slick.Data.Aggregators.Sum("duration"), new Slick.Data.Aggregators.Sum("cost") ], aggregateCollapsed:

问题 We're currently using the slick.remotemodel.js model implementation of SlickGrid for its remote Ajax loading functionality. With this example the only filtering provided is a simple Search element. What we're looking to accomplish is a much more robust filtering method of each column, such as what is used in this example: http://mleibman.github.com/SlickGrid/examples/example-header-row.html Is there a way to easily combine the features of the Dataview model with the RemoteModel? Is it merely

问题 Please help to solve this very annoying problem. I am using a for loop to iterate over an array of data and create multiple grids. It is working well but the filter function is not binding properly (it only binds to the LAST grid created) Here is the code: // this function iterates over the data to build the grids function buildTables() { // "domain" contains the dataset array for (i = 0; i < domains.length; i++) { var dataView; dataView = new Slick.Data.DataView(); var d = domains[i]; grid =

问题 I have set 'enableTextSelectionOnCells' option to true to select text in slickgrid but I can only select text in IE and chrome but not in firefox. I know this is bug in slickgrid and it had been fixed in slickgrid 2.2 but I am using slickgrid V2.1 and don't want to upgrade to V2.2. Is there any way to select text in firefox using slickgrid 2.1 回答1: I had the same problem as you have and I finally found the solution from a pull request made by the user icoxfog417 (thanks mate), the pull

问题 I have a slickGrid which is populated with data, and have a first checkbox column added via: if (info.includeSelectCheckbox) { var checkboxSelector = new Slick.CheckboxSelectColumn({ cssClass:"slick-cell-checkboxsel" }); info.columns.splice(0, 0, checkboxSelector.getColumnDefinition()); } grid = new Slick.Grid(elem, dataView, info.columns, options); if (info.includeSelectCheckbox) { grid.setSelectionModel(new Slick.RowSelectionModel({selectActiveRow:false})); grid.registerPlugin

问题 I have a jQueryUI Tabs control on a web page. Each tab contains one or more Slickgrid grids. Sometimes, but with no particular pattern that I have been able to discover, when removing tabs (therefore removing instances of Slickgrid), I get: // slick.grid-2.0.merged.min.js: Microsoft JScript runtime error: Invalid argument Z[0].styleSheet.cssText=a.join(" ") which then propogates to // jquery-1.7.1.min.js: Microsoft JScript runtime error: Exception occurred. a.execScript||function(b){a.eval

问题 Is it possible to user slickgrid inside a bootstrap modal? I tried and the slick-viewport div height is set to 2px instead of the right size. I'm also using expand and collapse buttons, but when I expand, only the current number of rows is shown, adding a scroll but with extra empty lines instead of the child lines of the expanded node. Can anyone help? Thanks 回答1: Try manually init-ing the grid after the modal finishes loading. You can do this using explicitInitialization: true as explained