JQuery EasyUI 使用数据网格显示json数据（8）

最新推荐文章于 2019-09-13 18:52:49 发布

原创最新推荐文章于 2019-09-13 18:52:49 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#easyui #jquery

EasyUI 专栏收录该内容

22 篇文章

订阅专栏

本文介绍如何通过EasyUI框架创建一个属性网格组件，并展示了一个包含相关样式和脚本引用的HTML示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先，我们需要新建一个json文件，如图：

代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Full Layout - jQuery EasyUI Demo</title>
    <link rel="stylesheet" type="text/css" href="easyUI/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="easyUI/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="easyUI/demo/demo.css">
    <script type="text/javascript" src="easyUI/jquery.min.js"></script>
    <script type="text/javascript" src="easyUI/jquery.easyui.min.js"></script>
</head>
<body>
<table class="easyui-propertygrid" style="width:300px" data-options="
				url: 'propertygrid_data1.json',
				method: 'get',
				showGroup: true,
				scrollbarSize: 0,
			">
</table>
</body>
</html>

如图：