slickgrid

ag-grid vs slick-grid vs angular-grid which is better? [closed]

烈酒焚心 提交于 2019-12-02 15:37:21
Recently we thought to change our current grid tool. Currently we're using kendo-ui for grid and all. After searching we came with 3 results. But, still we're not sure which is better and why in future run. While using kendo we missed having control over it. It would be a great if any one can help us out on choosing right grid with angularjs . Niall Crosby Disclosure: I'm the founder and CEO of ag-Grid. First, some clarification on the question, ag-Grid used to be called angular-grid, however I presume you meant angular-ui-grid (or simply ui-grid), so allow me to answer ag-grid vs slick-grid

Assigning CSS Style to Slickgrid Cells

穿精又带淫゛_ 提交于 2019-12-01 22:53:57
Slickgrid is continuosly evolving so some of the answers to similar issues are not applicable (e.g., they mention it was not possible to assign a CSS to a specific cell). Apparently now this is supported and would appreciate if someone could provide an example using the CSS API at https://github.com/mleibman/SlickGrid/wiki/API-Reference : grid.setCellCssStyles("birthday_highlight", { 0: { birthday: "highlight", age: "highlight" }, 9: { birthday: "highlight", age: "highlight" } }) I have a very simple grid with A-Z columns and 1-100 rows: how can I assign a yellow background if the content of

Disable multi select?

≯℡__Kan透↙ 提交于 2019-12-01 16:46:24
问题 Is there a way to disable multi select? 回答1: I know this is an old question, but updates to Slickgrid now allow you to disable multiSelect in the grid options: var options = { editable: false, enableCellNavigation: true, asyncEditorLoading: false, multiSelect: false }; With this option, clicking while holding a ctrl or shift does nothing, and undesirably, you cannot deselect a cell with ctrl + click, or clicking the selected cell again 回答2: In don't know of any setting to disable it. handle

SlickGrid and Text Selection

淺唱寂寞╮ 提交于 2019-12-01 14:59:09
In the demos I have seen and in my own code, SlickGrid cells do not allow their text to be selected. Is it possible to allow the user to select text from cells. If so, how? Set the enableTextSelectionOnCells option to true. 来源: https://stackoverflow.com/questions/9966390/slickgrid-and-text-selection

SlickGrid and Text Selection

末鹿安然 提交于 2019-12-01 13:46:18
问题 In the demos I have seen and in my own code, SlickGrid cells do not allow their text to be selected. Is it possible to allow the user to select text from cells. If so, how? 回答1: Set the enableTextSelectionOnCells option to true. 来源: https://stackoverflow.com/questions/9966390/slickgrid-and-text-selection

get data of selected rows in slickgrid

雨燕双飞 提交于 2019-12-01 05:44:50
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. 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 for selected rows. eliprodigy You have a mistake. It needs to be "getDataItem" and not "getData". var

How to get slickgrid div to resize with size of table

感情迁移 提交于 2019-12-01 00:04:31
I hope we have some users familiar with slickGrid seeing as how StackOverflow uses it also :) I have a HTML containing my slickGrid as follows: <div style="position:relative; overflow:visible; width:600px; margin:25px 0 0 0;"> <div id="myGrid" style="width:100%;overflow:visible; min-height:100px; max-height:300px;"></div> </div> <div class="options-panel"> <h2>Demonstrates:</h2> <ul> <li>adding basic keyboard navigation and editing</li> <li>custom editors and validators</li> <li>auto-edit settings</li> </ul> <h2>Options:</h2> <button onclick="grid.setOptions({autoEdit:true})">Auto-edit ON<

slickgrid validate column with regex

对着背影说爱祢 提交于 2019-11-30 16:25:55
There is a simple sample with column validation: function requiredFieldValidator(value) { if (value == null || value == undefined || !value.length) { return {valid: false, msg: "This is a required field"}; } else { return {valid: true, msg: null}; } } and to validate column it is just needed to put this option: validator: requiredFieldValidator But how can I use regex function if I need to pass extra parameter - regex string. By default, you cannot pass more parameters into the validator method, however you can easily edit the source to allow it. in slick.editors.js look for: this.validate =

How do I add a css class to particular rows in slickGrid?

房东的猫 提交于 2019-11-30 08:14:33
I've searched everywhere to find out how to add a class to a particular row in slickgrid. It looks like there used to be a rowCssClasses property but it's gone now. Any help on this would be extremely appreciated. Update : I figured it out using the getItemMetadata...so before you render, you have to do something like this: dataView.getItemMetadata = function (row) { if (this.getItem(row).compareThis > 1) { return { 'cssClasses': 'row-class' }; } }; That will inject that 'row-class' into the row that matches the if statement. It seems that this getItemMetadata function doesn't exist until you

Simple jQuery SlickGrid JSON example or documentation

无人久伴 提交于 2019-11-30 05:04:10
I'm looking for a simple example on how to use SlickGrid when trying to retrieve the data as JSon via jQuery.Ajax. I was also unable to find any documentation of the SlickGrid plugin and was wondering if I was just looking in the wrong places. Any help to get me started with SlickGrid would be most appreciated. zalath An example within an asp.net page. The webservice myData returns a json string that needs to match the grid columns. $(function () { $.ajax({ url: "WS.asmx/myData", global: false, type: "POST", data: "{}", contentType: "application/json", dataType: "json", async: false, success: