博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
operamasks-omGrid的使用
阅读量:6579 次
发布时间:2019-06-24

本文共 1495 字,大约阅读时间需要 4 分钟。

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

<!DOCTYPE html>

<html xmlns="">

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

效果如下:

转载于:https://www.cnblogs.com/jason-davis/p/4010980.html

你可能感兴趣的文章
jQuery基础
查看>>
BZOJ5312:冒险——题解
查看>>
echarts,两点连线,中间断裂
查看>>
samba简易配置
查看>>
庆祝在CNBlogs开博!
查看>>
javascript reverse string
查看>>
南阳oj 题目6 喷水装置(一)
查看>>
运筹学上机实验 - 单纯形方法的两阶段法
查看>>
CF294C Shaass and Lights
查看>>
oracle 11g 报错记录
查看>>
文件状态是否变化
查看>>
MongoDB的副本集Replica Set
查看>>
Maven项目中的配置文件找不到以及打包问题
查看>>
面向对象
查看>>
HDU 1058 Humble Numbers
查看>>
NYOJ The Triangle
查看>>
wps10.1中将txt转为excel
查看>>
并发同步知多少
查看>>
解决执行脚本报syntax error: unexpected end of file或syntax error near unexpected token `fi'错误的问题...
查看>>
[BZOJ3312][USACO]不找零(状压DP)
查看>>