miniui动态生成列

最新推荐文章于 2024-04-30 14:35:50 发布

原创

最新推荐文章于 2024-04-30 14:35:50 发布 · 5.3k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#miniui #动态 #列 #js #前端

本文档记录了使用MiniUI框架进行前端开发时，如何动态生成表格列的需求。在企业级Web应用中，由于需要统计不同部门的物品领取情况，表格的列需要根据选择的部门动态变化。通过HTML表格和JavaScript初始化，实现了这一功能。尽管MiniUI的文档不够详尽且为收费产品，但官方示例提供了帮助。建议开发者结合官方例子进行实践，以适应框架的版本更新。

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

前言

MINIUI是一款优秀的JS前端web框架，提供丰富、强大控件库，能快速开发企业级Web应用软件。（百度百科）
但是MiniUi的文档个人感觉不是特别详细，但是官方也在逐渐完善，最大的问题是MiniUi是收费的。
公司就是购买的MiniUi作为前端框架进行开发的，最近遇到一个需求，使用了动态生成列，这里记录一下。

正文

需求：需要对各部门领取的各物品进行统计，表格展示，行展示各物品，列展示各部门。然后有一个所有部门的多选按钮组，根据选择的部门，统计对应部门的领取的物品，展示在表格。大概是这样的：
在这里插入图片描述

动态添加列,其实很简单：
html表格：

 <div id="datagrid" class="mini-datagrid" style="width:700px;height:280px;"
        url="..拿到数据.."
        allowCellEdit="true"allowCellSelect="true" >
  </div>

js初始化列：