文档介绍：EasyUI 学
class="easyui-datagrid" 用于列表展示
注释:图中有标有绿色字体的是在图片中显示的图片的样式,比如添加,删除,修改,保存,取消。
把jquery easyui下载好之后,一般引用下页几个文件
引入样式代码如下:
<link href="ources/easyui/css/" rel="stylesheet" type="text/css" />
    <link href="ources/easyui/js/themes/default/" rel="stylesheet"
        type="text/css" />
//页面图标样式
    <link href="ources/easyui/js/themes/" rel="stylesheet" type="text/css" />
    <script src="ources/easyui/js/jquery-" type="text/javascript"></script>
//jquery easyui主要的js
    <script src="ources/easyui/js/" type="text/javascript"></script>
列表展示数据
代码如下:
<table id="dg" title="My Users" class="easyui-datagrid" style="width: 700px; height: 250px"
        url="Json/" toolbar="#toolbar" pagination="true" rownumbers="true"
        fitcolumns="true" singleselect="true">
        <thead>
            <tr>
                <th field="AccountCode" width="50">
                    编号
                </th>
                <th field="AccountName" width="50">
                    卡名
                </th>
                <th field="AccountPwd" width="50">
                    密码
                </th>
                <th field="CreateTime" width="50">
                    创建时间