<?php viewLoad('public/header'); ?>
<script src="<?=Mvc::$cfg['staticUrl']?>/js/lib/dxGrid.js"></script>

<div id="attrTypeGrid"></div>

<script>
$(function () {
    createDxGrid('#attrTypeGrid', {
        host: APP.HOST + '/attrType',
        key: 'attr_type_id',
        columns: [
            { dataField: 'attr_type_id',         caption: 'ID',        width: 60,  allowEditing: false },
            { dataField: 'attr_type_code',        caption: '<?=lg('标识码')?>', width: 120 },
            { dataField: 'attr_type_cn_name',     caption: '<?=lg('中文名称')?>' },
            { dataField: 'attr_type_en_name',     caption: '<?=lg('英文名称')?>' },
            { dataField: 'attr_type_is_tree',     caption: '<?=lg('树型')?>', dataType: 'boolean', width: 70 },
            { dataField: 'attr_type_use_code',    caption: '<?=lg('用编码')?>', dataType: 'boolean', width: 80 },
            { dataField: 'attr_type_sort',        caption: '<?=lg('排序')?>', dataType: 'number', width: 80 },
            {
                dataField: 'attr_type_ext_schema',
                caption: '<?=lg('扩展字段Schema（JSON）')?>',
                visible: false,
                formItem: {
                    editorType: 'dxTextArea',
                    editorOptions: { height: 200, placeholder: '[\n  {\n    "group": "g1",\n    "caption": "分组标题",\n    "items": [\n      {"type":"integer", "caption":"整数字段", "field":"qty",    "required":1, "min":0, "max":9999},\n      {"type":"number",  "caption":"数字字段", "field":"rate",   "required":1, "min":0},\n      {"type":"text",    "caption":"文本字段", "field":"remark", "required":0, "minLength":0, "maxLength":200},\n      {"type":"checkbox","caption":"开关字段", "field":"flag",   "required":0}\n    ]\n  }\n]' }
                }
            }
        ],
        toolbar: { batchSearch: false, import: false }
    });
});
</script>

<?php viewLoad('public/footer'); ?>
