当前位置: 首页 > 工具软件 > jQuery MiniUI > 使用案例 >

jQuery MiniUI中renderer(渲染器)功能

夏和雅
2023-12-01

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来表示
出生日期,婚否可以格式显示的转换

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

 类似资料: