我正在尝试在我的网格上进行行选择,但我正在努力设置或获取datakey值,因为我找不到任何文档.
$("#divGrid").igGrid({
columns: [
{ headerText: "@Manage.gridColumnEmployeeNumber", key: "EmployeeNumber" },
],
dataKeyFields: "EmployeeNumber", //Is this how you set the dataKeys?
autoGenerateColumns: false,
dataSource: jsonp,
features: [
{
name: "Selection",
rowSelectionChanging: rowSelectionChanging
}
]
});
});
这根本不起作用.如何在此部分代码中访问我的dataKey(primaryKey)？
function rowSelectionChanging(evt, ui) {
if (confirm) {
var rows = ui.getSelectedRows();
var selectedRow = rows.getItem(0);
var selectedDataKey = selectedRow.get_dataKey();
alert(selectedDataKey);
} else {
return false;
}
}
我正在尝试使用Infragistics的网格来显示我的数据库中的项目列表.我正在使用带有Razor引擎的MVC应用程序中的实体框架的代码优先方法.除了Infragistics网格之外,视图中的每个东西都能正常工作.
这是我的家庭观点:
@using Infragistics.Web.Mvc
@model IEnumerable<BusinessModel.Models.TestPlan>
@{
ViewBag.Title = "Home";
}
@( Html.Infragistics().Grid<BusinessModel.Models.TestPlan>(Model)
.AutoGenerateColumns(true)
.DataSourceUrl(Url.Action("igListTestPlan"))
.DataBind()
.Render())
这是我的控制器:
[GridDataSourceAction]
public ActionResult igListTestPlan()
{
return View(service.getListTestPlan());
}
使用firebug我可以清楚地看到请求是以状态代码"200 OK"发送的,但响应选项卡是空的.它还会导致控制台出错(在infragistics.js中):
Uncaught TypeError: Cannot read property 'length' of undefined
我想这是因为空的反应.
我尝试了什么:
调试我的控制器显示我return View(service.getListTestPlan());没有返回一个空列表:我有3个有效的项目.
我也试过Html.Infragistics().Grid<BusinessModel.Models.TestPlan>(Model__.ToList())但没有改变.还Html.Infragistics().Grid(Model)告诉我我的参数无效
提前致谢.
我在ASP.NET MVC3应用程序中使用Infragistics(Ignite UI)控件.我有网格,我已经绑定'客户'数据.工作良好.现在我有按钮.点击后我拨打ajax电话.在控制器中,我编写的查询只选择"客户"数据的一部分.我使用json返回数据.我尝试使用以下方法重新绑定它:
$("#CustomerGrid").igGrid("dataSourceObject", returnData);
但网格继续显示旧数据.它没有刷新.
我正在使用Ignite UI网格.
列是从数据库动态构建的,如下所示: -
$.post('/Main/GetColumns',function(data){
$("#mygrid").igGrid({
columns: data,
width: "100%",
height: "100%",
})
});
问题是我不知道哪个列将是数据类型号,因为数据是从数据库中为列提交的,我必须右对齐数字列.
我发现的唯一代码是
args.owner.element.find("tr td:nth-child(3)").css("text-align", "right");
将第3列设置为右对齐.由于我不知道列顺序,我只留下检查数据类型并右对齐列,
有没有办法根据数据类型或任何其他方法对齐列？
我有一个包含状态列的数据源。我还有一个数组 PART_STATUS，它包含所有可能的状态。
是否可以在该列中显示包含所有 PART_STATUS 状态的下拉菜单并选择正确的选项？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="http://www.modernizr.com/downloads/modernizr-latest.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.js"></script>
<script src="http://cdn-na.infragistics.com/jquery/20122/latest/js/infragistics.loader.js"></script>
<script type="text/javascript">
var data = [
{"ProductID":1,"ECName":"EC4532","PRIORITY":"1","ECID":"21026120061","STATUS":"Out For Refurb"},
{"ProductID":2,"ECName":"EC4522","PRIORITY":"1","ECID":"21026120034","STATUS":"Out For Cleaning"},
{"ProductID":3,"ECName":"EC4524","PRIORITY":"1","ECID":"21026120022","STATUS":"Out For Repair"},
{"ProductID":4,"ECName":"EC4232","PRIORITY":"1","ECID":"21026120061","STATUS":"Removed"},
{"ProductID":5,"ECName":"EC4222","PRIORITY":"2","ECID":"21026120034","STATUS":"Need Refurb"},
{"ProductID":6,"ECName":"EC2224","PRIORITY":"2","ECID":"21026120342","STATUS":"Need Refurb"},
{"ProductID":7,"ECName":"EC5532","PRIORITY":"2","ECID":"21026177061","STATUS":"Need Refurb"}
];
$.ig.loader({
scriptPath: "http://cdn-na.infragistics.com/jquery/20122/latest/js/",
cssPath: "http://cdn-na.infragistics.com/jquery/20122/latest/css/",
resources: "igGrid.Paging.Updating"
});
var PART_STATUS = [
"Out For Cleaning",
"Out For Repair",
"Out For Refurb",
"Need Cleaning",
"Need Repair",
"Need Refurb",
"Removed",
"Cleaned",
"Repaired", …我igTreeGrid用来在表中显示数据并将该数据导出到excel文件中
它的工作对我来说很完美,但我面临着设置导出的网格列宽度和默认设置excel工作表崩溃的问题.
我搜索过$.ig.GridExcelExporter.exportGrid文档,但一无所获
有什么方法可以在$.ig.GridExcelExporter其他任何地方完成这项任务.... ??
我正在加载一个Infragistics网格.加载时我有一个模板列,需要在知道要加载的内容之前检查数据集中的另一个值.它看起来不像Infragistics会让我这样做所以我需要在加载后在网格上运行查询来隐藏/显示某些信息.
例如:
我的网格:
$("#divGrid").igGrid({
columns: [
{
headerText: "",
width: "70px",
key: "Division",
template: ProperRights.GetTemplate("${Division}")
}
],
primaryKey: "EmployeeNumber",
autoGenerateColumns: false,
dataSource: AccountAdministrationGrid.GetGridData()
});
我的js模板逻辑:
var ProperRights = new function () {
this.GetTemplate = function(division) {
if (division === 'DIV1') {
return 'Special Stuff';
} else {
return "Boring Stuff";
}
};
};
这就是我想要做的,但ProperRights.GetTemplate只返回$ {Division}而不是网格行值.
所以我的下一个方法是在网格的末尾添加一个.ready().然后循环遍历每个td并从行中分割出值并手动更改第一列中的值,如下所示:
.ready(function () {
$("td").each(function () {
var id = $(this).text();
console.log(id);
});
});
但这也不起作用,它一直回来,因为网格还没有加载,发现0 td.
我使用Infragistics ig网格在.Net中显示数据,需要将这些网格导出到excel文件.
Infragistics也支持excel导出,但问题是,它一次支持单个网格.我想将这两个网格导出到一个带有不同工作表的excel文件中.我搜索了很多,但在互联网上找不到任何有用的东西.
有没有办法完成这项任务？
这是我的代码
<!DOCTYPE html>
<html>
<head>
<title></title>
<!-- Ignite UI Required Combined CSS Files -->
<link href="http://cdn-na.infragistics.com/igniteui/2016.2/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet" />
<link href="http://cdn-na.infragistics.com/igniteui/2016.2/latest/css/structure/infragistics.css" rel="stylesheet" />
<link href="http://cdn-na.infragistics.com/igniteui/2016.2/latest/css/structure/modules/infragistics.ui.treegrid.css" rel="stylesheet" />
<script src="http://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.8.3.js"></script>
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="http://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>
<!-- External files for exporting -->
<script src="http://www.igniteui.com/js/external/FileSaver.js"></script>
<script src="http://www.igniteui.com/js/external/Blob.js"></script>
<!-- Ignite UI Required Combined JavaScript Files -->
<script src="http://cdn-na.infragistics.com/igniteui/2016.2/latest/js/infragistics.core.js"></script>
<script src="http://cdn-na.infragistics.com/igniteui/2016.2/latest/js/infragistics.lob.js"></script>
<script src="http://cdn-na.infragistics.com/igniteui/2016.2/latest/js/modules/infragistics.documents.core.js"></script>
<script src="http://cdn-na.infragistics.com/igniteui/2016.2/latest/js/modules/infragistics.excel.js"></script>
<script src="http://cdn-na.infragistics.com/igniteui/2016.2/latest/js/modules/infragistics.gridexcelexporter.js"></script>
</head>
<body>
<h3>Flat Data Source</h3>
<table id="treegrid1"></table>
<br />
<input type="button" id="exportFlatDS" value="Export Flat Data" /> …iggrid ×8
ignite-ui ×8
infragistics ×7
jquery ×4
javascript ×3
asp.net-mvc ×2
excel ×1
razor ×1