New to Kendo UI for jQuery? Start a free 30-day trial

ImageBrowser.schema.model.fields

configuration

Defines the field mappings for the image browser data model. This configuration specifies which fields in the server response contain the name, type, and size information for files and directories. The fields object allows you to map the server data structure to the expected properties that the image browser uses to display and manage files. Each field can be configured as either a string (field name) or an object with additional parsing options.

imageBrowser.schema.model.fields

Object

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
    tools: ["insertImage"],
    imageBrowser: {
        schema: {
            model: {
                fields: {
                    name: "Name",
                    type: "Type",
                    size: "Size"
                }
            }
        }
    }
});
</script>

imageBrowser.schema.model.fields.name

Object|String

The field which contains the name of the image/directory

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
    tools: ["insertImage"],
    imageBrowser: {
        schema: {
            model: {
                fields: {
                    name: { field: "FileName" }
                }
            }
        }
    }
});
</script>

imageBrowser.schema.model.fields.size

Object|String

The field which contains the size of image.

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
    tools: ["insertImage"],
    imageBrowser: {
        schema: {
            model: {
                fields: {
                    size: { field: "Size" }
                }
            }
        }
    }
});
</script>

imageBrowser.schema.model.fields.type

Object|String

The field which contains the type of the entry. Either f for image or d for directory.

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
    tools: ["insertImage"],
    imageBrowser: {
        schema: {
            model: {
                fields: {
                    type: { field: "Type" }
                }
            }
        }
    }
});
</script>

ImageBrowser.schema.model.fields

imageBrowser.schema.model.fields

imageBrowser.schema.model.fields.name

imageBrowser.schema.model.fields.size

imageBrowser.schema.model.fields.type

Related Members