easyui源码（easyui商业版）

售微星二开源码
treegrid.html HTMLcode<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"> <title>jQueryEasyUI</title> <linkrel="stylesheet"type="text/css"href="../themes/default/easyui.css"> <linkrel="stylesheet"type="text/css"href="../themes/icon.css"> <scripttype="text/javascript"src="../jquery-1.4.2.min.js"></script> <scripttype="text/javascript"src="../jquery.easyui.min.js"></script> <script> $(function(){ $('#test').treegrid({ title:'TreeGrid', iconCls:'icon-save', width:500, height:350, nowrap:false, rownumbers:true, animate:true, collapsible:true, url:'treegrid_data.json', idField:'code', treeField:'code', pagination:true, frozenColumns:[[ {title:'code',field:'code',width:150} ]], columns:[[ {field:'name',title:'Name',width:120}, {field:'addr',title:'Address',width:120,rowspan:2}, {field:'col4',title:'Col41',width:150,rowspan:2} ]], onBeforeLoad:function(row,param){ if(row){ $(this).treegrid('options').url='treegrid_subdata.json'; }else{ $(this).treegrid('options').url='treegrid_data.json'; } } }); }); functionreload(){ $('#test').treegrid('reload'); } functiongetChildren(){ varnode=$('#test').treegrid('getSelected'); if(node){ varnodes=$('#test').treegrid('getChildren',node.code); }else{ varnodes=$('#test').treegrid('getChildren'); } vars=''; for(vari=0;i<nodes.length;i++){ s+=nodes[i].code+','; } alert(s); } functiongetSelected(){ varnode=$('#test').treegrid('getSelected'); if(node){ alert(node.code+":"+node.name); } } functioncollapse(){ varnode=$('#test').treegrid('getSelected'); if(node){ $('#test').treegrid('collapse',node.code); } } functionexpand(){ varnode=$('#test').treegrid('getSelected'); if(node){ $('#test').treegrid('expand',node.code); } } functioncollapseAll(){ $('#test').treegrid('collapseAll'); } functionexpandAll(){ $('#test').treegrid('expandAll'); } functionexpandTo(){ $('#test').treegrid('expandTo','02013'); $('#test').treegrid('select','02013'); } </script> </head> <body> <h1>TreeGrid</h1> <divstyle="margin:10px;"> <ahref="#"onclick="reload()">reload</a> <ahref="#"onclick="getChildren()">getChildren</a> <ahref="#"onclick="getSelected()">getSelected</a> <ahref="#"onclick="collapse()">collapse</a> <ahref="#"onclick="expand()">expand</a> <ahref="#"onclick="collapseAll()">collapseAll</a> <ahref="#"onclick="expandAll()">expandAll</a> <ahref="#"onclick="expandTo()">expandTo</a> </div> <tableid="test"></table> </body> </html>
2021-02-22 02:45:01

515680997
后台返回 datagrid_data.json ；给个spring mvc 的例子供参考：package zjgs.eai.controller;import org.apache.commons.logging.Log;import org.apache.commons.logging.LogFactory;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.stereotype.Controller;import org.springframework.ui.ModelMap;import org.springframework.web.bind.annotation.ModelAttribute;import org.springframework.web.bind.annotation.RequestMapping;import org.springframework.web.bind.annotation.RequestMethod;import zjgs.comm.PageForDataGrid;import zjgs.eai.command.QuerySpErrorCommand;import zjgs.eai.service.EaiService;import javax.servlet.http.HttpServletRequest;@Controllerpublic class QuerySpErrorController { protected final Log logger = LogFactory.getLog(getClass()); @Autowired private EaiService eaiService; public EaiService getEaiService() { return eaiService; } //初始化 JSP 页面 @RequestMapping(value = "/eai/querySpError.htm", method = RequestMethod.GET) public String initPage(HttpServletRequest request) { request.setAttribute("querySpErrorCommand", new QuerySpErrorCommand()); return "eai/querySpError"; } //查询---返回对应的信息 @RequestMapping(value = "/eai/querySpSpxxByNsrsbh.json", method = RequestMethod.POST) public String getDataSetSpxx(@ModelAttribute("pojo") QuerySpErrorCommand querySpErrorCommand, ModelMap modelMap) { PageForDataGrid pageForDataGrid = new PageForDataGrid( this.getEaiService().getSpxxByXtsphm(querySpErrorCommand.getXtsphm()), 1, 100, modelMap ); pageForDataGrid.setDataGrid(); return "querySpSpxxByXtsphm.json"; } //查询---返回数据逻辑错误的日志信息 @RequestMapping(value = "/eai/querySpError.json", method = RequestMethod.POST) public String getDataSetErrorLog(@ModelAttribute("pojo") QuerySpErrorCommand querySpErrorCommand, ModelMap modelMap) { PageForDataGrid pageForDataGrid = new PageForDataGrid( this.getEaiService().getErrorLogByXtsphm(querySpErrorCommand.getXtsphm()), 1, 100, modelMap ); pageForDataGrid.setDataGrid(); return "querySpError.json"; }}
2021-02-11 19:36:35

至深科技
easyui 的rowspan colspan跨行跨列怎么不管用啊,代码写错了呗上代码……easyui columns [[第一行],[第二行],[第三行]……] 每行field宽度要控制好否则也是显示有错
2021-02-11 19:36:35