operamasks-omGrid的使用

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="personTab.aspx.cs" Inherits="CPMS.views.personTab" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<title>相关案件人员</title>  <script src="../resources/js/jQueryv1.7.1.js"></script>

<script src="../resources/js/operamasks-ui.min.js"></script>

<link href="../resources/css/apusic/om-apusic.css" rel="stylesheet" />

<style type="text/css">     html, body {     width: 100%;     height: 100%;     padding: 0;     margin: 0;     overflow: hidden;      }

</style>

<script type="text/javascript">

$(function () {

$("#grid").omGrid({

height: 650,

showIndex: false,

colModel: [

{

header: ‘姓名‘,

name: ‘PName‘,

width: 120,

align: ‘center‘

},

{

header: ‘性别‘,

name: ‘PSex‘,

width: 120,

align: ‘center‘

},

{

header: ‘人员类型‘,

name: ‘PType‘,

width: 120,

align: ‘center‘

},                 {

header: ‘身份证‘,

name: ‘PNum‘,

width: 120,

align: ‘center‘

},

{

header: ‘家庭住址‘,

name: ‘PHomeAddress‘,

width: 150,

align: ‘center‘

} ,

{

header: ‘现联系地址‘,

name: ‘PAddress‘,

width: 150,

align: ‘center‘

},

{

header: ‘联系电话‘,

name: ‘PTel‘,

width: 120,

align: ‘center‘

},                 {

header: ‘工作单位‘,

name: ‘PWorkUnit‘,

width: 120,

align: ‘center‘                 },

{

header: ‘记录所在单位‘,

name: ‘PUnitId‘,

width: 120,

align: ‘center‘                 },

{

header: ‘备注‘,

name: ‘PNotes‘,

width: 120,

align: ‘center‘

}]

});

});

</script> </head>

<body>

<form id="form1" runat="server">

<div id="grid"></div>

</form>

</body>

</html>

效果如下:

时间: 2024-11-13 04:19:46

operamasks-omGrid的使用的相关文章

operamasks—omGrid/omBorderLayout的混合使用

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="CPMS.views.test" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="serv

operamasks—omMessageTip的使用

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="js/jquery.min.j

operamasks—omMessageBox的使用

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="CPMS.views.test" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="serv

operamasks—omBorderLayout布局

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script src="js/jquery.min.js

web前端框架

1. Bootstrap Boostrap绝对是目前最流行用得最广泛的一款框架.它是一套优美,直观并且给力的web设计工具包,可以用来开发跨浏览器兼容并且美观大气的页面.它提供了很多流行的样式简洁的UI组件,栅格系统以及一些常用的JavaScript插件. Bootstrap是用动态语言LESS写的,主要包括四部分的内容: 脚手架——全局样式,响应式的12列栅格布局系统.记住Bootstrap在默认情况下并不包括响应式布局的功能.因此,如果你的设计需要实现响应式布局,那么你需要手动开启这项功能.

十三种常用的Web前端框架

在做web开发的时候难免遇到一个问题,那就是,选择什么样的框架.下面把前端的框架简单的列一下. 1.flex Apache基金会今天发布了Flex 4.8版本,这是Adobe将Flex捐献给Apache基金会后发布的第一个版本. 需要注意的是,Flex目前还在孵化阶段,还不是Apache的正式项目,Flex 4.8也不是一个正式的Apache版本. Apache称,该版本标志着Flex新时代的开始,Flex的未来将由社区来驱动,而不是由一个公司驱动.开发者可以通过贡献代码,来帮助改进Flex,如

【课程分享】jQuery2.0应用开发:SSH框架整合jQuery2.0实战OA办公自动化(VSS、operamasks-UI框架)

我的qq是2059055336,对这个课程有兴趣的可以加我qq联系. 课程下载地址:链接:http://pan.baidu.com/share/link?shareid=395438909&uk=3611155194 密码:mlvl 课程下载地址:http://www.kuaipan.cn/file/id_192202874577496484.htm?source=1 一.本课程是怎么样的一门课程(全面介绍)    1.1.课程的背景 jQuery 2.0 正式版发布,不在支持 IE 6/7/8

java前端选择

在做web开发的时候难免遇到一个问题,那就是,选择什么样的框架.下面把前端的框架简单的列一下. 1.flex Apache基金会今天发布了Flex 4.8版本,这是Adobe将Flex捐献给Apache基金会后发布的第一个版本. 需要注意的是,Flex目前还在孵化阶段,还不是Apache的正式项目,Flex 4.8也不是一个正式的Apache版本. Apache称,该版本标志着Flex新时代的开始,Flex的未来将由社区来驱动,而不是由一个公司驱动.开发者可以通过贡献代码,来帮助改进Flex,如

浅析深究什么是SOA?

阅读提示: 本文探讨SOA概念背后的核心内涵,如何将SOA落地的实务方法. 金蝶中间件作为全球领先的SOA解决方案供应商,拥有中国唯一全球第四通过Java EE 5.0认证的SOA基础平台:中国唯一完整实现TOG-SOA标准模型的中间件解决方案:与北京大学合作,国家“核高基”科技重大专项成果,承担振兴国家基础软件的责任和使命: 中国唯一入选Gartner全球有能力提供SOA服务的十九家软件厂商.本文就是根据金蝶中间件readySOA解决方案整理而成的通俗科普文章. 本文介绍的主要内容包括:为什么

一百多个程序员常去的网站

程序员是很容易被淘汰的职业,所以要善于学习总结.强烈的好奇心和学习精神是一个程序员的秘密武器,它是程序员们永攀高峰的源泉和动力所在.下面是一百多个程序员经常去的网站. 1 程序员论坛: 2 J2me社区 http://www.j2meforums.com/forum/ 3 csdn http://www.csdn.net/ 4 Vc知识库 http://www.vckbase.com/ 5 codeproject http://www.codeproject.com/ 6 程序员联合开发网 ht