javascript – 如何在jqgrid中将一个单元格划分为2个?
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何在jqgrid中将一个单元格划分为2个?,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2200字,纯文字阅读大概需要4分钟。
内容图文
![javascript – 如何在jqgrid中将一个单元格划分为2个?](/upload/InfoBanner/zyjiaocheng/799/c0c4a2aefdd6437db88999eef020a866.jpg)
有可能通过jqgrid获得这种设计
------------------------------- ----------
| S.N0 | order ID | Date | Amount |
--------- -------
| | Location | Status| |
------------------------------ ---------
| 1 | 45 | 1/1/11 | 100 |
--------- --------
| | E123 | Done | |
------------------------------ ----------
在2X2(第二列,第二行)中,我需要显示订单ID和位置.位置值应出现在订单ID下.有可能吗?
解决方法:
对于该列,您可以定义一个自定义格式化程序,您可以将任何样式应用于该格式化程序.在该格式化程序中,您可以访问行中对象的alll值.因此,对于您的订单/位置格式化程序,您可以将这两者组合在一起:
function orderFmatter( cellvalue, options, rowObject )
{
return "<div>" + cellvalue + "</div><hr /><div>"
+ rowObject.Location + "</div>";
}
您可能希望为这些div添加类,以便您可以更好地设置它以满足您的需求.就你的列定义而言,你需要在其中一列上声明customFormatter(注意:声明它的那个将是上面函数中的变量cellvalue),另一列需要隐藏然后因为它是需要作为rowObject的一部分.防爆.
{
name: 'OrderID',
index: 'OrderID',
width: 90,
formatter:orderFmatter},
{
name: 'Location',
index: 'Location',
hidden: true},
以下是我的完整示例:
$("#grid").jqGrid({
datatype: "local",
height: 250,
colNames: ["SNO", "OrderID", "Location", "Date", "Status", "Amount"],
colModel: [{
name: 'SNO',
index: 'SNO',
width: 60},
{
name: 'OrderID',
index: 'OrderID',
width: 90,
formatter:orderFmatter},
{
name: 'Location',
index: 'Location',
hidden: true},
{
name: 'Date',
index: 'Date',
width: 80,
formatter:dateStatusFmatter},
{
name: 'Status',
index: 'Status',
width: 80,
hidden: true},
{
name: 'Amount',
index: 'Amount',
width: 80}
],
caption: "Stack Overflow Example",
});
function orderFmatter( cellvalue, options, rowObject )
{
return "<div>" + cellvalue + "</div><hr /><div>" + rowObject.Location + "</div>";
}
function dateStatusFmatter( cellvalue, options, rowObject )
{
return "<div>" + cellvalue + "</div><hr /><div>" + rowObject.Status+ "</div>";
}
小提琴也可用here.
这只是留下你的标题,这有点困难,可能会变得难看.我建议不要在标题上执行拆分级别并执行类似订单ID /位置的操作.
这可以通过这样设置:
jQuery("#grid").jqGrid('setLabel', 'OrderID', 'Order Id/Location');
就像在这个fiddle.
如果您必须像示例中那样设置标题,我可以看到我能弄清楚的内容,但这应该让您开始.
内容总结
以上是互联网集市为您收集整理的javascript – 如何在jqgrid中将一个单元格划分为2个?全部内容,希望文章能够帮你解决javascript – 如何在jqgrid中将一个单元格划分为2个?所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。