easyUI —— 父表格加载子表格

最新推荐文章于 2023-07-31 10:07:41 发布

wei_aiwan

最新推荐文章于 2023-07-31 10:07:41 发布

阅读量3.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端技术 easyUI代码收录文章标签： easyui加载子表格 easyui点击生成子表格

本文链接：https://blog.youkuaiyun.com/han_xiaoxue/article/details/79916230

本文主要介绍如何使用easyUI JavaScript库来实现在父表格中点击加载子表格的功能，详细讲解关键的JS代码实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这里写图片描述

由于之前的文章详细些了jsp/controller的写法，此文忽略。只写js
##JS

var isShow = false;
$(function(){
   
   
	index.init();
})
var index = {
   
   
	init:function(){
   
   
		index.doSearch();
	},
	doSearch:function(){
   
   
		$("#product").datagrid({
   
   
//			var param = sy.serializeObject($("#productfrom"));获取参数（下拉选条件等）
//			queryParams:param,传参数
			columns:[[
			         {
   
   	field :'check',checkbox : true,sortable : false,width:'7%'},//选择框（小方块）
                      {
   
   field:'matter',title:'待办范围',width:"15%",align:'center'},
                      {
   
   field:'content',title:'待办内容',width:"15%",align:'center'},
                      {
   
   field:'insertTime',title:'提交时间',width:"15%",align:'center'},
                      {
   
   field:'insertUserName',title:'提交人',width:"15%",align:'center'},
                      {
   
   field:'state',title:'处理状态',width:"15%",align:'center'},
                      {
   
   field:'caozuo',title:'操作',width:"15%",align:'center',formatter:function(value,row,index){
   
   
                    	  var str = '<a href="#" onclick="showTeamPeriod(\''+index+'\',\''+row.state+'\',true,\''+row.dbid+'\')">▼ 团期管理</a>';  
              	          return '<br>'+str;
              	      }},
                      {
   
   field:'dbid',title:'dbid',hidden:true}
                    	
             ]],
             rownumbers:true,
             autoRowHeight:true,
             striped:true,
             nowrap:false,
             fit:false,
             checkOnSelect:false,
             loadMsg:'加载中 请稍后...',
             pagination:true,
             pageList:[2,10,15,20],
             pageNumber:1,
             url:contextPath+'/orderCommission/selectAgencyOrderTeamList.do?permission_Key='+permissionKey+'&state=1234567890099',
             loadFilter:function(data){
   
   //显示数据并分页
                  datas = {
   
   'total':0 , 'rows':[]};
                 if(data.succ){
   
   
                	 datas.total = data.data.total;
                     datas.rows = data.data.list;
                 }else{
   
   
                     $.messager.alert("错误提示",data<