easyui 单元格编辑，下拉表格。。。。

最新推荐文章于 2024-11-05 14:59:15 发布

弹琴弹琴

最新推荐文章于 2024-11-05 14:59:15 发布

阅读量1.2k

点赞数

分类专栏： EasyUi点滴知识文章标签： easyui

本文链接：https://blog.youkuaiyun.com/bbsyi/article/details/72317851

版权

本文详细介绍了如何使用EasyUI实现表格中单元格的编辑功能，以及如何创建带有下拉选项的表格，提供了关键的代码示例和步骤，帮助开发者提升用户体验。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试页面</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" type="text/css" href="../js/jquery-easyui-1.5.1/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../js/jquery-easyui-1.5.1/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="../com-min/ui.css">
    <script type="text/javascript" src="../js/jquery-easyui-1.5.1/jquery.min.js"></script>
    <script type="text/javascript" src="../com-min/fun.min.js"></script>
    <script type="text/javascript" src="../com-min/ui.min.js"></script>
    <script type="text/javascript" src="../com-min/userCom.min.js"></script>

    <script type="text/javascript" src="../js/jquery-easyui-1.5.1/jquery.easyui.min.js"></script>
</head>
<body class="easyui-layout" data-options="fit:true">
    <div data-options="region:'north',fit:false" style="border-style: none none solid;text-align: right;height: 28px;">
        <a class="easyui-linkbutton" data-options="iconCls:'icon-ok',plain:true" href="javascript:void(0)" id="okBtn">确定</a>
        <a class="easyui-linkbutton" data-options="iconCls:'icon-clear',plain:true" href="javascript:void(0)" id="cancle">取消</a>
    </div>
    <div data-options="region:'center',fit:false,border:false">
        <table id="test"></table>
    </div>
    <script>
        (function(){

        })();

        $(function(){
            var data={
                "TotalPages": 1,
                "TotalRows": 7,
                "list": [
                    {
                        "ID": "8da2711c-d726-445f-8db6-59b9c4ce96b1",
                        "DeviceOrderDetailID": "96c8befa-c035-4d65-90ac-cfcddf3a204b",
                        "DeviceID": "e42a74dd-7698-4518-9546-84d2b3751f48",
                        "OrderType": "SBPD",
                        "OrderNo": "SBPD0000008",
                        "DeptId": "becff2a6-8279-4257-8109-cc6a02834cdd",
                        "DeptCode": "001H003",
                        "DeptDesc": "行政部",
                        "CompanyCode": "0001",
                        "CompanyDesc": "成都分公司",
                        "DeviceCode": "sb10000021",
                        "ModelName": "ThinkPad笔记本1",
                        "ModelTypeName": "ThinkPad1",
                        "CreateDate": "2017/5/16 10:44:09",
                        "Status": -1,
                        "Remark": "",
                        "StatusDesc": "未完成",
                        "CheckDate": "",
                        "OrderTypeDesc": "设备盘点",
                        "DeviceTypeId": "f16303c0-5085-46d4-852a-fbc7e50d7861",
                        "DeviceTypeDesc": "信息设备",
                        "DeviceStatusId": "00000000-0000-0000-0000-000000000000",
                        "DeviceStatuDesc": "",
                        "CreateBy": "398c2e79-8816-4ef5-891c-b2ae2a8bd904",
                        "CreateByName": "Adminis

最低0.47元/天解锁文章