jjzjj

grid-layout

全部标签

javascript - 如何禁用 saveRow 事件 ui-grid

我正在使用ui-grid在UI中显示我的表格。我有一个要求,我不想让表自动保存数据。我希望用户编辑表格中的所有数据并单击一个按钮来更新所有编辑的数据。上述行为工作正常,但我遇到的唯一问题是每当用户连续编辑一个单元格时,几秒钟后,该单元格变为灰色且不可编辑。在浏览器cnsole上我收到此错误:引发saveRow事件时未返回promise,可能是没有人在监听事件,或者事件处理程序未返回promise由于上述JS错误,整行变得不可编辑。如何告诉ui-grid不要保存数据,除非我点击我的按钮。如果我处理saveRow事件,那么我的按钮不起作用。请在这方面帮助我。相关代码片段如下:vargrid

javascript - 更改现有 Kendo Grid 上的选项的正确语法是什么?

我有一个剑道网格:$('#myGrid').kendoGrid({...scrollable:false,...});然后我想更改它的可滚动属性。我已经尝试了以下所有方法:$('#myGrid').data("kendoGrid").options.scrollable=true;$('#myGrid').data("kendoGrid").refresh();-$('#myGrid').data("kendoGrid").scrollable=true;$('#myGrid').data("kendoGrid").refresh();-varMyGrid=$('#myGrid').d

javascript - ui-grid 的高度问题

我想在angularJSui-grid上使用height:auto。我遇到了内联样式的问题,该样式在我添加ui-grid属性的div上设置了特定高度。还有一个名为getViewPortStyle()的函数,它动态地向.ui-grid-viewport类添加高度和宽度。关于应用于具有ui-grid属性的元素的内联样式,我尝试用height:auto!important;覆盖元素上的类.这与getViewPortStyle()异常(exception)情况完美,当窗口宽度或高度通过用户使用鼠标移动来操纵浏览器而增加或减少时触发。我的想法是覆盖ui-grid,这样getViewPortSty

javascript - 如何将 ui-grid 导出到 excel 文件?

我在我的项目中使用ui-grid和angularjs。在我的项目中,ui-grid将内容导出到excel文件并且运行良好。这是ui-grid声明:这里是javascript中的ui-grid定义:$scope.gridOptions={columnDefs:[{field:'name'},{field:'company',cellFilter:'mapCompany:this.grid.appScope.companyCatalog'}],enableGridMenu:true,enableSelectAll:true,exporterCsvFilename:'myFile.csv',

javascript - Grid 无法在此 ('quirks' ) 模式下使用错误

我想用jquery制作网格。我从xml中读取数据。当我在Chrome浏览器上运行它时它工作。但是当我在IE上尝试它时它给出了这个错误。Gridcannotbeusedinthis('quirks')mode!我写这段代码:vardatasource_url="/Data/XML_Data.xml";functionmakeID(string){returnstring.toLowerCase().replace(/\s/g,"_")}$(function(){$.loadGrid=function(){$.ajax({cache:false,url:datasource_url,dat

javascript - 使用一些默认值在 Kendo Grid 中添加新行

我想在KendoGrid中添加新行,该行在FirstCell中具有默认值。如何在添加的KendoGrid行中设置默认值我在KendoGrid中添加新行为:$('#AddSingleSuppliment').click(function(){grid.addRow();});但我想根据单击的DOM元素的值设置第一个单元格的值,例如$('#AddSingleSuppliment').click(function(){vartemVal=$(this).text();grid.addRow(tempVal);});但是我们不能那样做。因此,请帮助我解决这个问题,以便在KendoGrid中添加

javascript - ng-grid 是否支持虚拟滚动?

我想在我的应用程序中使用Slickgrid来实现网格功能,但由于我大部分时间都在使用AngularJS,我认为ng-grid是可行的方法,但不确定它是否支持虚拟滚动(我试图调查他们的文档,但没有找到任何关于虚拟滚动支持的信息)。如果可能的话,如果有人也可以启发我使用ng-grid与slickgrid的优缺点,那就太好了。 最佳答案 是的,ng-grid支持行虚拟化。你可以在gridconfigurationoptions中看到virtualizationThreshold有一个默认设置为50的设置。

javascript - Ag-Grid:如何保存和重新加载列顺序

使用Ag-Grid,用户可以拖动列以按照自己喜欢的方式对其进行排序。我需要允许用户保存他们的列顺序(到SQL后端),以便它成为他们的默认列顺序。我试图像这样获取列名:varcols=schedGridOptions.columnApi.getAllColumns();for(colincols){varcolDef=col.getColDef();console.log(colDef.headerName);}这是我找到的用于设置header名称的示例,因此我尝试对其进行调整以获取header名称。但是我得到这个错误:JavaScriptruntimeerror:Objectdoesn

javascript - 从 ag grid angular 中取消选择选定的行

是否有任何网格api以编程方式取消选择ag-grid选定的行?我正在尝试对所选行执行一些操作,基本上是异步操作,之后我需要从网格中取消选择该行。 最佳答案 使用gripapi的deselectAll函数。成功了!this.gridOptions.api.deselectAll(); 关于javascript-从aggridangular中取消选择选定的行,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com

javascript - 在angularjs中将ng-grid数据导出为CSV和PDF格式

请帮帮我....有没有插件..?我搜索过在angularjs中导出excel和PDF。使用ng-grid。在angularjs中将ng-grid数据导出为CSV和PDF格式 最佳答案 对于csv导出,您可以找到ngGridCsvExportPluginhere只需引用脚本并将ngGridCsvExportPlugin添加到gridOptions(并通过将showFooter:true添加到gridOption来激活页脚)$scope.gridOptions={data:'myData',plugins:[newngGridCsvEx