jQuery MiniUI中renderer(渲染器)功能

迷总

已于 2022-07-25 11:45:56 修改

阅读量1.2k

点赞数 2

文章标签： jquery

于 2022-07-25 10:39:34 首次发布

本文链接：https://blog.csdn.net/qq_43243673/article/details/125970043

版权

jQuery MiniUI中renderer(渲染器)功能

<div header="基本信息">
                <div property="columns">
                    <div field="gender" width="100" renderer="onGenderRenderer">性别</div>
                    <div field="age" width="100" allowSort="true">年龄</div>
                    <div field="birthday" width="100" renderer="onBirthdayRenderer">出生日期</d>
                    <div field="married" width="100" align="center" renderer="onMarriedRenderer">婚否</div>
                    <div field="email" width="100">邮箱</div>
                </div>
            </div>

function onBirthdayRenderer(e) {
            var value = e.value;
            if (value) return mini.formatDate(value, 'yyyy-MM-dd');
            return "";
        }
        function onMarriedRenderer(e) {
            if (e.value == 1) return "是";
            else return "否";
        }
        var Genders = [{ id: 1, text: '男' }, { id: 2, text: '女'}];        
        function onGenderRenderer(e) {
            for (var i = 0, l = Genders.length; i < l; i++) {
                var g = Genders[i];
                if (g.id == e.value) return g.text;
            }
            return "";
        }

在数据里中像是性别，出生日期，婚否可以通过渲染器进行转换来显示自己想现实的内容
性别男女可以用10来表示
出生日期，婚否可以格式显示的转换

(--------------------------------仅限个人理解-------------------------------)