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

业务需求：在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'});
            }
        });

 总结

1. 最为重要的是onLoadSuccess事件，这一步不可少。

2. text控制按钮内的文本信息。

3. iconCls可以根据自己的业务需求设置合适的按钮样式

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