easyui datagrid 行数据添加操作按钮

最新推荐文章于 2022-03-04 15:04:32 发布

yqj234

最新推荐文章于 2022-03-04 15:04:32 发布

阅读量488

点赞数

分类专栏： EASYUI

本文链接：https://blog.csdn.net/yqj234/article/details/107469674

版权

EASYUI 专栏收录该内容

15 篇文章 1 订阅

订阅专栏

1、给datagrid添加操作字段：字段值

<table class="easyui-datagrid" data-options="singleSelect:true,collapsible:true,url:'publish.json',method:'get',fit:true" 
                style="width: 700px; height: 250px">
                <thead>
                    <tr>
                        <th data-options="field:'itemid',width:'10%',align:'center'">序号</th>
                        <th data-options="field:'productid',width:'15%',align:'center'">标题</th>
                        <th data-options="field:'listprice',width:'15%',align:'center'">信息类型</th>
                        <th data-options="field:'unitcost',width:'15%',align:'center'">附件情况</th>
                        <th data-options="field:'attr1',width:'15%',align:'center'">发布时间</th>
                        <th data-options="field:'status',width:'15%',align:'center'">发布状态</th>
                        <th data-options="field:'operate',width:'15%',align:'center',formatter:operate_formatter">操作</th>
                    </tr>
                </thead>
            </table>

2、javascript实现：

<script type="text/javascript">
         function operate_formatter(value, row, index) {
             return "<a href='#' class='easyui-linkbutton'>编辑</a>/\
             <a href='#' class='easyui-linkbutton'>查看</a>/\
             <a href='#' class='easyui-linkbutton'>删除</a>";
         }
    </script>