easyUi datagrid

最新推荐文章于 2024-04-13 07:06:41 发布

document_ljt

最新推荐文章于 2024-04-13 07:06:41 发布

阅读量582

点赞数

CC 4.0 BY-SA版权

分类专栏： easyui

本文链接：https://blog.youkuaiyun.com/document_ljt/article/details/81974952

easyui 专栏收录该内容

2 篇文章

订阅专栏

创建一个div id为dg

用jquery获取div

const dg=$('#dg‘)

dg.datagrid({

loader: async (param, success, error) => {

console.log(param);

$.ajax({

url:"http://localhost:8280/test/C/List", //接口路径

method:"get",

success(res){

res 为ajax获取到的数据

success(res) //此处为datagrid 显示数据

}

})

//下面内容为标题

field必须与获取到数据内容字段对应才能显示出title 姓名

columns: [[

{

field: "name",

title: "姓名",

width: 110,

resizable: true,//调整尺寸

]],

注ajax获取到数据格式为 total为总条数才可以排序标题字段 field ：name 与数据字段 name相对应

{"total":2051,"rows":[{"id":"0028702f82644399ad2cc9aa75ac0047","name":"张318","age":318,"text":null},{"id":"00465f345423415ba56ce23218f6755b","name":"张423","age":423,"text":null},{"id":"004a61a6ace3492c8edde78749d4e148","name":"张160","age":160,"text":null},{"id":"006295489c024f7d9ab017c35eb7bf65","name":"张334","age":334,"text":null},{"id":"00811e13c35d4d0c9c127af4f45da97c","name":"张264","age":264,"text":null},{"id":"00b593505ab1476b97bc33303099d04c","name":"张369","age":369,"text":null},{"id":"00e6f87f15af480b9875afbe24d4e307","name":"张483","age":483,"text":null},{"id":"0101edc139414943aca5776f6eb0cdb5","name":"张77","age":77,"text":null},{"id":"011791606625452f85878c16c9b30981","name":"张328","age":328,"text":null},{"id":"0149647bce344c81876b60de795afca2","name":"张390","age":390,"text":null},{"id":"0155d6bda9514261a8ecda97b528acc0","name":"张154","age":154,"text":null},

]}