EasyUI基础应用---网页表格

最新推荐文章于 2022-05-07 22:45:57 发布

千峰铭晓

最新推荐文章于 2022-05-07 22:45:57 发布

阅读量129

点赞数

本文链接：https://blog.csdn.net/qq_44405007/article/details/95584368

版权

有时开发需要做一些简单的页面表格修改,以下是一个由EasyUI开发的简单的网页表格案例:

页面效果图如下 在这里插入图片描述

附上代码以及详细注释:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../themes/default/easyui.css">

    <link rel="stylesheet" href="../themes/icon.css">

    <script src="../Js/jquery.min.js"></script>
    <script src="../Js/jquery.easyui.min.js"></script>
    <script src="../Js/easyui-lang-zh_CN.js"></script>

</head>
<body>
    <table id="tab"></table>
    <div id="win" align="center">
        <form action="#" id="fo">
           <p><input name="id" type="text" ></p>
           <p><input name="name" type="text" ></p>
            <p><input name="gender"></p>
            <p><input name="class"></p>
            <p><button type="button" class="ok">确认</button></p>
        </form>
    </div>


    <script>
        //判断单击按钮时候是添加操作还是修改操作
        var flag="";
        //对额外窗体的下拉列表进行添加数据
        $('#win [name=class]').combobox({
            valueField:'id',
            textField:'text',
            data:[{
                "id":1,
                "text":"一班&

最低0.47元/天解锁文章

千峰铭晓

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
EasyUI基础应用---网页表格

有时开发需要做一些简单的页面表格修改,以下是一个由EasyUI开发的简单的网页表格案例:页面效果图如下附上代码以及详细注释:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> &lt...
复制链接

扫一扫