Asp.net mvc 4 如何在jqgrid中从数据库中获取头名称(colNames)
我有两张桌子连在一起。我从这个查询中获取数据并显示在jqgrid中。 在正常情况下,我的网格如下所示: 我想显示第一列C02/C01/C01/C02/C01,如headercolNames和第二列2.2.2/1.1.1/1.1.1/8.8.8./6.6.6.6第一列和第二列等其他列的值,位于标题下方。事实上,我想我要把水平网格改成垂直网格。我的jqGrid代码如下:Asp.net mvc 4 如何在jqgrid中从数据库中获取头名称(colNames),asp.net-mvc-4,jqgrid,jqgrid-asp.net,mvcjqgrid,Asp.net Mvc 4,Jqgrid,Jqgrid Asp.net,Mvcjqgrid,我有两张桌子连在一起。我从这个查询中获取数据并显示在jqgrid中。 在正常情况下,我的网格如下所示: 我想显示第一列C02/C01/C01/C02/C01,如headercolNames和第二列2.2.2/1.1.1/1.1.1/8.8.8./6.6.6.6第一列和第二列等其他列的值,位于标题下方。事实上,我想我要把水平网格改成垂直网格。我的jqGrid代码如下: <script type="text/javascript"> var searchOptions = ['eq',
<script type="text/javascript">
var searchOptions = ['eq', 'ne', 'lt', 'le', 'gt', 'ge', 'bw', 'bn', 'in', 'ni', 'ew', 'en', 'cn', 'nc'];
$(document).ready(function () {
$('#list').jqGrid({
caption: "ObisData",
//url from wich data should be requested
url: '@Url.Action("GetObisData", "DataGrid")',
//EditData
editurl: '@Url.Action("EditData", "DataGrid")',
//type of data
datatype: 'json',
jsonReader: {
root: "Rows",
page: "Page",
total: "Total",
records: "Records",
repeatitems: true,
id: "ObisDataID",
cell: "RowCells"
},
//url access method type
mtype: 'POST',
//columns names
colNames: [ '', '', '', ''],
//columns model
colModel: [
{
name: 'ObisDataID', index: 'ObisDataID', align: 'right', width: 100,
editable: false, hidden: true, key: true
},
{
name: 'ObisInfoTitle', index: 'ObisInfoTitle', align: 'center', width: 100,
editable: false, hidden: false
}
,
{
name: 'ObisData', index: 'ObisData', align: 'center', width: 100,
editable: false, hidden: false
}
,
{
name: 'ObisInfoTranslateT', index: 'ObisInfoTranslateT', align: 'center', width: 170,
editable: false, hidden: false
}
],
//pager for grid
pager: $('#pager'),
//number of rows per page
rowNum: 10,
rowList: [10, 20, 50, 100],
//initial sorting column
sortname: 'ObisDataID',
//initial sorting direction
sortorder: 'desc',
//we want to display total records count
viewrecords: true,
altRows: true,
shrinkToFit: false,
width: '1100',
height: 'auto',
hidegrid: false,
direction: "rtl",
gridview: true,
rownumbers: true,
footerrow: true,
//userDataOnFooter: true,
loadComplete: function () {
//change alternate rows color
$("tr.jqgrow:odd").css("background", "#E0E0E0");
},
loadError: function (xhr, st, err) {
jQuery("#rsperror").html("Type: " + st + "; Response: " + xhr.status + " " + xhr.statusText);
}
//, loadonce: true
})
更改方向代码。然后网格将从左到右对齐
direction : "ltr"
你不想让行号变大
rownumbers: false
来自数据库的头名称
在jqgrid代码中添加colname之后,首先在js变量中指定DB值
var firstColName={insert DBvalue data};
var secondColName={insert DBvalue data};
var thirdColName={insert DBvalue data};
colNames: [ firstColName, secondColName,thirdColName, ......],
你能添加jqgrid代码吗…@Krishnakumar Subbiyan是的。我编辑了我的问题。@Krishnakumarsubbayian是否需要添加控制器?@Krishnakumr Subbiyan我的意思是第一列是标题,另一列是标题的值。我想要垂直网格。在收割台上坐着C01 C02。。。。。。标题下面的第一行是2.2.2.2 1.1.1,……但我不知道标题有多少数据。因为我是通过连接两个表得到这个的。谢谢回复。其中我使用var firstColName={insert DBvalue data};那么DBvalue是什么?@mahdisdezfouli Jqgrid您只能使用列值作为列值,我的意见是,您已经在后端修改了值。基于jqgrid的列和行。很难在前端完成任务。@Oleg很抱歉打扰您。我有个问题。我可以为jqgrid使用pivot属性吗?我想将水平栅格更改为垂直栅格。如果可能的话,请帮助我。多谢各位