EasyUi Datagrid 中怎样动态的改变 editor的Type

 我来答

1个回答

#热议# 上班途中天气原因受伤算工伤吗？

huanglenzhi
2014-12-06 · 知道合伙人数码行家

huanglenzhi
知道合伙人数码行家

采纳数：117538 获赞数：517183

长期从事计算机组装，维护，网络组建及管理。对计算机硬件、操作系统安装、典型网络设备具有详细认知。

向TA提问私信TA

关注

展开全部

使用formatter函数：以下是我写的实现，需要根据你的实际情况做相应调整。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Basic DataGrid - jQuery EasyUI Demo</title>
    <link rel="stylesheet" type="text/css" href="http //www easyui com/easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="http://www jeasyui com/easyui/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="http //www jeasyui com/easyui/demo/demo.css">
    <script type="text/javascript" src="http //www easyui com/easyui/jquery.min.js"></script>
    <script type="text/javascript" src="http //www jeasyui.com/easyui/jquery.easyui.min.js"></script>
</head>
<body>    
    <table id="dg"></table>
 
    <script type="text/javascript" >
        $('#dg').datagrid({
            url:'datagrid_data1.json',
            columns:[[
                {field:'productid',title:'产品',width:100},
                {field:'type',title:'可编辑区域',width:200,
                formatter: function(value,row,index){
                        if (row.type == "checkbox"){
                            return '<select id="cc" class="easyui-combobox" name="dept" style="width:200px;"><option value="aa">aitem1</option><option>bitem2</option><option>bitem3</option></select>';
                        } else if (row.type == "text"){
                            return value;
                        }else if(row.type == "number"){
                            return '<input type="text" class="easyui-numberbox" value="100" data-options="min:0,precision:2">';
                        }else{
                            return "ERROR";
                        }
                    }
                }
            ]]
        });
    </script>
</body>
</html>

以下是该实例所用到的数据，datagrid_data1.json:

{"total":3,"rows":[
    {"productid":"彩电","type":"checkbox"},
    {"productid":"冰箱","type":"text"},
    {"productid":"洗衣机","type":"number"}
]}

转载仅供参考，版权属于原作者。祝你愉快，满意请采纳哦


本回答被提问者和网友采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

威孚半导体技术
2024-08-19 广告

威孚（苏州）半导体技术有限公司是一家专注生产、研发、销售晶圆传输设备整机模块（EFEM/SORTER）及核心零部件的高科技半导体公司。公司核心团队均拥有多年半导体行业从业经验，其中技术团队成员博士、硕士学历占比80%以上，依托丰富的软件底层... 点击进入详情页

本回答由威孚半导体技术提供

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

EasyUi Datagrid 中怎样动态的改变 editor的Type

其他类似问题

为你推荐：