0
点赞
收藏
分享

微信扫一扫

Easyui实现Datagrid中每行添加操作按钮

三千筱夜 2022-03-11 阅读 89

业务需求:在Datagrid的每行中添加一个链接按钮,通过点击按钮对每行数据进行处理。


 先上效果图

上代码 

HTML代码

<table id="dg"></table>

JS代码

$('#dg').datagrid({
            columns:[
                [
                    {field:'code',title:'Code',width:100},
                    {field:'name',title:'Name',width:100},
                    {field:'price',title:'Price',width:100,
                        formatter:function(value, row, index){
                            var str = '<a href="#" name="opera" class="easyui-linkbutton"></a>';
                            return str;
                        }
                    }
                ]
            ],
            onLoadSuccess: function (){
                $("a[name='opera']").linkbutton({text:'删除',iconCls:'icon-remove'});
            }
        });

 总结

欢迎大家点赞、收藏、关注、评论啦!!!

举报

相关推荐

0 条评论