Tag: slickgrid

如何在SlickGrid中使用jQuery AJAX创建的数据?

有点坚持这个,只是无法理解如何做到这一点。 如果我对数据使用硬编码数组,它会按预期工作,但如果我发出对端点的调用,数据永远不会绑定到网格,尽管我可以通过fiddler看到json调用。 谢谢你,斯蒂芬 var grid; var data = []; var columns = [ { id: “#”, name: “”, width: 40, behavior: “selectAndMove”, selectable: false, resizable: false, cssClass: “cell-reorder dnd” }, { id: “id”, name: “id”, field: “id”, sortable: true }, { id: “FoodGroupId”, name: “FoodGroupId”, field: “FoodGroupId”, editor: TextCellEditor, sortable: true }, { id: “Description”, […]

如何在SlickGrid中返回特定的单元格值?

对于我的生活,我似乎无法在SlickGrid中返回特定的单元格值。 这里有一个关于SO的例子。 但这也不起作用。 我使用SlickGrid教程#7作为我的例子。 我要做的就是将一个click事件添加到返回该单元格值的单元格中。 注意:我正在通过JSON请求加载我的数据,一切正常。 我的点击事件触发,但值未定义。 为简洁起见,我将省略我的网格列和选项代码。 这是代码和谢谢。 所有这一切都很棒。 var sortcol = “id”; var sortdir = -1; $(function () { $.getJSON(baseURL() + ‘programs’, function (data) { dataView = new Slick.Data.DataView(); grid = new Slick.Grid($(“#program-grid”), data, programColumns, programOptions); grid.onSort = function (sortCol, sortAsc) { sortdir = sortAsc ? 1 : -1; sortcol = sortCol.field; if […]

Slickgrid一次保存所有数据

我试图一次性保存所有数据而不是一次保存 ,我的计划是在SlickGrid中使用保存更改,所以我的代码是: function saveQuote() { $(“input[name=’mydata’]”).val(jQuery.parseJSON(grid.getData())); } 我的数据是一个文本框…(所以我可以调试,看看发生了什么)我的网格是空的开始和用户添加数据(有计算等)然而当我按下我的保存按钮并调用我的saveQuote否数据正在呈现,任何人都知道为什么?

在SlickGrid中更改单元格的背景颜色时是否缺少空间?

我试图用自定义格式化程序改变单元格的背景颜色,如下所示: var myCellFormatter = function(row, cell, value, columnDef, dataContext) { if ((row + cell) % 5 == 1) { return “” + value + “”; } else { return value; } }; 但这不会使整个细胞着色。 单元格的div和格式化程序中的div之间有一些空格。 我怎样才能为整个细胞着色?

我可以动态添加一个列到slickgrid吗?

是否有可能动态地添加一个新的列到一个slickgrid。 我正在尝试创建一个用户可构建的矩阵,并且需要它们能够在构建时添加列。

如何使用SlickGrid插件在每一行上创建删除按钮?

如何使用SlickGrid插件在每一行上创建删除按钮? 我需要一个可以删除整个相应行的按钮。

Slickgrid列宽应根据最宽的行内容自动resize

在Slickgrid中,有没有什么方法可以根据最宽的行内容自动调整列宽? 在示例示例中,我可以看到列的值为列字段的硬编码http://mleibman.github.com/SlickGrid/examples/example2-formatters.html var columns = [ {id: “title”, name: “Title”, field: “title”, width: 120, cssClass: “cell-title”, formatter: formatter}, {id: “duration”, name: “Duration”, field: “duration”}, {id: “%”, name: “% Complete”, field: “percentComplete”, width: 80, resizable: false, formatter: Slick.Formatters.PercentCompleteBar}, {id: “start”, name: “Start”, field: “start”, minWidth: 60}, {id: “finish”, name: “Finish”, field: “finish”, minWidth: 60}, {id: “effort-driven”, […]

SlickGrid设置行不透明度

我正在使用SlickGrid,我想知道是否有一种方法来设置和保持行不透明度或css样式。 例如,我的行中有一个复选框,当用户将复选框设置为选中时,则设置行的不透明度。 但是,当用户单击该行时,SlickGrid将删除不透明度设置。 一个选项,如果有人知道如何做到这一点是在SlickGrid完成重新渲染后设置行的不透明度。 这将允许我在整个网格中使用下面的jQuery: $(‘img[src=”slickgrid/images/tick.png”]’).parent().parent().css(‘opacity’,’0.4′);

JavaScript / jQuery中的这种设计模式是什么?

我正在查看SlickGrid的JavaScript源代码。 我注意到slick.grid.js具有以下结构: (function($) { // Slick.Grid $.extend(true, window, { Slick: { Grid: SlickGrid } }); var scrollbarDimensions; // shared across all grids on this page //////////////////////////////////////////////////////////////////////////// // SlickGrid class implementation (available as Slick.Grid) /** * @param {Node} container Container node to create the grid in. * @param {Array,Object} data An array of objects for databinding. […]

SlickGrid:使用DataView而不是原始数据的简单示例?

我正在使用SlickGrid,从Ajax调用直接将数据绑定到网格。 它目前运行良好,网格动态更新并且可以排序,我正在为一列使用自定义格式化程序: var grid; var columns = [{ id: “time”, name: “Date”, field: “time” }, { id: “rating”, name: “Rating”, formatter: starFormatter // custom formatter } ]; var options = { enableColumnReorder: false, multiColumnSort: true }; // When user clicks button, fetch data via Ajax, and bind it to the grid. $(‘#mybutton’).click(function() { $.getJSON(my_url, function(data) […]