jqgrid的实用方法集合

//多选表格获取选择的值:
var arraySelecteID = $("#gridParam").getGridParam(“selarrrow”);
//单选获取选择的id
var selectID = $("#grid1").getGridParam(“selrow”);
//获取多选的id
var rowNumber = $("#inLineItemEditList").jqGrid(‘getGridParam’, ‘records’);
//在表格一共有几行数据
var rowId = $("#gridParam").getAttr(‘id’);
var rowId = $("#inLineEditList").getGridParam(“reccount”);
//获取表格中的所有id
var ids = $("#gridParam").getDataIDs();
//获取所有数据的id
var selectId = $("#pool_nextgridParam").getCol(“purchase_request_item_id”);
获取一列的数据
$("#pool_nextgridParam").delRowData(ids);
//删除一行数据
shrinkToFit : false,
//禁止改变表格大小

Jqgrid单元格添加时间控件:
{name: ‘time’, index: ‘time’, editable: true, editoptions: { dataInit: function(element) { $(element).datepicker({ dateFormat: ‘yy-mm-dd’, changeMonth: true, changeYear: true }) } }}
Jqgrid单元格编辑后计算:
afterSaveCell : function(rowid,name,val,iRow,iCol) {
//价款
if(name == ‘device_sum’) {
//获取值
var price = jQuery("#inLineItemEditList").jqGrid(‘getCell’,rowid,‘device_sum’);
var tax_rate = jQuery("#inLineItemEditList").jqGrid(‘getCell’,rowid,‘tax_rate_type’);
//设置值 jQuery("#inLineItemEditList").jqGrid(‘setRowData’,rowid,{vat_amount:parseFloat(price)parseFloat(tax_rate)});
jQuery("#inLineItemEditList").jqGrid(‘setRowData’,rowid,{total_tax:parseFloat(price)
(parseFloat(tax_rate)+1)});
}
}
Jqgrid单元格设置为下拉框:
editable: true, edittype:‘select’,formatter:‘select’,editoptions: {value: “0.00:0%; 0.03:3%; 0.06:6%; 0.10:10%; 0.11:11%; 0.16:16%; 0.17:17%”}
表格中默认值设置:
formatter : function(cellValue, options, rowObject) /* 自定义显示格式化 */
{
if (true)
{
return “0”;
}
}
单元格动态下拉框:
$("#gridRakuData").jqGrid(‘setCell’, rowid, iCol, ‘’, ‘edit-cell’);
单元格为可编辑和不可编辑状态:
$("#gridRakuData").jqGrid(‘setCell’, rowid, iCol, ‘’, ‘edit-cell’);
$("#inLineItemEditList").jqGrid(‘setCell’, rowid, iCol, ‘’, ‘not-editable-cell’)
设置表格为不可编辑状态:
$("#inLineItemEditList").setGridParam({cellEdit:false})
设置单元格一列是否可编辑
$("#inLineEditList").setColProp(“trafficfaredetail”,{editable:true});
当前单元格退出编辑模式
$(’#rowed3’).jqGrid(“saveCell”, lastrow, lastcell); //当前单元格退出编辑模式
jqgrid保存时使编辑框关闭
$(’#costBudgetListGrid’).jqGrid(‘saveRow’,lastSel)

在 C# 中使用 jqGrid 4.6 自定义 treetable 可以使用以下步骤: 1. 首先,您需要定义一个模型类,用于表示每个行的数据。您需要在模型类中添加一个名为 parent 的属性,以表示父节点。 ```csharp public class MyModel { public string Id { get; set; } public string Name { get; set; } public string Parent { get; set; } public bool IsLeaf { get; set; } public int Level { get; set; } public bool Expanded { get; set; } } ``` 2. 然后,您需要创建一个 List<MyModel> 对象,用于存储所有的行数据。 ```csharp List<MyModel> data = new List<MyModel>(); ``` 3. 接下来,您需要使用自定义函数来处理数据和构建树形表格。您可以使用自定义函数来读取数据、计算层级、构建树形表格以及处理展开和折叠等操作。 ```csharp // 读取数据并构建树形表格 public ActionResult MyAction() { // your data retrieval code here List<MyModel> rawData = GetDataFromDatabase(); // build tree data List<MyModel> treeData = new List<MyModel>(); foreach (MyModel node in rawData) { node.Level = 0; node.IsLeaf = true; node.Expanded = false; treeData.Add(node); foreach (MyModel child in rawData) { if (child.Parent == node.Id) { child.Level = node.Level + 1; child.IsLeaf = true; child.Expanded = false; treeData.Add(child); node.IsLeaf = false; } } } // set parent IDs foreach (MyModel node in treeData) { if (!string.IsNullOrEmpty(node.Parent)) { node.Parent = treeData.Find(n => n.Id == node.Parent).Id; } } // assign data to grid return Json(new { rows = treeData, page = 1, records = treeData.Count, total = 1 }, JsonRequestBehavior.AllowGet); } ``` 在上面的代码中,我们首先使用 GetDataFromDatabase 函数从数据库中获取原始数据。然后,我们使用一个 foreach 循环来遍历每个节点,计算层级并设置节点的 isLeaf 和 expanded 属性。在处理每个节点时,我们还使用另一个 foreach 循环来查找子节点,并将子节点添加到树形表格的数据中。最后,我们设置每个节点的 parent 属性,使其与父节点的 ID 匹配。 4. 最后,您需要在视图文件中使用 jqGrid 来显示树形表格。 ```javascript $("#myGrid").jqGrid({ url: "/MyController/MyAction", datatype: "json", colModel: [ { name: "Id", index: "Id", hidden: true }, { name: "Name", index: "Name", width: 150 }, { name: "Parent", index: "Parent", hidden: true }, { name: "IsLeaf", index: "IsLeaf", hidden: true }, { name: "Level", index: "Level", hidden: true }, { name: "Expanded", index: "Expanded", hidden: true }, ], treeGrid: true, treeGridModel: "adjacency", ExpandColumn: "Name", ExpandColClick: true, ExpandOnClick: true, treeIcons: { plus: "ui-icon-plus", minus: "ui-icon-minus", leaf: "ui-icon-document" }, caption: "My Tree Table Caption" }); ``` 在上面的代码中,我们使用 jqGrid 的 url 选项来指定数据源的 URL。然后,我们使用 colModel 选项来定义数据列。接下来,我们使用 treeGrid 和 treeGridModel 选项来启用树形表格功能。最后,我们使用 ExpandColumn、ExpandColClick 和 ExpandOnClick 选项来设置展开和折叠操作的行为。 希望这可以帮助您开始构建自定义 treetable。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值