Easyui Datagrid 数据网格---我的使用

最新推荐文章于 2023-04-27 08:28:38 发布

eag1eX

最新推荐文章于 2023-04-27 08:28:38 发布

阅读量1.1k

点赞数 1

分类专栏：工作所学文章标签： easyui datagrid

本文链接：https://blog.csdn.net/eag1eX/article/details/60340410

版权

工作所学专栏收录该内容

9 篇文章 0 订阅

订阅专栏

使用方法

1.在HTML中加入一个空table（这只是其中一种方法）

<table id="tableId"></table>

2.在js中调用

<script>
    $("#tableId").datagrtid({
        /*在这里进行初始化*/

    });
</script>

3.花括号中对table进行初始化，之中有很多属性网上能查到这里不就详细描述每个属性的意义和作用了，不过需要注意的是column属性是由两个中括号把中间的内容扩起来的（“[[ ]]”）比较容易出错，重点讲一下我迷惑了几个小时的formatter属性。

formatter

formatter是column中的一个属性

示例：

$("tableId").datagrid({
    title:'示例1',
    url:'cn.com.xxx/web/xxx.do'
    column:[[
        {field:'id',title:'编号',width:50px,
            formatter:function(value,row,index){
                /*这里写你要做的事情*/               
            }
        }
    ]]
});

解释一下formatter中3个参数，这3个参数可以随意命名不一定要这样命名。
value:当前字段的值
row:行对象包含了一行的数据
index:索引