低代码编程实现关联表和动态列

最新推荐文章于 2026-07-04 16:41:10 发布

原创最新推荐文章于 2026-07-04 16:41:10 发布 · 378 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

GEO检测

本文详细描述了如何使用动态列和关联表构建一个具有层次结构的菜单系统，涉及网格、工具条组件的配置，包括子菜单的定义、数据关联、分类查询、列宽设置以及统计功能的实现。

动态列和关联表

视频全部源码如下：

new _.层([["chofo",{左:100,上:48}]]);
/*第一步：定义主菜单*/
new _.工具条(["学校","教职工","学生","课程","培养计划","教学计划"],{输出:"chofo_top",数字名称:true,路径:"sico/"});
/*第二步：定义子菜单*/
new _.工具条([["学校","学院","系","专业","楼栋","教室"],
	["教职工","教研室","职称","教师职务","教师","党建活动"],
	["学生","班级","学生职务","学生","奖励记录","处罚种类","处罚记录"],
	["课程","教材","课程种类","课程","课程群","领用单"],
	["培养计划","培养目标","课程列表"],
	["教学计划","开课记录","结课记录","教学文件","教学视频","教学目标"]],
	{输出:"chofo_top",数字名称:true,路径:"sico/",子菜单:{高:64,宽:100}}
);

/*第三步：定义子菜单事件*/
var t_student_grid=[["序列","姓名","性别","手机号","地址"]];
$.学生={属性:[["姓名","st_name"],
	["性别","st_set",{类型:"select",默认值:[["男"],["女"]]}],
	["手机号","st_phone"],
	["地址","st_addr"],
	_.序列("sms.st_id")]};
$.学生.参数={代号:"st",表名称:"t_student",编辑:$.学生.属性,输出:"chofo_center",保存:true};
$.工具条.学生={
	学生:function(){
		$.学生网格=new _.网格(t_student_grid,$.学生.参数);
	}
};
/*第四步：设置分类查询*/
$.学生.参数.分类=2;$.学生.参数.内容位置="bottom";

/*第五步：增加关联表*/
var t_subject_grid=[["序列","专业"],["1","软件专业"],["2","硬件专业"],["3","市场专业"]];
$.专业={属性:[["专业","sj_name"],_.序列("sms.sj_id")]};
t_student_grid[0][5]="所属专业";
$.学生.属性.splice(5,0,["所属专业","dp_id",{类型:"select",默认值:"t_subject_grid"}]);
$.工具条.学校={
	专业:function(){
		$.专业网格=new _.网格(t_subject_grid,
			{代号:"t_subject",编辑:$.专业.属性,输出:"chofo_center",保存:true}
		);
	}
};

/*第六步:设为多分类查询*/
$.学生.参数.分类=[2,5];
$.学生.参数.内容位置=["bottom","right"];

/*第七步:设置列宽*/
$.学生.参数.列宽=[40,60,40];

/*第八步:增加统计*/
t_student_grid[0][6]="学费";
$.学生.属性.splice(6,0,["学费","st_fee",{类型:"number",默认值:1000}]);
$.学生.参数.统计=[6];