datagrid中如何实现分组显示

合理定义变量

于 2022-08-29 16:52:19 发布

阅读量370

点赞数

CC 4.0 BY-SA版权

文章标签： html 前端 javascript

本文链接：https://blog.youkuaiyun.com/weixin_44282801/article/details/126587831

本文提供了一个HTML和JavaScript结合使用的示例代码，展示了如何通过JS动态设置HTML中div元素的内容，并实现了一些基本的交互功能。

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

HTML代码

注意第一行div中的ondrawgroup="onDrawGroup"

<div id="Construction_Subcontract_List" class="mini-datagrid" idfield="Id" ondrawgroup="onDrawGroup">
    <div property="columns">
        <div type="indexcolumn" width="30" allowsort="true">序号</div>
        <div field="ListItem">检查清单</div>
        <div field="ListStyle">清单类型</div>
    </div>
</div>

JS代码

<script type="text/javascript">
        var PowerForm = new WebForm();
        $(function () {
            PowerForm.Init();
        });
        mini.parse();

        function getGenderText(id) {
            return id;
        };
        function onGenderRenderer(e) {//看自己的需求是否添加这个事件
            return getGenderText(e.value);
        };
        function onDrawGroup(e) {
            e.cellHtml = getGenderText(e.value);
        };
</script>

展示效果