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

简介: EasyUI的datagrid每行数据添加操作按钮的方法


  1. 在js声明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;  
  }
} 

这行代码是在columns属性下定义的,而且一定要加上这个代码

onLoadSuccess:function(data){    
  $("a[name='opera']").linkbutton({text:'下订单',plain:true,iconCls:'icon-add'});  
}, 

如果不加这个,那个操作列就不会出现按钮的样式,只是一个超链接,用linkbutton或者其他按钮的可以根据需求改编


相关文章
Easyui datagrid 编辑结束时combobox显示value而不显示text
Easyui datagrid 编辑结束时combobox显示value而不显示text
EasyUI中datagrid的行编辑模式中,找到特定的Editor,并为其添加事件
EasyUI中datagrid的行编辑模式中,找到特定的Editor,并为其添加事件
353 0
50EasyUI 树形菜单- 使用标记创建树形菜单
50EasyUI 树形菜单- 使用标记创建树形菜单
49 0
|
JavaScript 测试技术 Python
Easyui datagrid 实现表格记录拖拽
Easyui datagrid 实现表格记录拖拽
198 0
|
JSON 前端开发 JavaScript
小记录 单选框的注意点 html中字符串拼接 el-upload手动上传 表格跳转 v-for动态添加背景色 控制label标签于文本框之间的间距
小记录 单选框的注意点 html中字符串拼接 el-upload手动上传 表格跳转 v-for动态添加背景色 控制label标签于文本框之间的间距
easyui datagrid如何获取到每行的文本框
    在return ''; 前加一个隐藏的input 放置选择值 id 根据row.id来设置 然后保存的时候 这样写 var rows = $("#datagrid").datagrid("getRows"); for(i in rows){   var value = $("#input_"+rows[i]["id"]).
1049 0
|
JavaScript
easyui-datagrid列的数据内容过长自动换行
在datagrid中添加一句,DataGrid属性中的nowrap:false。 (默认为true)。     JS文件: $('#_main_table').datagrid({ method:'get', ...
2794 0