`

operamasks omGrid 字体显示问题

 
阅读更多
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="stylesheet" type="text/css" href="../css/default/om-default.css">
<script src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
<script src="${pageContext.request.contextPath}/js/operamasks-ui.min.js"></script>

<script type="text/javascript" >
 $(document).ready(function() {
     $('#mytable').omGrid({
         height : 250,
         width : 600,
         limit : 10, //分页显示,每页显示8条
         singleSelect : false, //出现checkbox列,可以选择同时多行记录
         colModel : [    {header:'编号',name:'id', width:100, align : 'center'},
                         {header:'地区',name:'city', width:250, align : 'left',wrap:true},
                         {header:'地址',name:'address', width:'autoExpand',renderer:function(value,rowData,rowIndex){ return '<b>'+value+'</b>'; }}
         ],
         dataSource : 'griddata.do?method=fast' //后台取数的URL
     });
 });
</script>

<title>一个简单的panel</title>
</head>
<body>
<table id="mytable"></table>
</body>
</html>

 

还是对DOCTYPE理解不够深刻

原来是:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

是由eclipse自动生成的,但是不支持CSS

请看:http://www.w3school.com.cn/tags/tag_doctype.asp

 

对于:<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
兼容IE8的参数
请看:http://blog.sina.com.cn/s/blog_5b5460eb0100vgg4.html

 

DOCTYPE为:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

修改DOCTYPE为<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

之后:

  • 大小: 51.2 KB
  • 大小: 48.7 KB
  • 大小: 51.2 KB
  • 大小: 51.2 KB
分享到:
评论

相关推荐

    operamasks-ui 最新.

    operamasks-ui 最新.完成的,下载下来直接可以点击查看,跟官网一模一样

    operamasks-ui 帮助文档

    只是我在网上找的 operamasks-ui api 文档 , 希望对你们有帮助

    扩展OperamasksUI的grid的排序和显示detail属性

    这篇博客“扩展OperamasksUI的grid的排序和显示detail属性”显然聚焦于如何增强Operamasks UI框架的功能,特别是其grid组件。Operamasks UI可能是一个用于构建Web应用的开源库,提供了丰富的组件和功能,便于开发者...

    operamasks-ui-2.0-doc

    "Operamasks UI 2.0 Doc"是一个针对 Operamasks 用户界面的开发文档,它提供了详尽的指导和信息,帮助开发者理解和构建基于Operamasks的Web应用程序。这个离线版文档对于开发者来说尤其珍贵,因为在线寻找这类资源...

    operaMasks_studio应用手册

    4. **调试与测试工具**:除了开发功能外,operaMasks_studio还内置了调试器和支持单元测试的功能,可以帮助开发者更高效地定位问题并进行修复。 #### 三、operaMasks_studio的安装与配置 - **系统要求**:在安装...

    operamasks-ui-2.1-demo

    "Operamasks UI 2.1 Demo"是一个专注于前端用户界面的项目,主要基于流行的开源浏览器扩展框架——OperaMasks。这个项目的目的是提供一个演示版本,让用户和开发者能够体验和理解OperaMasks UI 2.1版本的功能和设计...

    operamasks官方jsf教程

    5. **05-Properties-Files.ppt** - 这部分可能讨论了如何使用资源包(properties files)来处理多语言支持和国际化,这是任何Web应用都需要考虑的关键问题。 6. **06-Event-Handling.ppt** - JSF事件处理机制让...

    operamasks-sdk_3.2

    **Operamasks SDK 3.2:金蝶中间件的创新解决方案** Operamasks SDK 3.2 是金蝶中间件公司推出的一款重要的软件开发工具包,专为开发者设计,旨在简化与金蝶产品集成的过程,提高开发效率,并增强应用程序的功能。...

    operamasks安装包

    **OperaMasks安装包详解** OperaMasks 是一个专为Opera浏览器设计的扩展程序,它提供了丰富的功能,旨在提升用户的浏览体验。这个安装包包含了多个核心组件,让我们逐一解析: 1. **operamasks-comp.jar**:这个...

    OperaMasks查询、模糊查询、源码

    【标题】"OperaMasks查询、模糊查询、源码"涉及的是一个基于OperaMasks前端框架和后端servlet+bean技术实现的查询系统。在这个Demo中,开发者展示了如何运用这些技术来创建一个具备模糊查询功能的应用。让我们深入...

    operamasks-faces_1.0

    "Operamasks-faces_1.0" 是一个与Opera浏览器相关的扩展或资源包,它主要专注于面部识别或个性化功能。这个压缩包可能是为Opera浏览器设计的一系列面具或表情符号,让用户在浏览网页时能够使用各种有趣的脸部形象...

    Apusic OperaMasks-jsfdemo

    Apusic OperaMasks很全的JSF的例子,什么都有,如:TREE 、GRID、FORM、BOX、MENU、DIALOG、AJAX。都很漂亮的。

    operamasks-ui

    "Operamasks-UI" 是一个专为Opera浏览器设计的用户界面增强插件的源代码包,其版本为1.2,存储在一个名为"operamasks-ui-1.2.zip"的压缩文件中。这个插件的目标是提供更加个性化、高效且易用的浏览体验。在了解这个...

    operamasks_ui

    UI设计通常涵盖了颜色方案、字体选择、图标设计、布局结构等多个方面,而OperaMasks UI显然在这方面的考虑十分周全,以提升用户体验为核心目标。 在压缩包文件"ui"中,很可能包含了该UI框架的所有源代码、样式文件...

    operamasks-ui-2.0.zip

    《深入理解OperaMasks UI 2.0:前端框架与应用实践》 OperaMasks UI 2.0是一款由金蝶公司推出的高效、易用的前端界面库,它旨在为开发者提供一套完整的用户界面解决方案,以提升Web应用程序的用户体验和开发效率。...

    operamasks整合spring、hibernate实现grid增删改查

    在IT行业中,Web开发是一项核心任务,而"operamasks整合spring、hibernate实现grid增删改查"是常见的Web应用开发实践。这个主题涵盖了多个关键的技术组件,包括OperaMasks、Spring框架和Hibernate持久化层,以及Grid...

    operamasks-ui_demo

    operamasks-ui的demo程序,能够直接部署,运行。查看om-ui上优秀的标签。

    OperaMasks-UI-Guide帮助文档

    OperaMasks-UI-Guide帮助文档

Global site tag (gtag.js) - Google Analytics