问题标签 [iggrid]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angularjs - IgGrid:使用分页获取网格上的所有选定行
我正在尝试从使用分页的 igGrid 中获取所有选定的行。问题是当我使用下面的代码时,我只得到当前页面(DOM)的选定行。不返回来自其他页面的选定行。
有没有办法为每一页获取所有选定的行?
下面是我获取所选行的代码。
angular - 如何使用自定义 API 为 iggrid 实现远程分页
我正在尝试将 iggrid 从 Ignite UI 集成到我的 SPA Angular 4 应用程序中。我有自定义 API,我想实现远程分页。我的 API 有不同的参数名称,并返回内容中的项目和标题中的总数。我还需要添加一些标题来请求。
我可以以某种方式自己请求并将所有必要的数据提供给 iggrid 还是我真的需要使用 iggrid 直接请求数据?
我知道我可以将 iggrid 数据源设置为数据数组,但如果我这样做,我将无法设置服务器上的项目总数。我知道我可以使用 responseDataKey,但我不知道如何自定义请求以及如何告诉网格从标头中读取数据。我已经看到了:https ://www.infragistics.com/community/forums/p/108642/511554.aspx#511554
任何人都可以帮忙吗?
angularjs - 如何将 IgniteUI igGrid (Infragistics) 与 AngularJS 集成并导出到 Excel
我是 AngularJS 和 IgniteUI 的新手。到目前为止,我找不到任何将基础架构 IgniteUI 与 AngularJS 集成的好例子。我找到的样本不起作用。
基于示例,我集成了以下文件
我想看以下
第 1 步如何使用 $scope.datasource 填充 igGrid?
步骤 2 如何将 igGrid 数据导出到 Excel?
jquery-ui - Infragistics igGrid + jQuery UI 拖放
我有一个使用 IgniteUI 16.2 版的 Infragistics 的 igGrid。
我正在尝试使用 jQuery UI 1.11.4 版(结合 jQuery 1.11.3 版)中的“可拖动”库使行可拖动。
我的“可放置”目标是 igGrid 之外的一个 div。
只要我留在网格内,我就可以很好地拖放行。但是,一旦我尝试将行拖到网格之外,网格就会开始滚动。
这是我的 jQuery,它将行转换为“可拖动”元素:
这是我的网格在 Infragistics 库渲染后的可滚动部分:
如您所见,我当前的解决方案是<tr>
从网格中删除所有兄弟姐妹,这样当我拖动行时它就不会滚动。这个解决方案工作得很好,但从最终用户的角度来看,这显然是不可接受的,因为当他们开始拖动时,他们的所有行都会突然消失。
似乎会有一些 CSS 或 javascript 可以修改“开始”事件上的网格以防止其滚动。我也尝试过摆弄该overflow-y
属性,因为对于我不懂 CSS 的大脑来说,这似乎是显而易见的答案,但没有任何帮助。
编辑: 这是按要求提供的 JS Fiddle
javascript - IgGrid(功能:更新)编辑器中的计时器输入字段
如何获得每行的计时器验证输入字段?datepicker/timer 似乎只是一个日期选择器而不是一个计时器......有没有办法通过 Jquery 操作输入字段?
我的表列$scope.schedulerColumns = [{
headerText: "GroupID", key: "Id", dataType: "number"
},{
headerText: "Time", key: "Time", dataType: "string"
},
{
headerText: "Monday", key: "Mo", dataType: "bool"
}, {
headerText: "Tuesday", key: "Tu", dataType: "bool"
}, {
headerText: "Wednesday", key: "We", dataType: "bool"
}, {
headerText: "Thursday", key: "Th", dataType: "bool"
}, {
headerText: "Friday", key: "Fi", dataType: "bool"
}];
和我的 igGrid
我正在尝试创建一个 Timer 调度程序网格。如果我为计时器选择输入字段,那么它应该显示为计时器的日期选择器或自定义的东西,但我不知道如何调用这个输入 foreach 行......最好的方法是 infragistic 会为此准备好一些东西但是我什么也找不到。
javascript - 如何在 IgGrid 单元格中获取正则表达式(Infragistics)?
如何在 igGrid 更新中的 igTextEditor 上使用正则表达式?
我尝试使用验证选项,但没有奏效。
我想在时间列中获得一个时间选择器,但它不存在,所以我尝试通过正则表达式在 textEditor 中只获取时间。网格加载了名为 Time, Mo-Friday 的列。如果您单击添加网格,您可以单击输入字段并填写您的时间。在单击完成之前应该验证时间并显示错误消息。
asp.net - 对象不支持发生“igGrid”的属性或方法
尝试渲染 Infragistics 网格时出现错误,我找不到原因,用谷歌搜索,搜索论坛等... eval code '0x800a01b6 - JavaScript runtime error: Object does not support属性或方法“igGrid”发生在名为 eval 代码的运行时生成文件中:$(function () {$('#FileContent').igGrid({ dataSource: {"Records":[{"Id":0, “字段......等我尝试使用集合而不是 GridModel,结果相同。我的错误在哪里?Infragistics 想要我的钱来回答问题......我正在使用 Visual Studio 2017,它是一个 ASP.NET MVC 4项目。控制器响应正常,当客户端尝试渲染网格时发生错误。
请帮忙!
谢谢!
我的模型:
我的控制器:
我对网格的部分看法:
我的索引视图:
jquery - IgGrid 更新功能 EditMode 'row' 和 'cell'(标签丢失焦点和验证)
我正在使用基于 IgGrid 的 jquery,我正在尝试按照以下方式设置网格:
如果我使用editMode:'row',完成和取消按钮工作并且grid.on(“iggridupdatingeditrowended”,函数(e,args)在单击完成按钮后被调用。但是没有任何验证工作。当我使用选项卡时,焦点将进入下一列,如果是最后一列,它将聚焦完成按钮,单击完成后,调用 rowended 方法(如预期的那样)。但是,每次我从一列失去焦点并转到下一个
另一方面,如果我使用 editMode : 'cell',则不会出现此错误,并且验证将起作用,并且将触发事件“keydown”和“keyup”。但是,完成和取消按钮不会呈现。
有谁知道是否有办法同时设置这两个功能?如果开箱即用无法实现,我将如何打开“完成”和“取消”按钮模式弹出窗口?所以我将能够在第一个焦点列中呈现,并在最后一列之后单击焦点完成?或者如果有人可以指出一个示例代码,我可以在其中遵循可定制的 igGrid 更新功能
当前项目使用这些版本:
- Infragistics.Web.Mvc 版本 5.17.2.183。
- jquery-1.10.2.min.js
- jquery-ui-1.10.4.min.js
我的公司有 2017 版本,但我想知道哪个是与 2017 版本一起使用的最佳 jquery 版本,如果这个 5.17.2.183 是我可以与 2017 许可证一起使用的最新 dll?
编辑:
还添加 EditMode : 'dialog' 不是一个选项,它基本上呈现一个包含所有列的模式弹出窗口,因此行受到威胁,因为它是一个表单