jQuery easyui datagrid 如何在动态增加了列之后进行刷新?

jQuery easyui datagrid 如何在动态增加了列之后进行刷新?,第1张

//使用选择器重新对该datagrid赋columns,前台界面便会多出想要的表头,如果要保留原来的表头,只需要拿到原来的columns,动态push进去就好了,它是个数组,需要注意是数组的第一个 也就是newColumns[0].push({...})并且添加完成后(这里是手写的),也会自动更新相应字段,亲测成功

$('#tt').datagrid({

columns:[[

{field:'itemid',title:'Item ID',width:80},

{field:'productid',title:'Product ID',width:80},

{field:'listprice',title:'List Price',width:80,align:'right'},

{field:'unitcost',title:'Unit Cost',width:80,align:'right'},

{field:'attr1',title:'Attribute',width:100},

{field:'status',title:'Status',width:60}

]]

})

因为EasyUI DataGrid只要取出后台传过来的一定格式的JSON数据,就可以在前台页面数据表格中,以一定形式显示数据库中的数据。此处,我们使用Struts2框架整合DataGrid,实现数据的显示。

一、页面内容

为了在页面中显示数据库中字段内容,需要定义一个table,通过EasyUI内部设计,自动显示数据,如下:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%@ taglib prefix="s" uri="/struts-tags" %>

<%

String path = request.getContextPath()

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11555560.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-17
下一篇2023-05-17

发表评论

登录后才能评论

评论列表(0条)

    保存