使列名在javascript中具有动态性

making the column names dynamic in javascript

本文关键字：动态性 javascript      更新时间：2024-06-13

伙计们，我希望列名是dinamic的，以防它被更改，所以我不必把它放在namually。。这是我的代码

jqGrid11.prototype = {
	display : function() {
		$('body').append(this.html.join(""));
		$("#jqGrid").jqGrid({
			url : "index.jsp",
			colModel : [ {
				label : 'Department Name',
				name : 'Department Name ',
				width : 200
			}, {
				label : 'id',
				name : 'id',
				key : true,
				width : 200
			}, {
				label : 'Employees',
				name : 'Employees ',
				width : 500
			} ],
			viewrecords : true,
			width : 780,
			height : 250,
			rowNum : 20,
			pager : "#jqGridPager"
		});
		for (var i = 0; i < this.data.length; i++) {
			$("#jqGrid").jqGrid("addRowData", i + 1, this.data[i]);
		}
	}
};

因此，我希望部门名称、id和员工能够动态生成

您应该永远不要使用colModel的name属性，该属性包含空格。name将用于构造某些元素的ID，并且HTML5禁止ID使用空格。

永远不应该在循环中使用addRowData填充网格。这是填充网格最慢的方法。

使用url : "index.jsp"时不指定datatype。默认使用datatype: "xml"。另一方面，您写道希望使用JSON作为输入。

如果您将输入数据作为项数组（this.data），则应使用datatype: "local", data: this.data，它将使用数据创建jqGrid，并显示数据的第一页（基于rowNum: 20）。

我建议您验证您使用的是哪个版本的jqGrid以及来自哪个jqGrid分支。我建议您使用免费的jqGrid4.13.2-我开发的免费jqGridfork的当前版本。

相关文章：