3
回答
easyUI datagrid title属性表头在IE中竟然不显示!!!!!!!!!!!
【腾讯云】校园拼团福利,1核2G服务器10元/月!>>>   

今天在使用easyUI的datagrid做数据的展示,写完后在不同的浏览器测试一下

谷歌和火狐都完美的呈现,但是在IE中没了表头,似乎title这个属性不起作用一样,IE几都不显示。

我肯定不止做了这一个页面,咦。。奇怪了,其他的有的竟然可以显示,都是一样的写法,我来回的比较两者有什么不同。。。但是始终没有看出来。。。太诧异了我。。。

晚上寻找一下资料也没有找到我想要的。

烦死了都。。。,  希望大家帮我出出主意。

JS代码:

function showZXHZTotal(d, gs, companyName) {
	$("#companyId").val(gs);
	
	// 无结果集
	var myview = $.extend({}, $.fn.datagrid.defaults.view, {
		onAfterRender : function(target) {
			$.fn.datagrid.defaults.view.onAfterRender.call(this, target);
			var opts = $(target).datagrid('options');
			var vc = $(target).datagrid('getPanel').children(
					'div.datagrid-view');
			vc.children('div.datagrid-empty').remove();
			if (!$(target).datagrid('getRows').length) {
				var d = $('<div class="datagrid-empty"></div>').html(
						opts.emptyMsg || 'no records').appendTo(vc);
				d.css({
					position : 'absolute',
					left : 0,
					top : 50,
					width : '100%',
					textAlign : 'center'
				});
			}
		}
	});

	
	$("#dialog").dialog(
					{
						title : "&nbsp;成本费用分项汇总&nbsp;&nbsp;<font color='red'>公司:</font>"
								+ companyName,
						fit : true,
						iconCls : 'icon-save',
						closable : false,
						modal : true,
						draggable : false
					});

	$("#myTable_fxhz").datagrid({
				url : 'ZXHZServlet?dates=' + new Date().getTime(),
				border : true,
				fit : true,
				striped : false,
				fitColumns : true,
				view : myview,
				nowrap:false,
				singleSelect:true,
				emptyMsg : "抱歉,没有查询结果!",
				queryParams : {
					times : d,
					companyId : gs
				},
				columns : [ [{
							field :'unitno',
							hidden : true
						},{
							field :'costno',
							hidden : true
						},{
							title : '项目名称',
							field : 'costname',
							width : 50,
							align : 'left',
							formatter : function(value, rowData, index) {
								return "<a onclick=\"showZXHZ_MX('"+companyName+"','"
										+ rowData.unitno + "','"
										+ rowData.costno + "','"
										+ $('#t').val() + "')\"><font title="
										+ value + ">" + value + "</font></a>";
							}
						},{
							title : '总金额',
							field : 'cw_amount',
							width : 30,
							align : 'right',
							formatter : function(value, rowData, index) {
								if (value == null || value == 0) {
									return "";
								}
								return '<font title=' + value + '>' + value
										+ '<font/>';
							}
						},{
							title : '分段金额1',
							field : 'jm_amount',
							width : 30,
							align : 'right',
							formatter : function(value, rowData, index) {
								if (value == null || value == 0) {
									return "";
								}
								return '<font title=' + value + '>' + value
										+ '<font/>';
							}
						},{
							title : '分段金额2',
							field : 'xx_amount',
							width : 30,
							align : 'right',
							formatter : function(value, rowData, index) {
								if (value == null) {
									value = "";
								}
								return '<font title=' + value + '>' + value
										+ '<font/>';
							}
						},{
							title : '业务金额',
							field : 'yw_amount',
							width : 30,
							align : 'right',
							formatter : function(value, rowData, index) {
								if (value == null || value == 0) {
									return "";
								}
								return '<font title=' + value + '>' + value
										+ '<font/>';
							}
						},
						{
							title : '差异',
							field : 'pk_amount',
							width : 30,
							align : 'right',
							formatter : function(value, rowData, index) {
								if (value == null || value == 0) {
									value = "";
								}
								return '<font title=' + value
										+ ' color=\'red\' > <strong>' + value
										+ '</strong><font/>';
							}
						} ] ],
				toolbar : '#datagridBar'
			});
	$('.datagrid-header div').css("textAlign", "center");
}



举报
蜡笔小新_
发帖于4年前 3回/3K+阅
顶部