怎么把数据库中的数据通过jquery easyui datagrid进行绑定绑定

Posted 2023-04-20

参考技术A 先将查询到的数据付给一个DataTable里面，然后定义一个string results=null; 之后采用数据拼接的形式 将数据拼接成一个 json的格式即可，最后采用 response.write(result);就可以了 参考技术B 啥意思啊 什么版定啊 easyui datagrid 要么连接一个json文件 或者一个json对象数组 要么就是远程加载一个连接 返回一个json对象数组追问

就是要把数据库中的数据绑定到datagrid中的表中！

追答

$('#datagrid').datagrid($.extend(, baseGrid() ,
width : width() - parentW_submenuW - parentW_left,
height : height - parentH_Top,
url : an + '_query.do',
toolbar : null,
singleSelect : true, //只允许选择一项
columns : cols,
frozenColumns : [ [
field : 'btn',
title : '操作',
width : 100,
formatter : function(v, rec)
return ''
+ ''
+ ''
+ ''
+ '';

] ],
queryParams : parmas()
));
上面是页面初始化时初始化easyui datagrid控件 并且加载远程url返回的数据填充到自定义的datagrid控件

var cols = [ [
field : 'id',
title : "ID",
width : 60,
sortable : true
,
field : 'name',
title : "文档名称",
width : 180,
sortable : true
,
field : 'folderName',
title : "所属文件夹",
width : 80,
sortable : true
,
field : 'fileType',
title : "文档类型",
width : 60,
sortable : true
,
field : 'size',
title : "文件大小",
width : 60,
hidden : true
,
field : 'createTime',
title : "上传时间",
width : 140,
sortable : true
,
field : 'modifyTime',
title : "修改时间",
width : 140,
sortable : true
,
field : 'createUserName',
title : "上传者人",
width : 80,
sortable : true
,
field : 'modifyUserName',
title : "修改人",
width : 80,
sortable : true
] ];
上面代码是初始化datagird的columns 属性

本回答被提问者采纳

jquery easyui怎么实现前后台数据的交互

easyUI基本都是通过ajax发送地址到后台进行数据的交互的
比如使用datagrid列表，做法如下：
<div id="dg"></div>
jq：
$("#grid").datagrid( //datagrid插件的用法
url: "/Log/GetLogData", //发送地址进行数据获取
title: "日志列表",
iconCls: "icon-view",
width: 1000,
queryParams: queryData,
pagination: true,
pageSize: 15,
pageList: [15, 30, 50],
rownumbers: true,
columns: [[

field: 'ck',
checkbox:true,
,
title: '日志内容',
field: 'logContent', //这里字段必须和返回的sql数据名一致
width: 300
,
title: '日志添加时间',
field: 'logTime',
width:150
,
title: 'IP',
field: 'IP',
width:100

]]
);


后端：
public ActionResult GetLogData()
return Json(xxx); //注意datagrid返回的是json格式的。

参考技术A easyui的各个插件跟后台通讯一般来说使用url参数，复杂的可以自己写ajax，并且有些插件还提供类似load，reload之类的方法来载入数据，查看一下文档吧本回答被提问者和网友采纳 参考技术B 通过ajax。