EasyUI动态加载button按钮

EasyUI动态加载Datagrid按钮解析

最新推荐文章于 2024-04-08 08:50:19 发布

原创

最新推荐文章于 2024-04-08 08:50:19 发布 · 3.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#函数 #easyui #datagrid

这篇博客介绍了如何在EasyUI的Datagrid中实现动态加载button按钮。当表格获取新行时，会重新加载表格并动态添加按钮。内容包括一行datagrid数据的展示和动态加载的简单说明。

前言

动态加载的意思是我们每当表格获取新行的时候我们都会重新加载我们的表格然后动态的添加我们的button按钮。下面我为大家解答一下代码，其实很简单

这是我们的一行datagrid数据，用于动态的显示在我们的前台

//formatter.btnDetailed标识我们要格式化这个函数 {field: 'OPERATE', title: '操作', width: 100, align: "center", formatter: btnDetailed }

function btnDetailed(value, rowData, rowIndex) {
   
   
//如果我们得到的数据类型为字符串
    if (typeof rowData.OPERATE== "string") {
    //那么我们就返回一个button按钮，他的样式都在class里，名字叫做value
        return