关于如何在使用easyui的时候添加一个操作列的问题

Posted 头发浓密似羊毛

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于如何在使用easyui的时候添加一个操作列的问题相关的知识,希望对你有一定的参考价值。

首先分为不同的情况:在这里只介绍使用的是datagrid数据网格的列属性来添加操作列的方法:

就是跟普通的列属性的使用时一样的,当我们要想在每一行都增加一个操作列的时候就需要增加一个列属性:代码如下:

{field:\'operate\',title:\'操作\',align:\'center\',width:$(this).width()*0.1,
                formatter:function(value, row, index){
                    var str = \'<a href="#" name="opera" class="easyui-linkbutton" ></a>\';
                    return str;
                }
            },

这里只是给每一行都增加了一个操作列,但是并没有按钮的修饰;按钮修饰代码如下:

onLoadSuccess:function(data){  
            $("a[name=\'opera\']").linkbutton({text:\'家庭成员\',plain:true,iconCls:\'icon-add\'});  
        },

而且这行代码一定要添加在列属性的后面,否则没有效果

效果图如下:

以上是关于关于如何在使用easyui的时候添加一个操作列的问题的主要内容,如果未能解决你的问题,请参考以下文章

关于easyui的问,我包没有导错,我及html形式都能显示dialog,为啥我用javascrpt方式就显示不出来呢?

easyui datagrid 动态加入移除editor

求教easyui datagrid如何动态生成列

easyUI的datagrid每行数据添加操作按钮的方法

关于jquery easyui的datagrid组件,如何动态加载表头及其数据

关于JavaMail 使用QQ邮箱发送邮件的问。