slickgrid

While writing custom cell formatters function PercentCompleteFormatter(row, cell, value, columnDef, dataContext) This is the basic definition we have to follow.can i get explanation about dataContext argument in slick grid.What it actually represents. The exact code for this is function PercentCompleteFormatter(row, cell, value, columnDef, dataContext) { if (value == null || value === "") { return "-"; } else if (value < 50) { return "<span style='color:red;font-weight:bold;'>" + value + "%</span>"; } else { return "<span style='color:green'>" + value + "%</span>"; } } I just want what

When I put <a href="#">Click</a> into slickgrid, I see the actual code " <a href="#">Click</a> ", whereas I expect the link to be rendered. I know I can do it by subscribing click event but is it restricted thing in SlickGrid? Write a custom formatter: function myFormatter(row, cell, value, columnDef, dataContext) { return "<a href='#'>Click</a>"; } and specify it in the column definition. From @RicardoStuven Or use the defaultFormatter option to treat any value as HTML: defaultFormatter: function (row, cell, value, columnDef, dataContext) { if (value == null) return ''; return value.toString(

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 a matter of combining the functions of Dataview into the RemoteModel code, or is there more of a

I used a fill whole window example as a default. Tried to resize browser window: but area, that is used for grid is the same. Need to reload page so that it fits. How can I archive this without reloading page ? Edited Interesting fact that when I change order of columns grid is resized. This works fine for me. Maybe the resizeCanvas() function is a new feature in slick grid. The code is CoffeeScript. $(window).resize -> grid.resizeCanvas() This works better than just changing .slick-viewport height. $(window).resize(function(){ var h=$(window).height(); $('#myGrid').css({'height':(h-65)+'px'})

I need to do some action when render() method finished its work and appended all HTML elements to DOM. How to subscribe to onRenderEnds event (there is no such event)? Can I write my own event outside of slickgrid code and attach it to render() method? There are some events "onScroll", "onViewportChanged" but they happened before render() finished (in some cases). Update: I write formatter for column: formatter: function(row, cell, value, columnDef, dataContext){ return "<div class='operationList' data-my='" + myData + "'></div>"; } When grid rendered (applying my formatter) i need to go

Is there a way to disable a cell for editing? We can define editor at column level but can we disable that editor for specific rows? grid.onBeforeEditCell.subscribe(function(e,args) { if (!isCellEditable(args.row, args.cell, args.item)) { return false; } }); You can disable or even change editor/formatter/validator... or other cell properties using getItemMetadata method. There is very nice documentation for this here . Example: $scope.data.data.getItemMetadata = function (row) { var item = $scope.data.data.getItem(row); if (item.some_condition) { return { columns : { yourColumnId : { editor :

Is it possible to filter a Slickgrid without using the DataView? In case it isn't possible, how should the data array be structured in order to display correctly? I don't have a working example atm. Thanks Later edit: After doing some more homework, a filterable datagrid is all about getting matching indexes in a nested array... to get a live sorted result-set that gets updated with grid.setData(filterData);grid render; one should do the following function intersect(a, b) // find an intersection of 2 arrays (google result on SO { var ai=0, bi=0; var a = a.sort(); var b = b.sort(); var result =