slickgrid

问题 I have a slickgrid that, in the 'onMouseEnter' event, I do the following: change the underlying css for the row in question call grid.invalidateRow() call grid.render() These latter two calls are necessary for the new css classes to be reflected. However, I then need to capture the onMouseLeave event, and it is not fired when I move my mouse away from the cell (or row), presumably because the call to invalidate/render has placed a new DOM element under my mouse, and it's no longer the one I

问题 I'd like to mimic a particular behavior of spreadsheets with SlickGrid. The user: clicks on a cell to activate it enters =sum( , or whatever formula, the original cell address is saved the user selects the cell range (I assume that the original cell closes the editor) focus is returned to the original cell with the new cell range appended. i.e. =sum(r1c1,r2c2). What's throwing me off is the need to change focus. var cell_with_formula = null; grid = new Grid($("#myGrid"), data, columns,

问题 I am using slickgrid for ability to enter data like excel style. User will enter data. Then after selecting required data graph will generate. Problem is , When selecting data with mouse, spreadsheet will not let you scroll with the mouse past AG cells or below the number 10 cell. Which means if there is large amount of data then selection will not remain user friendly. I want auto scroll of spreadsheet when user want to select data beyond AG column and row10. I want something like this 回答1:

问题 I am using SlickGrid with grouping features and got some strange behaviour. Please, check the 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":

问题 How can I set the focus (or at least highlight) to a specific cell using SlickGrid, given that I have cell and row number? Use case behind is that I have a grid which creates an ajax call each time the user changes something in the cell. Ideally the user should not recognize that the data has been send to the server. For the case that the data could not be saved at the server, the client gets informed via a callback and there I want to set the focus to the cell for which the values could not

问题 Ok, let me explain my scenario more clearly: When a cell is edited, it becomes 'dirty' and I style it a certain way by adding a CSS class to the cell via javascript. Then, if the user Sorts the grid, the styling is lost (I believe because all the rows are recreated) and I need a way to restore the styling to the appropriate cell/row after a Sort. What I attempted to do is add an entry into data[] called 'status' and onCellChange I loop through data[] and match the args.item.Id to appropriate

问题 I want to add a callback when the user selects a row in the table, but I can't figure out how to do so... Here's what I have so far: <script src="/js/jquery-1.4.2.min.js"></script> <script src="jquery-ui-1.8.8.custom.min.js"></script> <script src="jquery.event.drag.2.0.min.js"></script> <script src="slick.core.js"></script> <script src="slick.rowselectionmodel.js"></script> <script src="slick.grid.js"></script> <script> var grid; var columns = [ /* my column definitons */ ]; var options = {

问题 I was able to extend the Ajax-Loading Example to suit my requirement. In the current implementation, the loader in slick.remotemodel.js has a variable called data which is an array of javascript objects. This array is the datasource for the grid.As we keep scrolling, although the DOM has only page size of rows rendered, the javascript array keeps growing. What is the upper limit of size of javascript object ? Is there a possibility of running out of memory ? Lets say my data set is in the

问题 The Android Browser can't scroll inner divs. That means using SlickGrid with its default configuration is impossible. Fortunately, SlickGrid has an autoHeight argument that makes it not use inner scrollable content, so it works on the android. Unfortunately, when autoHeight is enabled, onViewportChanged gets called once to span the entire viewport and is never called again, so it attempts to load all the data at once. I'm lazy-loading and displaying so much remote data that if you try and

问题 Here is my code for adding a row: grid.onAddNewRow.subscribe(function (e, args) { var item = args.item; id=id+1; item["id"] = "id_"+id; grid.invalidateRow(data.length); data.push(item); dataView.beginUpdate(); dataView.endUpdate(); grid.updateRowCount(); grid.render(); }); And here is my code for deleting a row: if ((event.which == 46)) { $(".slick-cell.selected").parent().each(function() { var item = dataView.getItem($(this).attr("row")); var rowid = item.id; dataView.deleteItem(rowid); grid