propertygrid easyui 的使用

最新推荐文章于 2020-12-21 01:26:11 发布

失独者

最新推荐文章于 2020-12-21 01:26:11 发布

阅读量848

点赞数

分类专栏： Jquery Html 文章标签： easyui propertygrid 使用

本文链接：https://blog.csdn.net/luwei_cool/article/details/51656297

版权

Jquery 同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

Html

3 篇文章 0 订阅

订阅专栏

json.json

{
  "total": 4,
  "rows": [
    {
      "name": "Name",
      "value": "Bill Smith",
      "group": "ID Settings",
      "editor": "text"
    },
    {
      "name": "Address",
      "value": "",
      "group": "ID Settings",
      "editor": "text"
    },
    {
      "name": "SSN",
      "value": "123-456-7890",
      "group": "ID Settings",
      "editor": "text"
    },
    {
      "name": "Email",
      "value": "bill@gmail.com",
      "group": "Marketing Settings",
      "editor": {
        "type": "validatebox",
        "options": {
          "validType": "email"
        }
      }
    }
  ]
}

detail.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<link rel="stylesheet" type="text/css" href="../../../assets/js/easyui/themes/metro/easyui.css">
<link rel="stylesheet" type="text/css" href="../../../assets/js/easyui/themes/icon.css">

<script type="text/javascript" src="../../../assets/js/jquery/jquery.min.js"></script>
<script type="text/javascript" src="../../../assets/js/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../../assets/js/easyui/locate/easyui-lang-zh_CN.js"></script>
<script>
    $(document).ready(function () {
    
            $("#pg").propertygrid({
                url: 'json.json',
                showGroup: false,
                scrollbarSize: 0,
                showHeader: false
            })
    });
</script>
<body>
<table id="pg" class="easyui-propertygrid" style="width:300px">
</table>
</body>
</html>