码迷,mamicode.com
首页 > 其他好文 > 详细

operamasks-omGrid的使用

时间:2014-10-08 15:55:45      阅读:503      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   io   使用   ar   java   for   sp   

<%@ 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>

效果如下:

bubuko.com,布布扣

operamasks-omGrid的使用

标签:style   blog   http   io   使用   ar   java   for   sp   

原文地址:http://www.cnblogs.com/jason-davis/p/4010980.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!