datagrid中如何实现分组显示

合理定义变量

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

阅读量264

点赞数

文章标签： html 前端 javascript

本文链接：https://blog.csdn.net/weixin_44282801/article/details/126587831

版权

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>

展示效果