zoukankan      html  css  js  c++  java
  • 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 {     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',                   

    120,                   

    align: 'center'                

    },                

    {                    

    header: '性别',                    

    name: 'PSex',                    

    120,                    

    align: 'center'                

    },                

    {                    

    header: '人员类型',                    

    name: 'PType',                    

    120,                    

    align: 'center'                

    },                 {                    

    header: '身份证',                    

    name: 'PNum',                    

    120,                    

    align: 'center'                

    },                

    {                    

    header: '家庭住址',                    

    name: 'PHomeAddress',                    

    150,                    

    align: 'center'                

    } ,                

    {                    

    header: '现联系地址',                    

    name: 'PAddress',                    

    150,                    

    align: 'center'                

    },                

    {                    

    header: '联系电话',                    

    name: 'PTel',                    

    120,                    

    align: 'center'                

    },                 {                    

    header: '工作单位',                    

    name: 'PWorkUnit',                    

    120,                    

    align: 'center'                 },                

    {                    

    header: '记录所在单位',                    

    name: 'PUnitId',                    

    120,                    

    align: 'center'                 },                

    {                    

    header: '备注',                    

    name: 'PNotes',                    

    120,                    

    align: 'center'                

    }]            

    });        

    });         

    </script> </head>

    <body>    

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

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

    </form>

    </body>

    </html>

    效果如下:

  • 相关阅读:
    C# 在代码中创建 DataTable 和从数据库取出的数据 DataTable
    C#编程数据库操作之DataTable
    测试代码的运行时间(C#)
    时间天数 的使用
    遍历panel 上的控件,然后操作
    break 和 continue区别
    DataTable排序的一般方法
    MG758 GIS数据采集终端
    C#中DataTable
    android InputStream相关类
  • 原文地址:https://www.cnblogs.com/jason-davis/p/4010980.html
Copyright © 2011-2022 走看看