Ejemplos de javascript::garbageCollector en PHP

Ejemplo n.º 1

Archivo: KendoUiDatePicker.class.php Proyecto: helmutkemper/KendoUI

 /**
 * Specifies the selected date.
 * @var $dataAX[ 'value' ]: ( Date ) ( default: null )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/datepicker#configuration-value
 * 
 * @code
   Example
    <input id="datepicker" />
    <script>
    $("#datepicker").kendoDatePicker({
        value: new Date(2011, 0, 1)
    });
    </script>
 * @endcode
 * @throws string type error
 */
 public function value($dataAX)
 {
     if (!is_string($this->outputCStr)) {
         $this->outputCStr = '';
     }
     $dataAX = array("value" => $dataAX);
     if (is_array($dataAX['value'])) {
         $dateAsString = "";
         if (isset($dataAX['value']["Year"])) {
             $dateAsString .= "{$dataAX['value']["Year"]}, ";
         }
         if (isset($dataAX['value']["Month"])) {
             $dateAsString .= "{$dataAX['value']["Month"]}, ";
         }
         if (isset($dataAX['value']["Day"])) {
             $dateAsString .= "{$dataAX['value']["Day"]}, ";
         }
         if (isset($dataAX['value']["Hour"])) {
             $dateAsString .= "{$dataAX['value']["Hour"]}, ";
         }
         if (isset($dataAX['value']["Minute"])) {
             $dateAsString .= "{$dataAX['value']["Minute"]}, ";
         }
         if (isset($dataAX['value']["Second"])) {
             $dateAsString .= "{$dataAX['value']["Second"]}";
         }
         $dateAsString = "new Date ({$dateAsString});";
         parent::addData("value", $dateAsString);
         unset($dataAX['value']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['value'])) {
             throw new Exception("Type error - KendoUiDatePicker::value ( \$data[ 'value' ] type must be 'Date'");
         }
     }
 }

Ejemplo n.º 2

Archivo: KendoUiContextMenu.class.php Proyecto: helmutkemper/KendoUI

 /**
 * Specifies the element on which ContextMenu should open. The default element is the document body.
 * @var $dataAX[ 'target' ]: ( String | jQuery ) ( default: "body" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/contextmenu#configuration-target
 * 
 * @code
   Show the ContextMenu on element with ID target
    <div id="target">Target</div>
    <ul id="context-menu">
        <li>Item 1
            <ul>
                <li>Sub Item 1</li>
                <li>Sub Item 2</li>
                <li>Sub Item 3</li>
            </ul>
        </li>
        <li>Item 2
            <ul>
                <li>Sub Item 1</li>
                <li>Sub Item 2</li>
                <li>Sub Item 3</li>
            </ul>
        </li>
    </ul>
    <script>
        $("#context-menu").kendoContextMenu({
            target: "#target"
        });
    </script>
 * @endcode
 * @throws string type error
 */
 public function target($dataAX)
 {
     if (!is_string($this->outputCStr)) {
         $this->outputCStr = '';
     }
     $dataAX = array("target" => $dataAX);
     if (is_string($dataAX['target'])) {
         parent::addData("target", $dataAX['target']);
         unset($dataAX['target']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['target'])) {
             throw new Exception("Type error - KendoUiContextMenu::target ( \$data[ 'target' ] type must be 'String' | 'jQuery'");
         }
     }
 }

Ejemplo n.º 3

Archivo: KendoUiDropTarget.class.php Proyecto: helmutkemper/KendoUI

 /**
 * Used to group sets of draggable and drop targets. A draggable with the same group value as a drop target will be accepted by the drop target.
 * @var $dataAX[ 'group' ]: ( String ) ( default: "default" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/droptarget#configuration-group
 * 
 * @code
   Example
    <div class="orange"></div>
    <div class="orange"></div>
    <div class="purple"></div>
    <div class="purple"></div>
    <div id="orangeArea"></div>
    <div id="purpleArea"></div>
    
    <script>
      $(".orange").kendoDraggable({
        group: "orangeGroup",
        hint: function(element) {
          return element.clone();
        }
      });
    
      $(".purple").kendoDraggable({
        group: "purpleGroup",
        hint: function(element) {
          return element.clone();
        }
      });
    
      $("#orangeArea").kendoDropTarget({ group: "orangeGroup", drop: onDrop });
      $("#purpleArea").kendoDropTarget({ group: "purpleGroup", drop: onDrop });
    
      function onDrop(e) {
        e.draggable.destroy();
        e.draggable.element.remove();
      }
    </script>
    <style>
      .orange, .purple{
        width: 50px;
        height: 50px;
        border: 2px solid green;
        margin: 5px;
      }
      #orangeArea, #purpleArea {
        width: 200px;
        height: 200px;
        border: 2px solid green;
        margin: 5px;
      }
      .orange, #orangeArea { background-color: orange; }
      .purple, #purpleArea { background-color: purple; }
    </style>
 * @endcode
 * @throws string type error
 */
 public function group($dataAX)
 {
     if (!is_string($this->outputCStr)) {
         $this->outputCStr = '';
     }
     $dataAX = array("group" => $dataAX);
     if (is_string($dataAX['group'])) {
         parent::addData("group", $dataAX['group']);
         unset($dataAX['group']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['group'])) {
             throw new Exception("Type error - KendoUiDropTarget::group ( \$data[ 'group' ] type must be 'String'");
         }
     }
 }

Ejemplo n.º 4

Archivo: KendoUiValidator.class.php Proyecto: helmutkemper/KendoUI

 /**
 * Determines if validation will be triggered when element loses focus. Default value is true.
 * @var $dataAX[ 'validateOnBlur' ]: ( Boolean )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/validator#configuration-validateOnBlur
 * 
 * @code
   &lt;form id="myform"&gt;<br>&nbsp;&nbsp;&lt;input name="username"/&gt; &lt;br /&gt;<br>&nbsp;&nbsp;&lt;button&gt;Validate&lt;/button&gt;<br>&lt;/form&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#myform").kendoValidator({<br>&nbsp;&nbsp;&nbsp;validateOnBlur: false<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @throws string type error
 */
 public function validateOnBlur($dataAX)
 {
     if (!is_string($this->outputCStr)) {
         $this->outputCStr = '';
     }
     $dataAX = array("validateOnBlur" => $dataAX);
     if (is_bool($dataAX['validateOnBlur'])) {
         parent::addData("validateOnBlur", $dataAX['validateOnBlur']);
         unset($dataAX['validateOnBlur']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['validateOnBlur'])) {
             throw new Exception("Type error - KendoUiValidator::validateOnBlur ( \$data[ 'validateOnBlur' ] type must be 'Boolean'");
         }
     }
 }

Ejemplo n.º 5

Archivo: KendoUiTreeList.class.php Proyecto: helmutkemper/KendoUI

 /**
 * If a <b><u>String</u></b> value is assigned to the <b><u>toolbar</u></b> configuration option, it will be treated as a single string template for the whole treelist Toolbar, and the string value will be passed as an argument to a <a href="/kendo-ui/api/framework/kendo#methods-template"><b><u>kendo.template()</u></b></a> function.
 * If a <b><u>Function</u></b> value is assigned (it may be a <b><u>kendo.template()</u></b> function call or a generic function reference), then the return value of the function will be used to render the treelist Toolbar contents.
 * If an <b><u>Array</u></b> value is assigned, it will be treated as the list of commands displayed in the treelist Toolbar. Commands can be custom or built-in ("create", "excel", "pdf").
 * The "create" command adds an empty data item to the treelist.
 * The "excel" command exports the treelist data in MS Excel format.
 * The "pdf" command exports the treelist data in PDF format.
 * @var $dataAX[ 'toolbar' ]: ( String | Function | Array )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/treelist#configuration-toolbar
 * 
 * @code
   &lt;div id="treeList"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>&nbsp;&nbsp;$("#treeList").kendoTreeList({<br>&nbsp;&nbsp;&nbsp;toolbar: "&lt;p&gt;My string template in a paragraph.&lt;/p&gt;",<br>&nbsp;&nbsp;&nbsp;columns: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ field: "name" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ field: "age" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;dataSource: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ name: "Jane Doe", age: 30 },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ name: "John Doe", age: 33 }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="treeList"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>&nbsp;&nbsp;$("#treeList").kendoTreeList({<br>&nbsp;&nbsp;&nbsp;toolbar: kendo.template("&lt;p&gt;My function template.&lt;/p&gt;"),<br>&nbsp;&nbsp;&nbsp;columns: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ field: "name" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ field: "age" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;dataSource: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ name: "Jane Doe", age: 30 },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ name: "John Doe", age: 33 }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="treeList"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>&nbsp;&nbsp;$("#treeList").kendoTreeList({<br>&nbsp;&nbsp;&nbsp;toolbar: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ name: "create" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;columns: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ field: "name" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ field: "age" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;dataSource: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ name: "Jane Doe", age: 30 },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ name: "John Doe", age: 33 }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * The name of the toolbar command. Either a built-in ("create", "excel", "pdf") or custom. The <b><u>name</u></b> is reflected in one of the CSS classes, which is applied to the button - <b><u>k-grid-name</u></b>. This class can be used to get a reference to the button (after TreeList initialization) and attach click handlers.
 * @var $dataAX[ 'toolbar' ][ 'name' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/treelist#configuration-toolbar.name
 * 
 * @code
   &lt;div id="treeList"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>&nbsp;&nbsp;$("#treeList").kendoTreeList({<br>&nbsp;&nbsp;&nbsp;toolbar: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ name: "create" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ name: "custom" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;columns: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ field: "name" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ field: "age" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;dataSource: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ name: "Jane Doe", age: 30 },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ name: "John Doe", age: 33 }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="treeList"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>&nbsp;&nbsp;$("#treeList").kendoTreeList({<br>&nbsp;&nbsp;&nbsp;toolbar: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ name: "create", text: "Add new" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;columns: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ field: "name" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ field: "age" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;dataSource: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ name: "Jane Doe", age: 30 },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ name: "John Doe", age: 33 }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * The text displayed by the command button. If not set the <a href="http://docs.telerik.com/kendo-ui/api/javascript/ui/treelist#configuration-toolbar.name">name</a>` option would be used as the button text instead.
 * @var $dataAX[ 'toolbar' ][ 'text' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/treelist#configuration-toolbar.text
 * 
 * @code
   &lt;div id="treeList"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>&nbsp;&nbsp;$("#treeList").kendoTreeList({<br>&nbsp;&nbsp;&nbsp;toolbar: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ name: "create" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ name: "custom" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;columns: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ field: "name" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ field: "age" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;dataSource: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ name: "Jane Doe", age: 30 },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ name: "John Doe", age: 33 }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="treeList"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>&nbsp;&nbsp;$("#treeList").kendoTreeList({<br>&nbsp;&nbsp;&nbsp;toolbar: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ name: "create", text: "Add new" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;columns: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ field: "name" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ field: "age" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;dataSource: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ name: "Jane Doe", age: 30 },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ name: "John Doe", age: 33 }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @throws string type error
 */
 public function toolbar($dataAX)
 {
     if (!is_string($this->outputCStr)) {
         $this->outputCStr = '';
     }
     $dataAX = array("toolbar" => $dataAX);
     if (is_string($dataAX['toolbar']['name'])) {
         parent::addData("toolbar.name", $dataAX['toolbar']['name']);
         unset($dataAX['toolbar']['name']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['toolbar']['name'])) {
             throw new Exception("Type error - KendoUiTreeList::toolbar ( \$data[ 'toolbar' ][ 'name' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['toolbar']['text'])) {
         parent::addData("toolbar.text", $dataAX['toolbar']['text']);
         unset($dataAX['toolbar']['text']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['toolbar']['text'])) {
             throw new Exception("Type error - KendoUiTreeList::toolbar ( \$data[ 'toolbar' ][ 'text' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['toolbar'])) {
         parent::addData("toolbar", $dataAX['toolbar']);
         unset($dataAX['toolbar']);
         parent::garbageCollector($dataAX);
     } else {
         if (is_array($dataAX['toolbar'])) {
             parent::addData("toolbar", $dataAX['toolbar']);
             unset($dataAX['toolbar']);
             parent::garbageCollector($dataAX);
         } else {
             if (isset($dataAX['toolbar'])) {
                 throw new Exception("Type error - KendoUiTreeList::toolbar ( \$data[ 'toolbar' ] type must be 'String' | 'Function' | 'Array'");
             }
         }
     }
 }

Ejemplo n.º 6

Archivo: KendoUiAutoComplete.class.php Proyecto: helmutkemper/KendoUI

 /**
 * Enables the virtualization feature of the widget.
 * @var $dataAX[ 'virtual' ]: ( Boolean | Object ) ( default: false )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/autocomplete#configuration-virtual
 * 
 * @code
   Example - AutoComplete with virtualized list
    <input id="orders" style="width: 400px" />
    <script>
        $(document).ready(function() {
            $("#orders").kendoAutoComplete({
                template: "#= OrderID # | For: #= ShipName #, #= ShipCountry #",
                dataTextField: "ShipName",
                virtual: true,
                height: 520,
                dataSource: {
                    type: "odata",
                    transport: {
                        read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Orders"
                    },
                    schema: {
                        model: {
                            fields: {
                                OrderID: { type: "number" },
                                Freight: { type: "number" },
                                ShipName: { type: "string" },
                                OrderDate: { type: "date" },
                                ShipCity: { type: "string" }
                            }
                        }
                    },
                    pageSize: 80,
                    serverPaging: true,
                    serverFiltering: true
                }
            });
        });
    </script>
 * @endcode
 * 
 * Specifies the height of the virtual item. All items in the virtualized list <strong>must</strong> have the same height. If the developer does not specify one, the framework will automatically set <b><u>itemHeight</u></b> based on the current theme and font size.
 * @var $dataAX[ 'virtual' ][ 'itemHeight' ]: ( Number ) ( default: null )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/autocomplete#configuration-virtual.itemHeight
 * 
 * @code
   Example - AutoComplete with virtualized list
    <input id="orders" style="width: 400px" />
    <script>
        $(document).ready(function() {
            $("#orders").kendoAutoComplete({
                template: "#= OrderID # | For: #= ShipName #, #= ShipCountry #",
                dataTextField: "ShipName",
                virtual: {
                    itemHeight: 26
                },
                height: 520,
                dataSource: {
                    type: "odata",
                    transport: {
                        read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Orders"
                    },
                    schema: {
                        model: {
                            fields: {
                                OrderID: { type: "number" },
                                Freight: { type: "number" },
                                ShipName: { type: "string" },
                                OrderDate: { type: "date" },
                                ShipCity: { type: "string" }
                            }
                        }
                    },
                    pageSize: 80,
                    serverPaging: true,
                    serverFiltering: true
                }
            });
        });
    </script>
 * @endcode
 * @code
    
    <input id="orders" style="width: 400px" />
    <script>
        $(document).ready(function() {
            $("#orders").kendoAutoComplete({
                template: '<span class="order-id">#= OrderID #</span> #= ShipName #, #= ShipCountry #',
                dataTextField: "ShipName",
                virtual: {
                    itemHeight: 26,
                    valueMapper: function(options) {
                        $.ajax({
                            url: "http://demos.telerik.com/kendo-ui/service/Orders/ValueMapper",
                            type: "GET",
                            data: convertValues(options.value),
                            success: function (data) {
                                //the **data** is either index or array of indices.
                                //Example:
                                // "Ernst Handel" -> 10 (index in the Orders collection)
                                // ["Ernst Handel", "Que Delícia"] -> [10, 14] (indices in the Orders collection)
    
                                options.success(data);
                            }
                        })
                    }
                },
                height: 520,
                dataSource: {
                    type: "odata",
                    transport: {
                        read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Orders"
                    },
                    pageSize: 80,
                    serverPaging: true,
                    serverFiltering: true
                }
            });
        });
    
        function convertValues(value) {
            var data = {};
    
            value = $.isArray(value) ? value : [value];
    
            for (var idx = 0; idx < value.length; idx++) {
                data["values[" + idx + "]"] = value[idx];
            }
    
            return data;
        }
    </script>
 * @endcode
 * 
 * The <b><u>valueMapper</u></b> function is <strong>mandatory</strong> for the functionality of the virtualized widget. The widget calls the <b><u>valueMapper</u></b> function when the widget receives a value, that is not fetched from the remote server yet. The widget will pass the selected value(s) in the <b><u>valueMapper</u></b> function. In turn, the valueMapper implementation should return the <strong>respective data item(s) index/indices</strong>.
 * @var $dataAX[ 'virtual' ][ 'valueMapper' ]: ( Function ) ( default: null )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/autocomplete#configuration-virtual.valueMapper
 * 
 * @code
   Example - AutoComplete with virtualized list
    <input id="orders" style="width: 400px" />
    <script>
        $(document).ready(function() {
            $("#orders").kendoAutoComplete({
                template: "#= OrderID # | For: #= ShipName #, #= ShipCountry #",
                dataTextField: "ShipName",
                virtual: {
                    itemHeight: 26
                },
                height: 520,
                dataSource: {
                    type: "odata",
                    transport: {
                        read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Orders"
                    },
                    schema: {
                        model: {
                            fields: {
                                OrderID: { type: "number" },
                                Freight: { type: "number" },
                                ShipName: { type: "string" },
                                OrderDate: { type: "date" },
                                ShipCity: { type: "string" }
                            }
                        }
                    },
                    pageSize: 80,
                    serverPaging: true,
                    serverFiltering: true
                }
            });
        });
    </script>
 * @endcode
 * @code
    
    <input id="orders" style="width: 400px" />
    <script>
        $(document).ready(function() {
            $("#orders").kendoAutoComplete({
                template: '<span class="order-id">#= OrderID #</span> #= ShipName #, #= ShipCountry #',
                dataTextField: "ShipName",
                virtual: {
                    itemHeight: 26,
                    valueMapper: function(options) {
                        $.ajax({
                            url: "http://demos.telerik.com/kendo-ui/service/Orders/ValueMapper",
                            type: "GET",
                            data: convertValues(options.value),
                            success: function (data) {
                                //the **data** is either index or array of indices.
                                //Example:
                                // "Ernst Handel" -> 10 (index in the Orders collection)
                                // ["Ernst Handel", "Que Delícia"] -> [10, 14] (indices in the Orders collection)
    
                                options.success(data);
                            }
                        })
                    }
                },
                height: 520,
                dataSource: {
                    type: "odata",
                    transport: {
                        read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Orders"
                    },
                    pageSize: 80,
                    serverPaging: true,
                    serverFiltering: true
                }
            });
        });
    
        function convertValues(value) {
            var data = {};
    
            value = $.isArray(value) ? value : [value];
    
            for (var idx = 0; idx < value.length; idx++) {
                data["values[" + idx + "]"] = value[idx];
            }
    
            return data;
        }
    </script>
 * @endcode
 * @throws string type error
 */
 public function virtual($dataAX)
 {
     if (!is_string($this->outputCStr)) {
         $this->outputCStr = '';
     }
     $dataAX = array("virtual" => $dataAX);
     if (is_numeric($dataAX['virtual']['itemHeight'])) {
         parent::addData("virtual.itemHeight", $dataAX['virtual']['itemHeight']);
         unset($dataAX['virtual']['itemHeight']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['virtual']['itemHeight'])) {
             throw new Exception("Type error - KendoUiAutoComplete::virtual ( \$data[ 'virtual' ][ 'itemHeight' ] type must be 'Number'");
         }
     }
     if (is_string($dataAX['virtual']['valueMapper'])) {
         parent::addData("virtual.valueMapper", $dataAX['virtual']['valueMapper']);
         unset($dataAX['virtual']['valueMapper']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['virtual']['valueMapper'])) {
             throw new Exception("Type error - KendoUiAutoComplete::virtual ( \$data[ 'virtual' ][ 'valueMapper' ] type must be 'Function'");
         }
     }
     if (is_bool($dataAX['virtual'])) {
         parent::addData("virtual", $dataAX['virtual']);
         unset($dataAX['virtual']);
         parent::garbageCollector($dataAX);
     } else {
         if (is_array($dataAX['virtual'])) {
             parent::addData("virtual", $dataAX['virtual']);
             unset($dataAX['virtual']);
             parent::garbageCollector($dataAX);
         } else {
             if (isset($dataAX['virtual'])) {
                 throw new Exception("Type error - KendoUiAutoComplete::virtual ( \$data[ 'virtual' ] type must be 'Boolean' | 'Object'");
             }
         }
     }
 }

Ejemplo n.º 7

Archivo: KendoUiToolBar.class.php Proyecto: helmutkemper/KendoUI

 /**
 * A JavaScript array that contains the ToolBar's commands configuration.
 * For more information regarding supported commands and their configuration properties check the <a href="/kendo-ui/web/toolbar/overview#command-types">Getting Started topic</a>.
 * 
 * ( ! ) For more information regarding supported commands and their configuration properties check the <a href="/kendo-ui/web/toolbar/overview#command-types">Getting Started topic</a>.
 * @var $dataAX[ 'items' ]: ( Array )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Button" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Toggle", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "splitButton", text: "SplitButton", menuButtons: [{text: "Option 1"}, {text: "Option 2"}] }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies the HTML attributes of a ToolBar button.
 * HTML attributes which are JavaScript keywords (e.g. class) must be quoted.
 * 
 * ( ! ) HTML attributes which are JavaScript keywords (e.g. class) must be quoted.
 * @var $dataAX[ 'items' ][ 'attributes' ]: ( Object ) ( default: true )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.attributes
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "My Button", attributes: { "class": "red" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br><br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;click: function(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.target.text() + " is clicked");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;enable: false<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "never"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "auto"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "always"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflowTemplate: "&lt;span&gt;Overflow template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Primary", primary: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Standard" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true, selected: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", spriteCssClass: "tick" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;togglable: true,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;toggle: function() {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log("toggle!");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "separator"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://www.google.com"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies the buttons of ButtonGroup.
 * 
 * ( ! ) By design the widget will render two buttons - the one located in the ToolBar container will receive the specified ID, the one located in the Overflow Popup container will receive the specified ID but with <em>_overflow</em> suffix. If the ID will be used for determining which button is clicked in the <b><u>click</u></b> or <b><u>toggle</u></b> event handler, the developer should use the ID property of the event data which always contains the specified ID without suffix.
 * @var $dataAX[ 'items' ][ 'buttons' ]: ( Array ) ( default: "auto" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.buttons
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "My Button", attributes: { "class": "red" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br><br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;click: function(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.target.text() + " is clicked");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;enable: false<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "never"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "auto"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "always"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflowTemplate: "&lt;span&gt;Overflow template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Primary", primary: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Standard" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true, selected: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", spriteCssClass: "tick" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;togglable: true,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;toggle: function() {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log("toggle!");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "separator"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://www.google.com"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies the click event handler of the button. Applicable only for commands of type <b><u>button</u></b> and <b><u>splitButton</u></b>.
 * 
 * ( ! ) If <b><u>overflowTemplate</u></b> is not defined for a template command, than the command will be threated as <b><u>overflow: "never"</u></b>.
 * @var $dataAX[ 'items' ][ 'click' ]: ( Function ) ( default: false )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.click
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "My Button", attributes: { "class": "red" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br><br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;click: function(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.target.text() + " is clicked");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;enable: false<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "never"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "auto"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "always"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflowTemplate: "&lt;span&gt;Overflow template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Primary", primary: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Standard" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true, selected: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", spriteCssClass: "tick" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;togglable: true,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;toggle: function() {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log("toggle!");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "separator"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://www.google.com"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies whether the control is initially enabled or disabled. Default value is "true".
 * 
 * ( ! ) Buttons with <b><u>togglable: true</u></b> will fire the <b><u>toggle</u></b> event. <b><u>click</u></b> event will <strong>not</strong> be fired.
 * @var $dataAX[ 'items' ][ 'enable' ]: ( Boolean ) ( default: false )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.enable
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "My Button", attributes: { "class": "red" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br><br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;click: function(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.target.text() + " is clicked");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;enable: false<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "never"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "auto"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "always"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflowTemplate: "&lt;span&gt;Overflow template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Primary", primary: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Standard" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true, selected: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", spriteCssClass: "tick" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;togglable: true,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;toggle: function() {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log("toggle!");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "separator"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://www.google.com"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Assigns the button to a group. Applicable only for buttons with <b><u>togglable: true</u></b>.
 * 
 * ( ! ) Specifying the type is <strong>mandatory</strong>. Only commands that have a <b><u>template</u></b> does not need <b><u>type</u></b>.
 * @var $dataAX[ 'items' ][ 'group' ]: ( String ) ( default: "both" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.group
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "My Button", attributes: { "class": "red" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br><br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;click: function(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.target.text() + " is clicked");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;enable: false<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "never"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "auto"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "always"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflowTemplate: "&lt;span&gt;Overflow template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Primary", primary: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Standard" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true, selected: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", spriteCssClass: "tick" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;togglable: true,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;toggle: function() {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log("toggle!");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "separator"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://www.google.com"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Sets icon for the item. The icon should be one of the existing in the Kendo UI theme sprite.
 * @var $dataAX[ 'items' ][ 'icon' ]: ( String ) ( default: "both" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.icon
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "My Button", attributes: { "class": "red" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br><br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;click: function(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.target.text() + " is clicked");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;enable: false<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "never"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "auto"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "always"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflowTemplate: "&lt;span&gt;Overflow template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Primary", primary: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Standard" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true, selected: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", spriteCssClass: "tick" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;togglable: true,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;toggle: function() {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log("toggle!");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "separator"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://www.google.com"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies the ID of the button.
 * By design the widget will render two buttons - the one located in the ToolBar container will receive the specified ID, the one located in the Overflow Popup container will receive the specified ID but with <em>_overflow</em> suffix. If the ID will be used for determining which button is clicked in the <code>click</code> or <code>toggle</code> event handler, the developer should use the ID property of the event data which always contains the specified ID without suffix.
 * @var $dataAX[ 'items' ][ 'id' ]: ( String ) ( default: false )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.id
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "My Button", attributes: { "class": "red" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br><br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;click: function(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.target.text() + " is clicked");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;enable: false<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "never"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "auto"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "always"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflowTemplate: "&lt;span&gt;Overflow template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Primary", primary: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Standard" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true, selected: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", spriteCssClass: "tick" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;togglable: true,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;toggle: function() {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log("toggle!");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "separator"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://www.google.com"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * If set, the ToolBar will render an image with the specified URL in the button.
 * @var $dataAX[ 'items' ][ 'imageUrl' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.imageUrl
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "My Button", attributes: { "class": "red" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br><br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;click: function(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.target.text() + " is clicked");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;enable: false<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "never"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "auto"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "always"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflowTemplate: "&lt;span&gt;Overflow template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Primary", primary: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Standard" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true, selected: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", spriteCssClass: "tick" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;togglable: true,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;toggle: function() {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log("toggle!");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "separator"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://www.google.com"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies the menu buttons of a SplitButton.
 * @var $dataAX[ 'items' ][ 'menuButtons' ]: ( Array )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.menuButtons
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "My Button", attributes: { "class": "red" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br><br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;click: function(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.target.text() + " is clicked");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;enable: false<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "never"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "auto"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "always"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflowTemplate: "&lt;span&gt;Overflow template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Primary", primary: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Standard" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true, selected: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", spriteCssClass: "tick" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;togglable: true,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;toggle: function() {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log("toggle!");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "separator"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://www.google.com"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies how the button behaves when the ToolBar is resized. Possible values are: "always", "never" or "auto" (default).
 * @var $dataAX[ 'items' ][ 'overflow' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.overflow
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "My Button", attributes: { "class": "red" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br><br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;click: function(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.target.text() + " is clicked");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;enable: false<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "never"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "auto"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "always"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflowTemplate: "&lt;span&gt;Overflow template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Primary", primary: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Standard" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true, selected: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", spriteCssClass: "tick" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;togglable: true,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;toggle: function() {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log("toggle!");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "separator"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://www.google.com"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies what element will be added in the command overflow popup. Applicable only for items that have a template.
 * @var $dataAX[ 'items' ][ 'overflowTemplate' ]: ( String | Function )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.overflowTemplate
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "My Button", attributes: { "class": "red" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br><br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;click: function(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.target.text() + " is clicked");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;enable: false<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "never"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "auto"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "always"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflowTemplate: "&lt;span&gt;Overflow template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Primary", primary: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Standard" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true, selected: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", spriteCssClass: "tick" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;togglable: true,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;toggle: function() {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log("toggle!");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "separator"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://www.google.com"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies whether the button is primary. Primary buttons receive different styling.
 * @var $dataAX[ 'items' ][ 'primary' ]: ( Boolean )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.primary
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "My Button", attributes: { "class": "red" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br><br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;click: function(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.target.text() + " is clicked");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;enable: false<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "never"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "auto"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "always"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflowTemplate: "&lt;span&gt;Overflow template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Primary", primary: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Standard" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true, selected: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", spriteCssClass: "tick" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;togglable: true,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;toggle: function() {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log("toggle!");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "separator"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://www.google.com"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies if the toggle button is initially selected. Applicable only for buttons with <b><u>togglable: true</u></b>.
 * @var $dataAX[ 'items' ][ 'selected' ]: ( Boolean )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.selected
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "My Button", attributes: { "class": "red" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br><br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;click: function(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.target.text() + " is clicked");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;enable: false<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "never"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "auto"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "always"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflowTemplate: "&lt;span&gt;Overflow template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Primary", primary: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Standard" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true, selected: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", spriteCssClass: "tick" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;togglable: true,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;toggle: function() {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log("toggle!");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "separator"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://www.google.com"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies where the button icon will be displayed. Possible values are: "toolbar", "overflow" or "both" (default).
 * @var $dataAX[ 'items' ][ 'showIcon' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.showIcon
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "My Button", attributes: { "class": "red" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br><br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;click: function(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.target.text() + " is clicked");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;enable: false<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "never"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "auto"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "always"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflowTemplate: "&lt;span&gt;Overflow template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Primary", primary: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Standard" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true, selected: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", spriteCssClass: "tick" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;togglable: true,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;toggle: function() {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log("toggle!");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "separator"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://www.google.com"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies where the text will be displayed. Possible values are: "toolbar", "overflow" or "both" (default).
 * @var $dataAX[ 'items' ][ 'showText' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.showText
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "My Button", attributes: { "class": "red" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br><br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;click: function(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.target.text() + " is clicked");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;enable: false<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "never"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "auto"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "always"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflowTemplate: "&lt;span&gt;Overflow template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Primary", primary: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Standard" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true, selected: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", spriteCssClass: "tick" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;togglable: true,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;toggle: function() {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log("toggle!");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "separator"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://www.google.com"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon.
 * @var $dataAX[ 'items' ][ 'spriteCssClass' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.spriteCssClass
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "My Button", attributes: { "class": "red" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br><br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;click: function(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.target.text() + " is clicked");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;enable: false<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "never"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "auto"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "always"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflowTemplate: "&lt;span&gt;Overflow template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Primary", primary: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Standard" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true, selected: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", spriteCssClass: "tick" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;togglable: true,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;toggle: function() {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log("toggle!");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "separator"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://www.google.com"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type.
 * If <code>overflowTemplate</code> is not defined for a template command, than the command will be threated as <code>overflow: "never"</code>.
 * @var $dataAX[ 'items' ][ 'template' ]: ( String | Function )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.template
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "My Button", attributes: { "class": "red" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br><br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;click: function(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.target.text() + " is clicked");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;enable: false<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "never"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "auto"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "always"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflowTemplate: "&lt;span&gt;Overflow template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Primary", primary: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Standard" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true, selected: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", spriteCssClass: "tick" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;togglable: true,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;toggle: function() {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log("toggle!");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "separator"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://www.google.com"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Sets the text of the button.
 * @var $dataAX[ 'items' ][ 'text' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.text
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "My Button", attributes: { "class": "red" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br><br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;click: function(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.target.text() + " is clicked");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;enable: false<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "never"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "auto"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "always"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflowTemplate: "&lt;span&gt;Overflow template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Primary", primary: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Standard" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true, selected: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", spriteCssClass: "tick" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;togglable: true,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;toggle: function() {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log("toggle!");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "separator"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://www.google.com"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies if the button is togglable, e.g. has a selected and unselected state.
 * Buttons with <code>togglable: true</code> will fire the <code>toggle</code> event. <code>click</code> event will <strong>not</strong> be fired.
 * @var $dataAX[ 'items' ][ 'togglable' ]: ( Boolean )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.togglable
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "My Button", attributes: { "class": "red" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br><br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;click: function(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.target.text() + " is clicked");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;enable: false<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "never"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "auto"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "always"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflowTemplate: "&lt;span&gt;Overflow template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Primary", primary: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Standard" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true, selected: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", spriteCssClass: "tick" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;togglable: true,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;toggle: function() {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log("toggle!");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "separator"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://www.google.com"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies the toggle event handler of the button. Applicable only for commands of type <b><u>button</u></b> and <b><u>togglable: true</u></b>.
 * @var $dataAX[ 'items' ][ 'toggle' ]: ( Function )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.toggle
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "My Button", attributes: { "class": "red" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br><br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;click: function(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.target.text() + " is clicked");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;enable: false<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "never"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "auto"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "always"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflowTemplate: "&lt;span&gt;Overflow template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Primary", primary: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Standard" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true, selected: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", spriteCssClass: "tick" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;togglable: true,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;toggle: function() {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log("toggle!");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "separator"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://www.google.com"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies the command type. Supported types are "button", "splitButton", "buttonGroup", "separator".
 * Specifying the type is <strong>mandatory</strong>. Only commands that have a <code>template</code> does not need <code>type</code>.
 * @var $dataAX[ 'items' ][ 'type' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.type
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "My Button", attributes: { "class": "red" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br><br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;click: function(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.target.text() + " is clicked");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;enable: false<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "never"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "auto"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "always"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflowTemplate: "&lt;span&gt;Overflow template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Primary", primary: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Standard" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true, selected: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", spriteCssClass: "tick" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;togglable: true,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;toggle: function() {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log("toggle!");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "separator"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://www.google.com"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies the url to navigate to.
 * @var $dataAX[ 'items' ][ 'url' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.url
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "My Button", attributes: { "class": "red" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br><br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;click: function(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.target.text() + " is clicked");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;enable: false<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;{ type: "button", text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "never"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "auto"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow: "always"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflowTemplate: "&lt;span&gt;Overflow template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Primary", primary: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Standard" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true, selected: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", spriteCssClass: "tick" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template: "&lt;span&gt;Toolbar template&lt;/span&gt;"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo" }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ type: "button", text: "Foo", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;togglable: true,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;toggle: function() {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log("toggle!");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "separator"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Button"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 1", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 2", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Option 3", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "button",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Foo",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://www.google.com"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies the HTML attributes of a ButtonGroup's button.
 * HTML attributes which are JavaScript keywords (e.g. class) must be quoted.
 * 
 * ( ! ) HTML attributes which are JavaScript keywords (e.g. class) must be quoted.
 * @var $dataAX[ 'items' ][ 'buttons' ][ 'attributes' ]: ( Object ) ( default: true )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.buttons.attributes
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "buttonGroup", buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", attributes: { "class": "red" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", attributes: { "class": "blue" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;] }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { background-color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>function onClick() {<br>&nbsp;console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", click: onClick }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, selected: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh",showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", spriteCssClass: "foo, bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;function toggle(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.group);<br>&nbsp;&nbsp;}<br><br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", url: "http://www.google.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;id: "hello",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Insert",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;attributes: { "class": "red" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert between", icon: "insert-m" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert below", icon: "insert-s" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", icon: "tick" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", icon: "clock" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", spriteCssClass: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Google", url: "http://www.google.com" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies the click event handler of the button. Applicable only for the children of a ButtonGroup.
 * 
 * ( ! ) By design the widget will render two buttons - the one located in the ToolBar container will receive the specified ID, the one located in the Overflow Popup container will receive the specified ID but with <em>_overflow</em> suffix. If the ID will be used for determining which button is clicked in the <b><u>click</u></b> or <b><u>toggle</u></b> event handler, the developer should use the ID property of the event data which always contains the specified ID without suffix.
 * @var $dataAX[ 'items' ][ 'buttons' ][ 'click' ]: ( Function ) ( default: false )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.buttons.click
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "buttonGroup", buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", attributes: { "class": "red" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", attributes: { "class": "blue" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;] }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { background-color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>function onClick() {<br>&nbsp;console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", click: onClick }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, selected: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh",showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", spriteCssClass: "foo, bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;function toggle(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.group);<br>&nbsp;&nbsp;}<br><br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", url: "http://www.google.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;id: "hello",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Insert",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;attributes: { "class": "red" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert between", icon: "insert-m" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert below", icon: "insert-s" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", icon: "tick" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", icon: "clock" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", spriteCssClass: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Google", url: "http://www.google.com" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies whether the button is initially enabled or disabled.
 * 
 * ( ! ) HTML attributes which are JavaScript keywords (e.g. class) must be quoted.
 * @var $dataAX[ 'items' ][ 'buttons' ][ 'enable' ]: ( Boolean ) ( default: "both" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.buttons.enable
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "buttonGroup", buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", attributes: { "class": "red" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", attributes: { "class": "blue" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;] }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { background-color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>function onClick() {<br>&nbsp;console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", click: onClick }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, selected: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh",showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", spriteCssClass: "foo, bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;function toggle(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.group);<br>&nbsp;&nbsp;}<br><br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", url: "http://www.google.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;id: "hello",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Insert",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;attributes: { "class": "red" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert between", icon: "insert-m" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert below", icon: "insert-s" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", icon: "tick" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", icon: "clock" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", spriteCssClass: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Google", url: "http://www.google.com" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Assigns the button to a group. Applicable only for the children of a ButtonGroup that has togglable true.
 * 
 * ( ! ) By design the widget will render two buttons - the one located in the ToolBar container will receive the specified ID, the one located in the Overflow Popup container will receive the specified ID but with <em>_overflow</em> suffix. If the ID will be used for determining which button is clicked in the <b><u>click</u></b> or <b><u>toggle</u></b> event handler, the developer should use the ID property of the event data which always contains the specified ID without suffix.
 * @var $dataAX[ 'items' ][ 'buttons' ][ 'group' ]: ( String ) ( default: "both" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.buttons.group
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "buttonGroup", buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", attributes: { "class": "red" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", attributes: { "class": "blue" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;] }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { background-color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>function onClick() {<br>&nbsp;console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", click: onClick }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, selected: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh",showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", spriteCssClass: "foo, bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;function toggle(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.group);<br>&nbsp;&nbsp;}<br><br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", url: "http://www.google.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;id: "hello",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Insert",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;attributes: { "class": "red" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert between", icon: "insert-m" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert below", icon: "insert-s" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", icon: "tick" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", icon: "clock" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", spriteCssClass: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Google", url: "http://www.google.com" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Sets icon for the menu button. The icon should be one of the existing in the Kendo UI theme sprite.
 * @var $dataAX[ 'items' ][ 'buttons' ][ 'icon' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.buttons.icon
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "buttonGroup", buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", attributes: { "class": "red" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", attributes: { "class": "blue" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;] }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { background-color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>function onClick() {<br>&nbsp;console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", click: onClick }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, selected: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh",showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", spriteCssClass: "foo, bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;function toggle(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.group);<br>&nbsp;&nbsp;}<br><br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", url: "http://www.google.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;id: "hello",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Insert",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;attributes: { "class": "red" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert between", icon: "insert-m" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert below", icon: "insert-s" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", icon: "tick" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", icon: "clock" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", spriteCssClass: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Google", url: "http://www.google.com" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies the ID of the button.
 * By design the widget will render two buttons - the one located in the ToolBar container will receive the specified ID, the one located in the Overflow Popup container will receive the specified ID but with <em>_overflow</em> suffix. If the ID will be used for determining which button is clicked in the <code>click</code> or <code>toggle</code> event handler, the developer should use the ID property of the event data which always contains the specified ID without suffix.
 * @var $dataAX[ 'items' ][ 'buttons' ][ 'id' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.buttons.id
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "buttonGroup", buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", attributes: { "class": "red" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", attributes: { "class": "blue" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;] }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { background-color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>function onClick() {<br>&nbsp;console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", click: onClick }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, selected: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh",showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", spriteCssClass: "foo, bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;function toggle(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.group);<br>&nbsp;&nbsp;}<br><br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", url: "http://www.google.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;id: "hello",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Insert",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;attributes: { "class": "red" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert between", icon: "insert-m" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert below", icon: "insert-s" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", icon: "tick" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", icon: "clock" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", spriteCssClass: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Google", url: "http://www.google.com" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * If set, the ToolBar will render an image with the specified URL in the button.
 * @var $dataAX[ 'items' ][ 'buttons' ][ 'imageUrl' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.buttons.imageUrl
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "buttonGroup", buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", attributes: { "class": "red" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", attributes: { "class": "blue" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;] }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { background-color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>function onClick() {<br>&nbsp;console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", click: onClick }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, selected: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh",showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", spriteCssClass: "foo, bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;function toggle(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.group);<br>&nbsp;&nbsp;}<br><br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", url: "http://www.google.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;id: "hello",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Insert",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;attributes: { "class": "red" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert between", icon: "insert-m" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert below", icon: "insert-s" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", icon: "tick" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", icon: "clock" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", spriteCssClass: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Google", url: "http://www.google.com" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies if the toggle button is initially selected. Applicable only for the children of a ButtonGroup that has togglable true.
 * @var $dataAX[ 'items' ][ 'buttons' ][ 'selected' ]: ( Boolean )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.buttons.selected
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "buttonGroup", buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", attributes: { "class": "red" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", attributes: { "class": "blue" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;] }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { background-color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>function onClick() {<br>&nbsp;console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", click: onClick }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, selected: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh",showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", spriteCssClass: "foo, bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;function toggle(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.group);<br>&nbsp;&nbsp;}<br><br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", url: "http://www.google.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;id: "hello",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Insert",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;attributes: { "class": "red" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert between", icon: "insert-m" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert below", icon: "insert-s" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", icon: "tick" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", icon: "clock" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", spriteCssClass: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Google", url: "http://www.google.com" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies where the icon of the button will be displayed. Applicable only for the children of a ButtonGroup.
 * @var $dataAX[ 'items' ][ 'buttons' ][ 'showIcon' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.buttons.showIcon
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "buttonGroup", buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", attributes: { "class": "red" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", attributes: { "class": "blue" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;] }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { background-color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>function onClick() {<br>&nbsp;console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", click: onClick }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, selected: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh",showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", spriteCssClass: "foo, bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;function toggle(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.group);<br>&nbsp;&nbsp;}<br><br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", url: "http://www.google.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;id: "hello",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Insert",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;attributes: { "class": "red" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert between", icon: "insert-m" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert below", icon: "insert-s" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", icon: "tick" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", icon: "clock" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", spriteCssClass: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Google", url: "http://www.google.com" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies where the text of the menu button will be displayed. Applicable only for the buttons of a ButtonGroup.
 * @var $dataAX[ 'items' ][ 'buttons' ][ 'showText' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.buttons.showText
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "buttonGroup", buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", attributes: { "class": "red" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", attributes: { "class": "blue" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;] }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { background-color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>function onClick() {<br>&nbsp;console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", click: onClick }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, selected: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh",showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", spriteCssClass: "foo, bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;function toggle(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.group);<br>&nbsp;&nbsp;}<br><br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", url: "http://www.google.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;id: "hello",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Insert",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;attributes: { "class": "red" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert between", icon: "insert-m" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert below", icon: "insert-s" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", icon: "tick" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", icon: "clock" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", spriteCssClass: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Google", url: "http://www.google.com" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon.
 * @var $dataAX[ 'items' ][ 'buttons' ][ 'spriteCssClass' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.buttons.spriteCssClass
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "buttonGroup", buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", attributes: { "class": "red" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", attributes: { "class": "blue" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;] }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { background-color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>function onClick() {<br>&nbsp;console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", click: onClick }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, selected: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh",showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", spriteCssClass: "foo, bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;function toggle(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.group);<br>&nbsp;&nbsp;}<br><br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", url: "http://www.google.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;id: "hello",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Insert",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;attributes: { "class": "red" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert between", icon: "insert-m" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert below", icon: "insert-s" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", icon: "tick" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", icon: "clock" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", spriteCssClass: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Google", url: "http://www.google.com" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies the toggle event handler of the button. Applicable only for the children of a ButtonGroup.
 * @var $dataAX[ 'items' ][ 'buttons' ][ 'toggle' ]: ( Function )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.buttons.toggle
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "buttonGroup", buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", attributes: { "class": "red" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", attributes: { "class": "blue" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;] }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { background-color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>function onClick() {<br>&nbsp;console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", click: onClick }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, selected: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh",showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", spriteCssClass: "foo, bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;function toggle(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.group);<br>&nbsp;&nbsp;}<br><br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", url: "http://www.google.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;id: "hello",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Insert",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;attributes: { "class": "red" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert between", icon: "insert-m" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert below", icon: "insert-s" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", icon: "tick" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", icon: "clock" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", spriteCssClass: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Google", url: "http://www.google.com" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies if the button is togglable, e.g. has a selected and unselected state. Applicable only for the children of a ButtonGroup.
 * @var $dataAX[ 'items' ][ 'buttons' ][ 'togglable' ]: ( Boolean )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.buttons.togglable
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "buttonGroup", buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", attributes: { "class": "red" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", attributes: { "class": "blue" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;] }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { background-color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>function onClick() {<br>&nbsp;console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", click: onClick }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, selected: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh",showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", spriteCssClass: "foo, bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;function toggle(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.group);<br>&nbsp;&nbsp;}<br><br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", url: "http://www.google.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;id: "hello",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Insert",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;attributes: { "class": "red" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert between", icon: "insert-m" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert below", icon: "insert-s" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", icon: "tick" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", icon: "clock" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", spriteCssClass: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Google", url: "http://www.google.com" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies the text of the menu button.
 * @var $dataAX[ 'items' ][ 'buttons' ][ 'text' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.buttons.text
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "buttonGroup", buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", attributes: { "class": "red" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", attributes: { "class": "blue" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;] }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { background-color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>function onClick() {<br>&nbsp;console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", click: onClick }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, selected: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh",showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", spriteCssClass: "foo, bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;function toggle(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.group);<br>&nbsp;&nbsp;}<br><br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", url: "http://www.google.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;id: "hello",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Insert",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;attributes: { "class": "red" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert between", icon: "insert-m" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert below", icon: "insert-s" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", icon: "tick" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", icon: "clock" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", spriteCssClass: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Google", url: "http://www.google.com" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies the url of the button to navigate to.
 * @var $dataAX[ 'items' ][ 'buttons' ][ 'url' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.buttons.url
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "buttonGroup", buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", attributes: { "class": "red" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", attributes: { "class": "blue" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;] }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { background-color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>function onClick() {<br>&nbsp;console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", click: onClick }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, selected: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh",showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", spriteCssClass: "foo, bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;function toggle(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.group);<br>&nbsp;&nbsp;}<br><br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", url: "http://www.google.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;id: "hello",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Insert",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;attributes: { "class": "red" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert between", icon: "insert-m" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert below", icon: "insert-s" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", icon: "tick" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", icon: "clock" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", spriteCssClass: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Google", url: "http://www.google.com" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies the HTML attributes of a menu button.
 * HTML attributes which are JavaScript keywords (e.g. class) must be quoted.
 * @var $dataAX[ 'items' ][ 'menuButtons' ][ 'attributes' ]: ( Object )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.menuButtons.attributes
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "buttonGroup", buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", attributes: { "class": "red" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", attributes: { "class": "blue" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;] }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { background-color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>function onClick() {<br>&nbsp;console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", click: onClick }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, selected: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh",showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", spriteCssClass: "foo, bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;function toggle(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.group);<br>&nbsp;&nbsp;}<br><br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", url: "http://www.google.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;id: "hello",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Insert",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;attributes: { "class": "red" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert between", icon: "insert-m" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert below", icon: "insert-s" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", icon: "tick" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", icon: "clock" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", spriteCssClass: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Google", url: "http://www.google.com" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies whether the menu button is initially enabled or disabled.
 * @var $dataAX[ 'items' ][ 'menuButtons' ][ 'enable' ]: ( Boolean )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.menuButtons.enable
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "buttonGroup", buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", attributes: { "class": "red" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", attributes: { "class": "blue" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;] }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { background-color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>function onClick() {<br>&nbsp;console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", click: onClick }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, selected: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh",showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", spriteCssClass: "foo, bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;function toggle(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.group);<br>&nbsp;&nbsp;}<br><br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", url: "http://www.google.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;id: "hello",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Insert",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;attributes: { "class": "red" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert between", icon: "insert-m" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert below", icon: "insert-s" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", icon: "tick" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", icon: "clock" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", spriteCssClass: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Google", url: "http://www.google.com" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Sets icon for the menu buttons. The icon should be one of the existing in the Kendo UI theme sprite.
 * @var $dataAX[ 'items' ][ 'menuButtons' ][ 'icon' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.menuButtons.icon
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "buttonGroup", buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", attributes: { "class": "red" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", attributes: { "class": "blue" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;] }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { background-color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>function onClick() {<br>&nbsp;console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", click: onClick }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, selected: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh",showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", spriteCssClass: "foo, bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;function toggle(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.group);<br>&nbsp;&nbsp;}<br><br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", url: "http://www.google.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;id: "hello",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Insert",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;attributes: { "class": "red" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert between", icon: "insert-m" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert below", icon: "insert-s" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", icon: "tick" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", icon: "clock" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", spriteCssClass: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Google", url: "http://www.google.com" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies the ID of the menu buttons.
 * By design the widget will render two buttons - the one located in the ToolBar container will receive the specified ID, the one located in the Overflow Popup container will receive the specified ID but with <em>_overflow</em> suffix. If the ID will be used for determining which button is clicked in the <code>click</code> or <code>toggle</code> event handler, the developer should use the ID property of the event data which always contains the specified ID without suffix.
 * @var $dataAX[ 'items' ][ 'menuButtons' ][ 'id' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.menuButtons.id
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "buttonGroup", buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", attributes: { "class": "red" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", attributes: { "class": "blue" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;] }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { background-color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>function onClick() {<br>&nbsp;console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", click: onClick }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, selected: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh",showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", spriteCssClass: "foo, bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;function toggle(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.group);<br>&nbsp;&nbsp;}<br><br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", url: "http://www.google.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;id: "hello",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Insert",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;attributes: { "class": "red" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert between", icon: "insert-m" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert below", icon: "insert-s" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", icon: "tick" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", icon: "clock" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", spriteCssClass: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Google", url: "http://www.google.com" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * If set, the ToolBar will render an image with the specified URL in the menu button.
 * @var $dataAX[ 'items' ][ 'menuButtons' ][ 'imageUrl' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.menuButtons.imageUrl
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "buttonGroup", buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", attributes: { "class": "red" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", attributes: { "class": "blue" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;] }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { background-color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>function onClick() {<br>&nbsp;console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", click: onClick }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, selected: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh",showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", spriteCssClass: "foo, bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;function toggle(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.group);<br>&nbsp;&nbsp;}<br><br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", url: "http://www.google.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;id: "hello",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Insert",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;attributes: { "class": "red" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert between", icon: "insert-m" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert below", icon: "insert-s" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", icon: "tick" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", icon: "clock" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", spriteCssClass: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Google", url: "http://www.google.com" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Defines a CSS class (or multiple classes separated by spaces) which will be used for menu button icon.
 * @var $dataAX[ 'items' ][ 'menuButtons' ][ 'spriteCssClass' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.menuButtons.spriteCssClass
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "buttonGroup", buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", attributes: { "class": "red" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", attributes: { "class": "blue" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;] }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { background-color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>function onClick() {<br>&nbsp;console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", click: onClick }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, selected: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh",showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", spriteCssClass: "foo, bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;function toggle(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.group);<br>&nbsp;&nbsp;}<br><br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", url: "http://www.google.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;id: "hello",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Insert",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;attributes: { "class": "red" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert between", icon: "insert-m" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert below", icon: "insert-s" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", icon: "tick" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", icon: "clock" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", spriteCssClass: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Google", url: "http://www.google.com" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies the text of the menu buttons.
 * @var $dataAX[ 'items' ][ 'menuButtons' ][ 'text' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.menuButtons.text
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "buttonGroup", buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", attributes: { "class": "red" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", attributes: { "class": "blue" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;] }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { background-color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>function onClick() {<br>&nbsp;console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", click: onClick }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, selected: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh",showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", spriteCssClass: "foo, bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;function toggle(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.group);<br>&nbsp;&nbsp;}<br><br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", url: "http://www.google.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;id: "hello",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Insert",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;attributes: { "class": "red" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert between", icon: "insert-m" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert below", icon: "insert-s" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", icon: "tick" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", icon: "clock" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", spriteCssClass: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Google", url: "http://www.google.com" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies the url of the menu button to navigate to.
 * @var $dataAX[ 'items' ][ 'menuButtons' ][ 'url' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items.menuButtons.url
 * 
 * @code
   &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ type: "buttonGroup", buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", attributes: { "class": "red" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", attributes: { "class": "blue" } }<br>&nbsp;&nbsp;&nbsp;&nbsp;] }<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { background-color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>function onClick() {<br>&nbsp;console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", click: onClick },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", click: onClick }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", togglable: true, group: "myGroup" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", id: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", id: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", id: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, selected: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showIcon: "toolbar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh", showIcon: "toolbar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", icon: "clock", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", icon: "note", showText: "overflow" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", icon: "refresh",showText: "overflow" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>$("#toolbar").kendoToolBar({<br>&nbsp;items: [<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", spriteCssClass: "foo, bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ text: "baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;}<br>&nbsp;]<br>});
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;function toggle(e) {<br>&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.group);<br>&nbsp;&nbsp;}<br><br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", togglable: true },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", togglable: true }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "buttonGroup",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "foo", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "bar", url: "http://www.google.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;id: "hello",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "Insert",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;attributes: { "class": "red" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert between", icon: "insert-m" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ text: "Insert below", icon: "insert-s" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;<br>&lt;style&gt;<br>&nbsp;&nbsp;.red { background-color: red; }<br>&nbsp;&nbsp;.blue { color: blue; }<br>&lt;/style&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", enable: false },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", icon: "tick" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", icon: "note" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", icon: "clock" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [ {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;} ]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", imageUrl: "foo.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", imageUrl: "bar.png" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", imageUrl: "baz.png" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo", spriteCssClass: "foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar", spriteCssClass: "bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz", spriteCssClass: "baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Foo" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Bar" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "baz", text: "Baz" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="toolbar"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#toolbar").kendoToolBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;items: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: "splitButton",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menuButtons: [<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ id: "bar", text: "Google", url: "http://www.google.com" }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;]<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @throws string type error
 */
 public function items($dataAX)
 {
     if (!is_string($this->outputCStr)) {
         $this->outputCStr = '';
     }
     $dataAX = array("items" => $dataAX);
     if (is_array($dataAX['items']['buttons']['attributes'])) {
         parent::addData("items.buttons.attributes", $dataAX['items']['buttons']['attributes']);
         unset($dataAX['items']['buttons']['attributes']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['buttons']['attributes'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'buttons' ][ 'attributes' ] type must be 'Object'");
         }
     }
     if (is_string($dataAX['items']['buttons']['click'])) {
         parent::addData("items.buttons.click", $dataAX['items']['buttons']['click']);
         unset($dataAX['items']['buttons']['click']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['buttons']['click'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'buttons' ][ 'click' ] type must be 'Function'");
         }
     }
     if (is_bool($dataAX['items']['buttons']['enable'])) {
         parent::addData("items.buttons.enable", $dataAX['items']['buttons']['enable']);
         unset($dataAX['items']['buttons']['enable']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['buttons']['enable'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'buttons' ][ 'enable' ] type must be 'Boolean'");
         }
     }
     if (is_string($dataAX['items']['buttons']['group'])) {
         parent::addData("items.buttons.group", $dataAX['items']['buttons']['group']);
         unset($dataAX['items']['buttons']['group']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['buttons']['group'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'buttons' ][ 'group' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['items']['buttons']['icon'])) {
         parent::addData("items.buttons.icon", $dataAX['items']['buttons']['icon']);
         unset($dataAX['items']['buttons']['icon']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['buttons']['icon'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'buttons' ][ 'icon' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['items']['buttons']['id'])) {
         parent::addData("items.buttons.id", $dataAX['items']['buttons']['id']);
         unset($dataAX['items']['buttons']['id']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['buttons']['id'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'buttons' ][ 'id' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['items']['buttons']['imageUrl'])) {
         parent::addData("items.buttons.imageUrl", $dataAX['items']['buttons']['imageUrl']);
         unset($dataAX['items']['buttons']['imageUrl']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['buttons']['imageUrl'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'buttons' ][ 'imageUrl' ] type must be 'String'");
         }
     }
     if (is_bool($dataAX['items']['buttons']['selected'])) {
         parent::addData("items.buttons.selected", $dataAX['items']['buttons']['selected']);
         unset($dataAX['items']['buttons']['selected']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['buttons']['selected'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'buttons' ][ 'selected' ] type must be 'Boolean'");
         }
     }
     if (is_string($dataAX['items']['buttons']['showIcon'])) {
         parent::addData("items.buttons.showIcon", $dataAX['items']['buttons']['showIcon']);
         unset($dataAX['items']['buttons']['showIcon']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['buttons']['showIcon'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'buttons' ][ 'showIcon' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['items']['buttons']['showText'])) {
         parent::addData("items.buttons.showText", $dataAX['items']['buttons']['showText']);
         unset($dataAX['items']['buttons']['showText']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['buttons']['showText'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'buttons' ][ 'showText' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['items']['buttons']['spriteCssClass'])) {
         parent::addData("items.buttons.spriteCssClass", $dataAX['items']['buttons']['spriteCssClass']);
         unset($dataAX['items']['buttons']['spriteCssClass']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['buttons']['spriteCssClass'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'buttons' ][ 'spriteCssClass' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['items']['buttons']['toggle'])) {
         parent::addData("items.buttons.toggle", $dataAX['items']['buttons']['toggle']);
         unset($dataAX['items']['buttons']['toggle']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['buttons']['toggle'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'buttons' ][ 'toggle' ] type must be 'Function'");
         }
     }
     if (is_bool($dataAX['items']['buttons']['togglable'])) {
         parent::addData("items.buttons.togglable", $dataAX['items']['buttons']['togglable']);
         unset($dataAX['items']['buttons']['togglable']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['buttons']['togglable'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'buttons' ][ 'togglable' ] type must be 'Boolean'");
         }
     }
     if (is_string($dataAX['items']['buttons']['text'])) {
         parent::addData("items.buttons.text", $dataAX['items']['buttons']['text']);
         unset($dataAX['items']['buttons']['text']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['buttons']['text'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'buttons' ][ 'text' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['items']['buttons']['url'])) {
         parent::addData("items.buttons.url", $dataAX['items']['buttons']['url']);
         unset($dataAX['items']['buttons']['url']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['buttons']['url'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'buttons' ][ 'url' ] type must be 'String'");
         }
     }
     if (is_array($dataAX['items']['menuButtons']['attributes'])) {
         parent::addData("items.menuButtons.attributes", $dataAX['items']['menuButtons']['attributes']);
         unset($dataAX['items']['menuButtons']['attributes']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['menuButtons']['attributes'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'menuButtons' ][ 'attributes' ] type must be 'Object'");
         }
     }
     if (is_bool($dataAX['items']['menuButtons']['enable'])) {
         parent::addData("items.menuButtons.enable", $dataAX['items']['menuButtons']['enable']);
         unset($dataAX['items']['menuButtons']['enable']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['menuButtons']['enable'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'menuButtons' ][ 'enable' ] type must be 'Boolean'");
         }
     }
     if (is_string($dataAX['items']['menuButtons']['icon'])) {
         parent::addData("items.menuButtons.icon", $dataAX['items']['menuButtons']['icon']);
         unset($dataAX['items']['menuButtons']['icon']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['menuButtons']['icon'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'menuButtons' ][ 'icon' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['items']['menuButtons']['id'])) {
         parent::addData("items.menuButtons.id", $dataAX['items']['menuButtons']['id']);
         unset($dataAX['items']['menuButtons']['id']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['menuButtons']['id'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'menuButtons' ][ 'id' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['items']['menuButtons']['imageUrl'])) {
         parent::addData("items.menuButtons.imageUrl", $dataAX['items']['menuButtons']['imageUrl']);
         unset($dataAX['items']['menuButtons']['imageUrl']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['menuButtons']['imageUrl'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'menuButtons' ][ 'imageUrl' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['items']['menuButtons']['spriteCssClass'])) {
         parent::addData("items.menuButtons.spriteCssClass", $dataAX['items']['menuButtons']['spriteCssClass']);
         unset($dataAX['items']['menuButtons']['spriteCssClass']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['menuButtons']['spriteCssClass'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'menuButtons' ][ 'spriteCssClass' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['items']['menuButtons']['text'])) {
         parent::addData("items.menuButtons.text", $dataAX['items']['menuButtons']['text']);
         unset($dataAX['items']['menuButtons']['text']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['menuButtons']['text'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'menuButtons' ][ 'text' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['items']['menuButtons']['url'])) {
         parent::addData("items.menuButtons.url", $dataAX['items']['menuButtons']['url']);
         unset($dataAX['items']['menuButtons']['url']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['menuButtons']['url'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'menuButtons' ][ 'url' ] type must be 'String'");
         }
     }
     if (is_array($dataAX['items']['attributes'])) {
         parent::addData("items.attributes", $dataAX['items']['attributes']);
         unset($dataAX['items']['attributes']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['attributes'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'attributes' ] type must be 'Object'");
         }
     }
     if (is_array($dataAX['items']['buttons'])) {
         parent::addData("items.buttons", $dataAX['items']['buttons']);
         unset($dataAX['items']['buttons']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['buttons'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'buttons' ] type must be 'Array'");
         }
     }
     if (is_string($dataAX['items']['click'])) {
         parent::addData("items.click", $dataAX['items']['click']);
         unset($dataAX['items']['click']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['click'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'click' ] type must be 'Function'");
         }
     }
     if (is_bool($dataAX['items']['enable'])) {
         parent::addData("items.enable", $dataAX['items']['enable']);
         unset($dataAX['items']['enable']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['enable'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'enable' ] type must be 'Boolean'");
         }
     }
     if (is_string($dataAX['items']['group'])) {
         parent::addData("items.group", $dataAX['items']['group']);
         unset($dataAX['items']['group']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['group'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'group' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['items']['icon'])) {
         parent::addData("items.icon", $dataAX['items']['icon']);
         unset($dataAX['items']['icon']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['icon'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'icon' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['items']['id'])) {
         parent::addData("items.id", $dataAX['items']['id']);
         unset($dataAX['items']['id']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['id'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'id' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['items']['imageUrl'])) {
         parent::addData("items.imageUrl", $dataAX['items']['imageUrl']);
         unset($dataAX['items']['imageUrl']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['imageUrl'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'imageUrl' ] type must be 'String'");
         }
     }
     if (is_array($dataAX['items']['menuButtons'])) {
         parent::addData("items.menuButtons", $dataAX['items']['menuButtons']);
         unset($dataAX['items']['menuButtons']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['menuButtons'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'menuButtons' ] type must be 'Array'");
         }
     }
     if (is_string($dataAX['items']['overflow'])) {
         parent::addData("items.overflow", $dataAX['items']['overflow']);
         unset($dataAX['items']['overflow']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['overflow'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'overflow' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['items']['overflowTemplate'])) {
         parent::addData("items.overflowTemplate", $dataAX['items']['overflowTemplate']);
         unset($dataAX['items']['overflowTemplate']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['overflowTemplate'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'overflowTemplate' ] type must be 'String' | 'Function'");
         }
     }
     if (is_bool($dataAX['items']['primary'])) {
         parent::addData("items.primary", $dataAX['items']['primary']);
         unset($dataAX['items']['primary']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['primary'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'primary' ] type must be 'Boolean'");
         }
     }
     if (is_bool($dataAX['items']['selected'])) {
         parent::addData("items.selected", $dataAX['items']['selected']);
         unset($dataAX['items']['selected']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['selected'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'selected' ] type must be 'Boolean'");
         }
     }
     if (is_string($dataAX['items']['showIcon'])) {
         parent::addData("items.showIcon", $dataAX['items']['showIcon']);
         unset($dataAX['items']['showIcon']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['showIcon'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'showIcon' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['items']['showText'])) {
         parent::addData("items.showText", $dataAX['items']['showText']);
         unset($dataAX['items']['showText']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['showText'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'showText' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['items']['spriteCssClass'])) {
         parent::addData("items.spriteCssClass", $dataAX['items']['spriteCssClass']);
         unset($dataAX['items']['spriteCssClass']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['spriteCssClass'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'spriteCssClass' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['items']['template'])) {
         parent::addData("items.template", $dataAX['items']['template']);
         unset($dataAX['items']['template']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['template'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'template' ] type must be 'String' | 'Function'");
         }
     }
     if (is_string($dataAX['items']['text'])) {
         parent::addData("items.text", $dataAX['items']['text']);
         unset($dataAX['items']['text']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['text'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'text' ] type must be 'String'");
         }
     }
     if (is_bool($dataAX['items']['togglable'])) {
         parent::addData("items.togglable", $dataAX['items']['togglable']);
         unset($dataAX['items']['togglable']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['togglable'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'togglable' ] type must be 'Boolean'");
         }
     }
     if (is_string($dataAX['items']['toggle'])) {
         parent::addData("items.toggle", $dataAX['items']['toggle']);
         unset($dataAX['items']['toggle']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['toggle'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'toggle' ] type must be 'Function'");
         }
     }
     if (is_string($dataAX['items']['type'])) {
         parent::addData("items.type", $dataAX['items']['type']);
         unset($dataAX['items']['type']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['type'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'type' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['items']['url'])) {
         parent::addData("items.url", $dataAX['items']['url']);
         unset($dataAX['items']['url']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items']['url'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ][ 'url' ] type must be 'String'");
         }
     }
     if (is_array($dataAX['items'])) {
         parent::addData("items", $dataAX['items']);
         unset($dataAX['items']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['items'])) {
             throw new Exception("Type error - KendoUiToolBar::items ( \$data[ 'items' ] type must be 'Array'");
         }
     }
 }

Ejemplo n.º 8

Archivo: KendoUiTreeView.class.php Proyecto: helmutkemper/KendoUI

 /**
 * Template for rendering each node.
 * @var $dataAX[ 'template' ]: ( String | Function )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/treeview#configuration-template
 * 
 * @code
   &lt;div id="treeview"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#treeview").kendoTreeView({<br>&nbsp;template: "#= item.text # (#= item.inStock #)",<br>&nbsp;dataSource: [<br>&nbsp;&nbsp;{ text: "foo", inStock: 7, items: [<br>&nbsp;&nbsp;&nbsp;{ text: "bar", inStock: 2 },<br>&nbsp;&nbsp;&nbsp;{ text: "baz", inStock: 5 }<br>&nbsp;&nbsp;] }<br>&nbsp;]<br>});<br>&lt;/script&gt;
 * @endcode
 * @throws string type error
 */
 public function template($dataAX)
 {
     if (!is_string($this->outputCStr)) {
         $this->outputCStr = '';
     }
     $dataAX = array("template" => $dataAX);
     if (is_string($dataAX['template'])) {
         parent::addData("template", $dataAX['template']);
         unset($dataAX['template']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['template'])) {
             throw new Exception("Type error - KendoUiTreeView::template ( \$data[ 'template' ] type must be 'String' | 'Function'");
         }
     }
 }

Ejemplo n.º 9

Archivo: KendoUiDraggable.class.php Proyecto: helmutkemper/KendoUI

 /**
 * Specifies child elements for which the drag will not be initialized. Useful if the draggable contains input elements.
 * @var $dataAX[ 'ignore' ]: ( Selector )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/draggable#configuration-ignore
 * 
 * @code
   Example
    <div id="container">
        <input type="text" />
        <div>Foo</div>
    </div>
    
    <script>
      $("#container").kendoDraggable({
        ignore: "input",
        hint: function(element) {
          return element.clone();
        }
      });
    </script>
    <style>
        #container {
            width: 50px;
            height: 50px;
            border: 2px solid green;
            margin: 5px;
        }
    </style>
 * @endcode
 * @throws string type error
 */
 public function ignore($dataAX)
 {
     if (!is_string($this->outputCStr)) {
         $this->outputCStr = '';
     }
     $dataAX = array("ignore" => $dataAX);
     if (is_string($dataAX['ignore'])) {
         parent::addData("ignore", $dataAX['ignore']);
         unset($dataAX['ignore']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['ignore'])) {
             throw new Exception("Type error - KendoUiDraggable::ignore ( \$data[ 'ignore' ] type must be 'Selector'");
         }
     }
 }

Ejemplo n.º 10

Archivo: KendoUiWindow.class.php Proyecto: helmutkemper/KendoUI

 /**
 * Specifies height of the window.
 * @var $dataAX[ 'height' ]: ( Number | String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/window#configuration-height
 * 
 * @code
   &lt;div id="dialog"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#dialog").kendoWindow({<br>&nbsp;height: 400<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="dialog"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#dialog").kendoWindow({<br>&nbsp;height: "50%"<br>});<br>&lt;/script&gt;
 * @endcode
 * @throws string type error
 */
 public function height($dataAX)
 {
     if (!is_string($this->outputCStr)) {
         $this->outputCStr = '';
     }
     $dataAX = array("height" => $dataAX);
     if (is_numeric($dataAX['height'])) {
         parent::addData("height", $dataAX['height']);
         unset($dataAX['height']);
         parent::garbageCollector($dataAX);
     } else {
         if (is_string($dataAX['height'])) {
             parent::addData("height", $dataAX['height']);
             unset($dataAX['height']);
             parent::garbageCollector($dataAX);
         } else {
             if (isset($dataAX['height'])) {
                 throw new Exception("Type error - KendoUiWindow::height ( \$data[ 'height' ] type must be 'Number' | 'String'");
             }
         }
     }
 }

Ejemplo n.º 11

Archivo: KendoUiSplitter.class.php Proyecto: helmutkemper/KendoUI

 /**
 * An array of pane definitions.
 * @var $dataAX[ 'panes' ]: ( Array )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/splitter#configuration-panes
 * 
 * Specifies whether a pane is initially collapsed (<strong>true</strong>) or expanded (<strong>true</strong>).
 * @var $dataAX[ 'panes' ][ 'collapsed' ]: ( Boolean ) ( default: false )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/splitter#configuration-panes.collapsed
 * 
 * @code
   &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ {}, { collapsed: true } ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { collapsible: true, collapsedSize: "10%" }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { collapsible: true }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ {}, { contentUrl: "http://www.telerik.com/" } ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { max: "200px" }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { min: "100px" }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { resizable: false }, { resizable: false } ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { scrollable: false }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { size: "10%" }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies the size of a collapsible pane when collapsed, defined as pixels (i.e. "200px") or as a percentage (i.e. "50%"). When the pane is collapsed a <strong>.k-state-collapsed</strong> class is added to it to ease its styling. Note: This value must not exceed <strong>panes.max</strong> or be less then <strong>panes.min</strong>.
 * @var $dataAX[ 'panes' ][ 'collapsedSize' ]: ( String ) ( default: false )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/splitter#configuration-panes.collapsedSize
 * 
 * @code
   &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ {}, { collapsed: true } ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { collapsible: true, collapsedSize: "10%" }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { collapsible: true }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ {}, { contentUrl: "http://www.telerik.com/" } ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { max: "200px" }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { min: "100px" }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { resizable: false }, { resizable: false } ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { scrollable: false }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { size: "10%" }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies whether a pane is collapsible (<strong>true</strong>) or not collapsible (<strong>false</strong>).
 * @var $dataAX[ 'panes' ][ 'collapsible' ]: ( Boolean ) ( default: true )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/splitter#configuration-panes.collapsible
 * 
 * @code
   &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ {}, { collapsed: true } ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { collapsible: true, collapsedSize: "10%" }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { collapsible: true }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ {}, { contentUrl: "http://www.telerik.com/" } ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { max: "200px" }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { min: "100px" }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { resizable: false }, { resizable: false } ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { scrollable: false }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { size: "10%" }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies the URL from which to load the content of a pane.
 * @var $dataAX[ 'panes' ][ 'contentUrl' ]: ( String ) ( default: true )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/splitter#configuration-panes.contentUrl
 * 
 * @code
   &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ {}, { collapsed: true } ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { collapsible: true, collapsedSize: "10%" }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { collapsible: true }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ {}, { contentUrl: "http://www.telerik.com/" } ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { max: "200px" }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { min: "100px" }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { resizable: false }, { resizable: false } ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { scrollable: false }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { size: "10%" }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies the maximum size of a pane defined as pixels (i.e. "200px") or as a percentage (i.e. "50%"). The size of a resized pane cannot exceed the defined maximum size.
 * @var $dataAX[ 'panes' ][ 'max' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/splitter#configuration-panes.max
 * 
 * @code
   &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ {}, { collapsed: true } ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { collapsible: true, collapsedSize: "10%" }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { collapsible: true }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ {}, { contentUrl: "http://www.telerik.com/" } ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { max: "200px" }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { min: "100px" }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { resizable: false }, { resizable: false } ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { scrollable: false }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { size: "10%" }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies the minimum size of a pane defined as pixels (i.e. "200px") or as a percentage (i.e. "50%"). The size of a resized pane cannot be less than the defined minimum size.
 * @var $dataAX[ 'panes' ][ 'min' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/splitter#configuration-panes.min
 * 
 * @code
   &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ {}, { collapsed: true } ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { collapsible: true, collapsedSize: "10%" }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { collapsible: true }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ {}, { contentUrl: "http://www.telerik.com/" } ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { max: "200px" }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { min: "100px" }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { resizable: false }, { resizable: false } ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { scrollable: false }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { size: "10%" }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies whether a pane is resizable (<strong>true</strong>) or not resizable (<strong>false</strong>).
 * @var $dataAX[ 'panes' ][ 'resizable' ]: ( Boolean )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/splitter#configuration-panes.resizable
 * 
 * @code
   &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ {}, { collapsed: true } ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { collapsible: true, collapsedSize: "10%" }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { collapsible: true }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ {}, { contentUrl: "http://www.telerik.com/" } ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { max: "200px" }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { min: "100px" }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { resizable: false }, { resizable: false } ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { scrollable: false }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { size: "10%" }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies whether a pane is scrollable (<strong>true</strong>) or not scrollable (<strong>false</strong>).
 * @var $dataAX[ 'panes' ][ 'scrollable' ]: ( Boolean )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/splitter#configuration-panes.scrollable
 * 
 * @code
   &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ {}, { collapsed: true } ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { collapsible: true, collapsedSize: "10%" }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { collapsible: true }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ {}, { contentUrl: "http://www.telerik.com/" } ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { max: "200px" }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { min: "100px" }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { resizable: false }, { resizable: false } ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { scrollable: false }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { size: "10%" }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * 
 * Specifies the size of a pane defined as pixels (i.e. "200px") or as a percentage (i.e. "50%"). It is recommended that one pane is left without size in order to compensate for changes in the viewport size. Note: This value must not exceed <strong>panes.max</strong> or be less then <strong>panes.min</strong>.
 * @var $dataAX[ 'panes' ][ 'size' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/splitter#configuration-panes.size
 * 
 * @code
   &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ {}, { collapsed: true } ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { collapsible: true, collapsedSize: "10%" }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { collapsible: true }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ {}, { contentUrl: "http://www.telerik.com/" } ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { max: "200px" }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { min: "100px" }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { resizable: false }, { resizable: false } ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { scrollable: false }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="splitter"&gt;<br>&nbsp;&lt;div&gt;Pane A&lt;/div&gt;<br>&nbsp;&lt;div&gt;Pane B&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script&gt;<br>$("#splitter").kendoSplitter({<br>&nbsp;panes: [ { size: "10%" }, {} ]<br>});<br>&lt;/script&gt;
 * @endcode
 * @throws string type error
 */
 public function panes($dataAX)
 {
     if (!is_string($this->outputCStr)) {
         $this->outputCStr = '';
     }
     $dataAX = array("panes" => $dataAX);
     if (is_bool($dataAX['panes']['collapsed'])) {
         parent::addData("panes.collapsed", $dataAX['panes']['collapsed']);
         unset($dataAX['panes']['collapsed']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['panes']['collapsed'])) {
             throw new Exception("Type error - KendoUiSplitter::panes ( \$data[ 'panes' ][ 'collapsed' ] type must be 'Boolean'");
         }
     }
     if (is_string($dataAX['panes']['collapsedSize'])) {
         parent::addData("panes.collapsedSize", $dataAX['panes']['collapsedSize']);
         unset($dataAX['panes']['collapsedSize']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['panes']['collapsedSize'])) {
             throw new Exception("Type error - KendoUiSplitter::panes ( \$data[ 'panes' ][ 'collapsedSize' ] type must be 'String'");
         }
     }
     if (is_bool($dataAX['panes']['collapsible'])) {
         parent::addData("panes.collapsible", $dataAX['panes']['collapsible']);
         unset($dataAX['panes']['collapsible']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['panes']['collapsible'])) {
             throw new Exception("Type error - KendoUiSplitter::panes ( \$data[ 'panes' ][ 'collapsible' ] type must be 'Boolean'");
         }
     }
     if (is_string($dataAX['panes']['contentUrl'])) {
         parent::addData("panes.contentUrl", $dataAX['panes']['contentUrl']);
         unset($dataAX['panes']['contentUrl']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['panes']['contentUrl'])) {
             throw new Exception("Type error - KendoUiSplitter::panes ( \$data[ 'panes' ][ 'contentUrl' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['panes']['max'])) {
         parent::addData("panes.max", $dataAX['panes']['max']);
         unset($dataAX['panes']['max']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['panes']['max'])) {
             throw new Exception("Type error - KendoUiSplitter::panes ( \$data[ 'panes' ][ 'max' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['panes']['min'])) {
         parent::addData("panes.min", $dataAX['panes']['min']);
         unset($dataAX['panes']['min']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['panes']['min'])) {
             throw new Exception("Type error - KendoUiSplitter::panes ( \$data[ 'panes' ][ 'min' ] type must be 'String'");
         }
     }
     if (is_bool($dataAX['panes']['resizable'])) {
         parent::addData("panes.resizable", $dataAX['panes']['resizable']);
         unset($dataAX['panes']['resizable']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['panes']['resizable'])) {
             throw new Exception("Type error - KendoUiSplitter::panes ( \$data[ 'panes' ][ 'resizable' ] type must be 'Boolean'");
         }
     }
     if (is_bool($dataAX['panes']['scrollable'])) {
         parent::addData("panes.scrollable", $dataAX['panes']['scrollable']);
         unset($dataAX['panes']['scrollable']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['panes']['scrollable'])) {
             throw new Exception("Type error - KendoUiSplitter::panes ( \$data[ 'panes' ][ 'scrollable' ] type must be 'Boolean'");
         }
     }
     if (is_string($dataAX['panes']['size'])) {
         parent::addData("panes.size", $dataAX['panes']['size']);
         unset($dataAX['panes']['size']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['panes']['size'])) {
             throw new Exception("Type error - KendoUiSplitter::panes ( \$data[ 'panes' ][ 'size' ] type must be 'String'");
         }
     }
     if (is_array($dataAX['panes'])) {
         parent::addData("panes", $dataAX['panes']);
         unset($dataAX['panes']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['panes'])) {
             throw new Exception("Type error - KendoUiSplitter::panes ( \$data[ 'panes' ] type must be 'Array'");
         }
     }
 }

Ejemplo n.º 12

Archivo: KendoUiRangeSlider.class.php Proyecto: helmutkemper/KendoUI

 /**
  * Configuration of the <strong>RangeSlider</strong> tooltip.
  * @var $dataAX[ 'tooltip' ]: ( Object )
  * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/rangeslider#configuration-tooltip
  * 
  * Disables (<strong>false</strong>) or enables (<strong>true</strong>) the tooltip of the <strong>RangeSlider</strong>.
  * @var $dataAX[ 'tooltip' ][ 'enabled' ]: ( Boolean ) ( default: true )
  * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/rangeslider#configuration-tooltip.enabled
  * 
  * Format string for the text of the tooltip. Note: The applied format will also influence the appearance of the <strong>RangeSlider</strong> tick labels.
  * @var $dataAX[ 'tooltip' ][ 'format' ]: ( String ) ( default: "{0}" )
  * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/rangeslider#configuration-tooltip.format
  * 
  * Template of the tooltip.
  * @var $dataAX[ 'tooltip' ][ 'template' ]: ( String )
  * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/rangeslider#configuration-tooltip.template
  * @throws string type error
  */
 public function tooltip($dataAX)
 {
     if (!is_string($this->outputCStr)) {
         $this->outputCStr = '';
     }
     $dataAX = array("tooltip" => $dataAX);
     if (is_bool($dataAX['tooltip']['enabled'])) {
         parent::addData("tooltip.enabled", $dataAX['tooltip']['enabled']);
         unset($dataAX['tooltip']['enabled']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['tooltip']['enabled'])) {
             throw new Exception("Type error - KendoUiRangeSlider::tooltip ( \$data[ 'tooltip' ][ 'enabled' ] type must be 'Boolean'");
         }
     }
     if (is_string($dataAX['tooltip']['format'])) {
         parent::addData("tooltip.format", $dataAX['tooltip']['format']);
         unset($dataAX['tooltip']['format']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['tooltip']['format'])) {
             throw new Exception("Type error - KendoUiRangeSlider::tooltip ( \$data[ 'tooltip' ][ 'format' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['tooltip']['template'])) {
         parent::addData("tooltip.template", $dataAX['tooltip']['template']);
         unset($dataAX['tooltip']['template']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['tooltip']['template'])) {
             throw new Exception("Type error - KendoUiRangeSlider::tooltip ( \$data[ 'tooltip' ][ 'template' ] type must be 'String'");
         }
     }
     if (is_array($dataAX['tooltip'])) {
         parent::addData("tooltip", $dataAX['tooltip']);
         unset($dataAX['tooltip']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['tooltip'])) {
             throw new Exception("Type error - KendoUiRangeSlider::tooltip ( \$data[ 'tooltip' ] type must be 'Object'");
         }
     }
 }

Ejemplo n.º 13

Archivo: KendoUiEditor.class.php Proyecto: helmutkemper/KendoUI

 /**
 * Configuration for file browser dialog.
 * @var $dataAX[ 'fileBrowser' ]: ( Object )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser
 * 
 * @code
   Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: "filebrowser/read",
          destroy: "filebrowser/destroy",
          create: "filebrowser/createDirectory",
          uploadUrl: "filebrowser/upload",
          fileUrl: "/content/files/{0}",
        },
        path: "/myInitialPath/"
      }
    });
    </script>
 * @endcode
 * 
 * Defines the allowed file extensions.
 * @var $dataAX[ 'fileBrowser' ][ 'fileTypes' ]: ( String ) ( default: "</em>.<em>" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.fileTypes
 * 
 * @code
   Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        // omitted for brevity 
        fileTypes: "*.zip"
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        // omitted for brevity 
        path: "/uploads/"
      }
    });
    </script>
 * @endcode
 * 
 * Defines the initial folder to display, relative to the root.
 * @var $dataAX[ 'fileBrowser' ][ 'path' ]: ( String ) ( default: "/" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.path
 * 
 * @code
   Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        // omitted for brevity 
        fileTypes: "*.zip"
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        // omitted for brevity 
        path: "/uploads/"
      }
    });
    </script>
 * @endcode
 * 
 * Specifies the settings for loading and saving data.
 * @var $dataAX[ 'fileBrowser' ][ 'transport' ]: ( Object )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.transport
 * 
 * @code
   Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        // omitted for brevity 
        fileTypes: "*.zip"
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        // omitted for brevity 
        path: "/uploads/"
      }
    });
    </script>
 * @endcode
 * 
 * Set the object responsible for describing the file raw data format.
 * @var $dataAX[ 'fileBrowser' ][ 'schema' ]: ( Object )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.schema
 * 
 * @code
   Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        // omitted for brevity 
        fileTypes: "*.zip"
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        // omitted for brevity 
        path: "/uploads/"
      }
    });
    </script>
 * @endcode
 * 
 * Defines texts shown within the file browser.
 * @var $dataAX[ 'fileBrowser' ][ 'messages' ]: ( Object )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.messages
 * 
 * @code
   Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        // omitted for brevity 
        fileTypes: "*.zip"
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        // omitted for brevity 
        path: "/uploads/"
      }
    });
    </script>
 * @endcode
 * 
 * Options or URL for remote file retrieval.
 * <strong>Important:</strong> The value of <code>transport.read</code> is passed to <a href="http://api.jquery.com/jQuery.ajax">jQuery.ajax</a>.
 * 
 * ( ! ) <strong>Important:</strong> The value of <b><u>transport.read</u></b> is passed to <a href="http://api.jquery.com/jQuery.ajax">jQuery.ajax</a>.
 * @var $dataAX[ 'fileBrowser' ][ 'transport' ][ 'read' ]: ( Object | String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.transport.read
 * 
 * @code
   Example - specify a read URL
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: "/filebrowser/read"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          uploadUrl: "/upload"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - fileUrl as String
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          fileUrl: "/content/files/{0}" //the placeholder will be replaced with the current virtual path and selected file name
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - fileUrl as Function (can be used to avoid automatic URL encoding)
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          fileUrl: function (e) {
            return "/content/files/" + e;
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: "/destroy"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: "/create"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          uploadFile: "Upload a file"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderBy: "Order by"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderByName: "Filename"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderBySize: "File size"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          directoryNotFound: "Directory not found!"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          emptyFolder: "Folder is empty"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          deleteFile: "Are you sure? This action cannot be undone."
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          invalidFileType: "Supported file types are {1}. Please retry your upload."
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          overwriteFile: "Do you want to overwrite the file with name '{0}'?"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          search: "Find"
        }
      }
    });
    </script>
 * @endcode
 * 
 * The URL which will handle the upload of the new files. If not specified the Upload button will not be displayed.
 * 
 * ( ! ) <strong>Important:</strong> The value of <b><u>transport.destroy</u></b> is passed to <a href="http://api.jquery.com/jQuery.ajax">jQuery.ajax</a>.
 * @var $dataAX[ 'fileBrowser' ][ 'transport' ][ 'uploadUrl' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.transport.uploadUrl
 * 
 * @code
   Example - specify a read URL
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: "/filebrowser/read"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          uploadUrl: "/upload"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - fileUrl as String
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          fileUrl: "/content/files/{0}" //the placeholder will be replaced with the current virtual path and selected file name
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - fileUrl as Function (can be used to avoid automatic URL encoding)
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          fileUrl: function (e) {
            return "/content/files/" + e;
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: "/destroy"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: "/create"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          uploadFile: "Upload a file"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderBy: "Order by"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderByName: "Filename"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderBySize: "File size"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          directoryNotFound: "Directory not found!"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          emptyFolder: "Folder is empty"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          deleteFile: "Are you sure? This action cannot be undone."
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          invalidFileType: "Supported file types are {1}. Please retry your upload."
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          overwriteFile: "Do you want to overwrite the file with name '{0}'?"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          search: "Find"
        }
      }
    });
    </script>
 * @endcode
 * 
 * The URL responsible for serving the original file. A file name placeholder should be specified. By default the placeholder value is URL encoded. If this is not desired, use a function.
 * 
 * ( ! ) <strong>Important:</strong> The value of <b><u>transport.create</u></b> is passed to <a href="http://api.jquery.com/jQuery.ajax">jQuery.ajax</a>.
 * @var $dataAX[ 'fileBrowser' ][ 'transport' ][ 'fileUrl' ]: ( String | Function )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.transport.fileUrl
 * 
 * @code
   Example - specify a read URL
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: "/filebrowser/read"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          uploadUrl: "/upload"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - fileUrl as String
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          fileUrl: "/content/files/{0}" //the placeholder will be replaced with the current virtual path and selected file name
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - fileUrl as Function (can be used to avoid automatic URL encoding)
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          fileUrl: function (e) {
            return "/content/files/" + e;
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: "/destroy"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: "/create"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          uploadFile: "Upload a file"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderBy: "Order by"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderByName: "Filename"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderBySize: "File size"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          directoryNotFound: "Directory not found!"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          emptyFolder: "Folder is empty"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          deleteFile: "Are you sure? This action cannot be undone."
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          invalidFileType: "Supported file types are {1}. Please retry your upload."
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          overwriteFile: "Do you want to overwrite the file with name '{0}'?"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          search: "Find"
        }
      }
    });
    </script>
 * @endcode
 * 
 * Options or URL which will handle the file and directory deletion. If not specified the delete button will not be present.
 * <strong>Important:</strong> The value of <code>transport.destroy</code> is passed to <a href="http://api.jquery.com/jQuery.ajax">jQuery.ajax</a>.
 * @var $dataAX[ 'fileBrowser' ][ 'transport' ][ 'destroy' ]: ( Object | String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.transport.destroy
 * 
 * @code
   Example - specify a read URL
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: "/filebrowser/read"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          uploadUrl: "/upload"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - fileUrl as String
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          fileUrl: "/content/files/{0}" //the placeholder will be replaced with the current virtual path and selected file name
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - fileUrl as Function (can be used to avoid automatic URL encoding)
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          fileUrl: function (e) {
            return "/content/files/" + e;
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: "/destroy"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: "/create"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          uploadFile: "Upload a file"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderBy: "Order by"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderByName: "Filename"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderBySize: "File size"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          directoryNotFound: "Directory not found!"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          emptyFolder: "Folder is empty"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          deleteFile: "Are you sure? This action cannot be undone."
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          invalidFileType: "Supported file types are {1}. Please retry your upload."
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          overwriteFile: "Do you want to overwrite the file with name '{0}'?"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          search: "Find"
        }
      }
    });
    </script>
 * @endcode
 * 
 * Options or URL which will handle the directory creation. If not specified that create new folder button will not be present.
 * <strong>Important:</strong> The value of <code>transport.create</code> is passed to <a href="http://api.jquery.com/jQuery.ajax">jQuery.ajax</a>.
 * @var $dataAX[ 'fileBrowser' ][ 'transport' ][ 'create' ]: ( Object | String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.transport.create
 * 
 * @code
   Example - specify a read URL
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: "/filebrowser/read"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          uploadUrl: "/upload"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - fileUrl as String
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          fileUrl: "/content/files/{0}" //the placeholder will be replaced with the current virtual path and selected file name
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - fileUrl as Function (can be used to avoid automatic URL encoding)
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          fileUrl: function (e) {
            return "/content/files/" + e;
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: "/destroy"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: "/create"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          uploadFile: "Upload a file"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderBy: "Order by"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderByName: "Filename"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderBySize: "File size"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          directoryNotFound: "Directory not found!"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          emptyFolder: "Folder is empty"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          deleteFile: "Are you sure? This action cannot be undone."
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          invalidFileType: "Supported file types are {1}. Please retry your upload."
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          overwriteFile: "Do you want to overwrite the file with name '{0}'?"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          search: "Find"
        }
      }
    });
    </script>
 * @endcode
 * 
 * Set the object which describes the file/directory entry fields. Note that a name, type and size fields should be set.
 * @var $dataAX[ 'fileBrowser' ][ 'schema' ][ 'model' ]: ( Object )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.schema.model
 * 
 * @code
   Example - specify a read URL
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: "/filebrowser/read"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          uploadUrl: "/upload"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - fileUrl as String
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          fileUrl: "/content/files/{0}" //the placeholder will be replaced with the current virtual path and selected file name
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - fileUrl as Function (can be used to avoid automatic URL encoding)
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          fileUrl: function (e) {
            return "/content/files/" + e;
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: "/destroy"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: "/create"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          uploadFile: "Upload a file"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderBy: "Order by"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderByName: "Filename"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderBySize: "File size"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          directoryNotFound: "Directory not found!"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          emptyFolder: "Folder is empty"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          deleteFile: "Are you sure? This action cannot be undone."
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          invalidFileType: "Supported file types are {1}. Please retry your upload."
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          overwriteFile: "Do you want to overwrite the file with name '{0}'?"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          search: "Find"
        }
      }
    });
    </script>
 * @endcode
 * 
 * Defines text for upload button.
 * @var $dataAX[ 'fileBrowser' ][ 'messages' ][ 'uploadFile' ]: ( String ) ( default: "Upload" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.messages.uploadFile
 * 
 * @code
   Example - specify a read URL
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: "/filebrowser/read"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          uploadUrl: "/upload"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - fileUrl as String
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          fileUrl: "/content/files/{0}" //the placeholder will be replaced with the current virtual path and selected file name
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - fileUrl as Function (can be used to avoid automatic URL encoding)
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          fileUrl: function (e) {
            return "/content/files/" + e;
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: "/destroy"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: "/create"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          uploadFile: "Upload a file"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderBy: "Order by"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderByName: "Filename"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderBySize: "File size"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          directoryNotFound: "Directory not found!"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          emptyFolder: "Folder is empty"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          deleteFile: "Are you sure? This action cannot be undone."
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          invalidFileType: "Supported file types are {1}. Please retry your upload."
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          overwriteFile: "Do you want to overwrite the file with name '{0}'?"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          search: "Find"
        }
      }
    });
    </script>
 * @endcode
 * 
 * Defines text for order by label.
 * @var $dataAX[ 'fileBrowser' ][ 'messages' ][ 'orderBy' ]: ( String ) ( default: "Arrange by" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.messages.orderBy
 * 
 * @code
   Example - specify a read URL
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: "/filebrowser/read"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          uploadUrl: "/upload"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - fileUrl as String
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          fileUrl: "/content/files/{0}" //the placeholder will be replaced with the current virtual path and selected file name
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - fileUrl as Function (can be used to avoid automatic URL encoding)
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          fileUrl: function (e) {
            return "/content/files/" + e;
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: "/destroy"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: "/create"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          uploadFile: "Upload a file"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderBy: "Order by"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderByName: "Filename"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderBySize: "File size"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          directoryNotFound: "Directory not found!"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          emptyFolder: "Folder is empty"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          deleteFile: "Are you sure? This action cannot be undone."
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          invalidFileType: "Supported file types are {1}. Please retry your upload."
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          overwriteFile: "Do you want to overwrite the file with name '{0}'?"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          search: "Find"
        }
      }
    });
    </script>
 * @endcode
 * 
 * Defines text for Name item of order by drop down list.
 * @var $dataAX[ 'fileBrowser' ][ 'messages' ][ 'orderByName' ]: ( String ) ( default: "Name" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.messages.orderByName
 * 
 * @code
   Example - specify a read URL
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: "/filebrowser/read"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          uploadUrl: "/upload"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - fileUrl as String
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          fileUrl: "/content/files/{0}" //the placeholder will be replaced with the current virtual path and selected file name
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - fileUrl as Function (can be used to avoid automatic URL encoding)
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          fileUrl: function (e) {
            return "/content/files/" + e;
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: "/destroy"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: "/create"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          uploadFile: "Upload a file"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderBy: "Order by"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderByName: "Filename"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderBySize: "File size"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          directoryNotFound: "Directory not found!"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          emptyFolder: "Folder is empty"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          deleteFile: "Are you sure? This action cannot be undone."
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          invalidFileType: "Supported file types are {1}. Please retry your upload."
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          overwriteFile: "Do you want to overwrite the file with name '{0}'?"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          search: "Find"
        }
      }
    });
    </script>
 * @endcode
 * 
 * Defines text for Size item of order by drop down list.
 * @var $dataAX[ 'fileBrowser' ][ 'messages' ][ 'orderBySize' ]: ( String ) ( default: "Size" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.messages.orderBySize
 * 
 * @code
   Example - specify a read URL
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: "/filebrowser/read"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          uploadUrl: "/upload"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - fileUrl as String
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          fileUrl: "/content/files/{0}" //the placeholder will be replaced with the current virtual path and selected file name
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - fileUrl as Function (can be used to avoid automatic URL encoding)
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          fileUrl: function (e) {
            return "/content/files/" + e;
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: "/destroy"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: "/create"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          uploadFile: "Upload a file"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderBy: "Order by"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderByName: "Filename"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderBySize: "File size"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          directoryNotFound: "Directory not found!"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          emptyFolder: "Folder is empty"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          deleteFile: "Are you sure? This action cannot be undone."
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          invalidFileType: "Supported file types are {1}. Please retry your upload."
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          overwriteFile: "Do you want to overwrite the file with name '{0}'?"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          search: "Find"
        }
      }
    });
    </script>
 * @endcode
 * 
 * Defines text for dialog shown when the directory not found error occurs.
 * @var $dataAX[ 'fileBrowser' ][ 'messages' ][ 'directoryNotFound' ]: ( String ) ( default: "A directory with this name was not found." )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.messages.directoryNotFound
 * 
 * @code
   Example - specify a read URL
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: "/filebrowser/read"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          uploadUrl: "/upload"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - fileUrl as String
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          fileUrl: "/content/files/{0}" //the placeholder will be replaced with the current virtual path and selected file name
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - fileUrl as Function (can be used to avoid automatic URL encoding)
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          fileUrl: function (e) {
            return "/content/files/" + e;
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: "/destroy"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: "/create"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          uploadFile: "Upload a file"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderBy: "Order by"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderByName: "Filename"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderBySize: "File size"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          directoryNotFound: "Directory not found!"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          emptyFolder: "Folder is empty"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          deleteFile: "Are you sure? This action cannot be undone."
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          invalidFileType: "Supported file types are {1}. Please retry your upload."
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          overwriteFile: "Do you want to overwrite the file with name '{0}'?"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          search: "Find"
        }
      }
    });
    </script>
 * @endcode
 * 
 * Defines text displayed when folder does not contain items.
 * @var $dataAX[ 'fileBrowser' ][ 'messages' ][ 'emptyFolder' ]: ( String ) ( default: "Empty Folder" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.messages.emptyFolder
 * 
 * @code
   Example - specify a read URL
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: "/filebrowser/read"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          uploadUrl: "/upload"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - fileUrl as String
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          fileUrl: "/content/files/{0}" //the placeholder will be replaced with the current virtual path and selected file name
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - fileUrl as Function (can be used to avoid automatic URL encoding)
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          fileUrl: function (e) {
            return "/content/files/" + e;
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: "/destroy"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: "/create"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          uploadFile: "Upload a file"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderBy: "Order by"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderByName: "Filename"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderBySize: "File size"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          directoryNotFound: "Directory not found!"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          emptyFolder: "Folder is empty"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          deleteFile: "Are you sure? This action cannot be undone."
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          invalidFileType: "Supported file types are {1}. Please retry your upload."
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          overwriteFile: "Do you want to overwrite the file with name '{0}'?"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          search: "Find"
        }
      }
    });
    </script>
 * @endcode
 * 
 * Defines text for dialog shown when the file or directory is deleted.
 * @var $dataAX[ 'fileBrowser' ][ 'messages' ][ 'deleteFile' ]: ( String ) ( default: "Are you sure you want to delete {0}?" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.messages.deleteFile
 * 
 * @code
   Example - specify a read URL
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: "/filebrowser/read"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          uploadUrl: "/upload"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - fileUrl as String
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          fileUrl: "/content/files/{0}" //the placeholder will be replaced with the current virtual path and selected file name
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - fileUrl as Function (can be used to avoid automatic URL encoding)
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          fileUrl: function (e) {
            return "/content/files/" + e;
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: "/destroy"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: "/create"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          uploadFile: "Upload a file"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderBy: "Order by"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderByName: "Filename"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderBySize: "File size"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          directoryNotFound: "Directory not found!"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          emptyFolder: "Folder is empty"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          deleteFile: "Are you sure? This action cannot be undone."
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          invalidFileType: "Supported file types are {1}. Please retry your upload."
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          overwriteFile: "Do you want to overwrite the file with name '{0}'?"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          search: "Find"
        }
      }
    });
    </script>
 * @endcode
 * 
 * Defines text for dialog shown when an invalid file is set for upload.
 * @var $dataAX[ 'fileBrowser' ][ 'messages' ][ 'invalidFileType' ]: ( String ) ( default: "The selected file '{0}' is not valid. Supported file types are {1}." )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.messages.invalidFileType
 * 
 * @code
   Example - specify a read URL
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: "/filebrowser/read"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          uploadUrl: "/upload"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - fileUrl as String
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          fileUrl: "/content/files/{0}" //the placeholder will be replaced with the current virtual path and selected file name
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - fileUrl as Function (can be used to avoid automatic URL encoding)
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          fileUrl: function (e) {
            return "/content/files/" + e;
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: "/destroy"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: "/create"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          uploadFile: "Upload a file"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderBy: "Order by"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderByName: "Filename"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderBySize: "File size"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          directoryNotFound: "Directory not found!"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          emptyFolder: "Folder is empty"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          deleteFile: "Are you sure? This action cannot be undone."
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          invalidFileType: "Supported file types are {1}. Please retry your upload."
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          overwriteFile: "Do you want to overwrite the file with name '{0}'?"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          search: "Find"
        }
      }
    });
    </script>
 * @endcode
 * 
 * Defines text for dialog shown when an already existing file is set for upload.
 * @var $dataAX[ 'fileBrowser' ][ 'messages' ][ 'overwriteFile' ]: ( String ) ( default: "A file with name '{0}' already exists in the current directory. Do you want to overwrite it?" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.messages.overwriteFile
 * 
 * @code
   Example - specify a read URL
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: "/filebrowser/read"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          uploadUrl: "/upload"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - fileUrl as String
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          fileUrl: "/content/files/{0}" //the placeholder will be replaced with the current virtual path and selected file name
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - fileUrl as Function (can be used to avoid automatic URL encoding)
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          fileUrl: function (e) {
            return "/content/files/" + e;
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: "/destroy"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: "/create"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          uploadFile: "Upload a file"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderBy: "Order by"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderByName: "Filename"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderBySize: "File size"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          directoryNotFound: "Directory not found!"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          emptyFolder: "Folder is empty"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          deleteFile: "Are you sure? This action cannot be undone."
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          invalidFileType: "Supported file types are {1}. Please retry your upload."
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          overwriteFile: "Do you want to overwrite the file with name '{0}'?"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          search: "Find"
        }
      }
    });
    </script>
 * @endcode
 * 
 * Defines text for search box pleaceholder.
 * @var $dataAX[ 'fileBrowser' ][ 'messages' ][ 'search' ]: ( String ) ( default: "Search" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.messages.search
 * 
 * @code
   Example - specify a read URL
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: "/filebrowser/read"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          uploadUrl: "/upload"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - fileUrl as String
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          fileUrl: "/content/files/{0}" //the placeholder will be replaced with the current virtual path and selected file name
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - fileUrl as Function (can be used to avoid automatic URL encoding)
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          fileUrl: function (e) {
            return "/content/files/" + e;
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: "/destroy"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: "/create"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          uploadFile: "Upload a file"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderBy: "Order by"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderByName: "Filename"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          orderBySize: "File size"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          directoryNotFound: "Directory not found!"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          emptyFolder: "Folder is empty"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          deleteFile: "Are you sure? This action cannot be undone."
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          invalidFileType: "Supported file types are {1}. Please retry your upload."
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          overwriteFile: "Do you want to overwrite the file with name '{0}'?"
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        messages: {
          search: "Find"
        }
      }
    });
    </script>
 * @endcode
 * 
 * The content-type HTTP header sent to the server. Use <b><u>"application/json"</u></b> if the content is JSON. Refer to the <a href="http://api.jquery.com/jQuery.ajax">jQuery.ajax</a> documentation for further info.
 * @var $dataAX[ 'fileBrowser' ][ 'transport' ][ 'read' ][ 'contentType' ]: ( String ) ( default: "application/x-www-form-urlencoded" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.transport.read.contentType
 * 
 * @code
   Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            // omitted for brevity 
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            data: function() {
              return { id: 42, name: "John Doe" };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            url: "/read"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Read URL As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            url: function(params) {
              // build url
              return "/read?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            data: function() {
              return {
                id: 42,
                name: "John Doe"
              };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            url: "/destroy"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Destroy URL As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            url: function(params) {
              // build url
              return "/destroy?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify data as object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify data as function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            data: function() {
              return {
                id: 42,
                name: "John Doe"
              };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            url: "/create"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify create url as function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            url: function(params) {
              // build url
              return "/create?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * 
 * Data to be send to the server. Refer to the <a href="http://api.jquery.com/jQuery.ajax">jQuery.ajax</a> documentation for further info.
 * @var $dataAX[ 'fileBrowser' ][ 'transport' ][ 'read' ][ 'data' ]: ( Object | String | Function )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.transport.read.data
 * 
 * @code
   Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            // omitted for brevity 
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            data: function() {
              return { id: 42, name: "John Doe" };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            url: "/read"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Read URL As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            url: function(params) {
              // build url
              return "/read?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            data: function() {
              return {
                id: 42,
                name: "John Doe"
              };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            url: "/destroy"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Destroy URL As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            url: function(params) {
              // build url
              return "/destroy?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify data as object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify data as function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            data: function() {
              return {
                id: 42,
                name: "John Doe"
              };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            url: "/create"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify create url as function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            url: function(params) {
              // build url
              return "/create?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * 
 * The type of data that you're expecting back from the server. Commonly used values are <b><u>"json"</u></b> and <b><u>"jsonp"</u></b>. Refer to the <a href="http://api.jquery.com/jQuery.ajax">jQuery.ajax</a> documentation for further info.
 * @var $dataAX[ 'fileBrowser' ][ 'transport' ][ 'read' ][ 'dataType' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.transport.read.dataType
 * 
 * @code
   Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            // omitted for brevity 
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            data: function() {
              return { id: 42, name: "John Doe" };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            url: "/read"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Read URL As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            url: function(params) {
              // build url
              return "/read?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            data: function() {
              return {
                id: 42,
                name: "John Doe"
              };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            url: "/destroy"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Destroy URL As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            url: function(params) {
              // build url
              return "/destroy?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify data as object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify data as function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            data: function() {
              return {
                id: 42,
                name: "John Doe"
              };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            url: "/create"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify create url as function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            url: function(params) {
              // build url
              return "/create?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * 
 * The type of request to make (<b><u>"POST"</u></b>, <b><u>"GET</u></b>", <b><u>"PUT"</u></b> or <b><u>"DELETE"</u></b>), default is "GET". Refer to the <a href="http://api.jquery.com/jQuery.ajax">jQuery.ajax</a> documentation for further info.
 * @var $dataAX[ 'fileBrowser' ][ 'transport' ][ 'read' ][ 'type' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.transport.read.type
 * 
 * @code
   Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            // omitted for brevity 
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            data: function() {
              return { id: 42, name: "John Doe" };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            url: "/read"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Read URL As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            url: function(params) {
              // build url
              return "/read?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            data: function() {
              return {
                id: 42,
                name: "John Doe"
              };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            url: "/destroy"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Destroy URL As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            url: function(params) {
              // build url
              return "/destroy?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify data as object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify data as function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            data: function() {
              return {
                id: 42,
                name: "John Doe"
              };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            url: "/create"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify create url as function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            url: function(params) {
              // build url
              return "/create?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * 
 * The remote url to call when fetching list of items.
 * @var $dataAX[ 'fileBrowser' ][ 'transport' ][ 'read' ][ 'url' ]: ( String | Function )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.transport.read.url
 * 
 * @code
   Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            // omitted for brevity 
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            data: function() {
              return { id: 42, name: "John Doe" };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            url: "/read"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Read URL As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            url: function(params) {
              // build url
              return "/read?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            data: function() {
              return {
                id: 42,
                name: "John Doe"
              };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            url: "/destroy"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Destroy URL As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            url: function(params) {
              // build url
              return "/destroy?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify data as object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify data as function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            data: function() {
              return {
                id: 42,
                name: "John Doe"
              };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            url: "/create"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify create url as function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            url: function(params) {
              // build url
              return "/create?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * 
 * The content-type HTTP header sent to the server. Default is <b><u>"application/x-www-form-urlencoded"</u></b>. Use <b><u>"application/json"</u></b> if the content is JSON. Refer to the <a href="http://api.jquery.com/jQuery.ajax">jQuery.ajax</a> documentation for further info.
 * @var $dataAX[ 'fileBrowser' ][ 'transport' ][ 'destroy' ][ 'contentType' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.transport.destroy.contentType
 * 
 * @code
   Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            // omitted for brevity 
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            data: function() {
              return { id: 42, name: "John Doe" };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            url: "/read"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Read URL As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            url: function(params) {
              // build url
              return "/read?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            data: function() {
              return {
                id: 42,
                name: "John Doe"
              };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            url: "/destroy"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Destroy URL As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            url: function(params) {
              // build url
              return "/destroy?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify data as object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify data as function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            data: function() {
              return {
                id: 42,
                name: "John Doe"
              };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            url: "/create"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify create url as function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            url: function(params) {
              // build url
              return "/create?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * 
 * Data to be send to the server. Refer to the <a href="http://api.jquery.com/jQuery.ajax">jQuery.ajax</a> documentation for further info.
 * @var $dataAX[ 'fileBrowser' ][ 'transport' ][ 'destroy' ][ 'data' ]: ( Object | String | Function )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.transport.destroy.data
 * 
 * @code
   Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            // omitted for brevity 
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            data: function() {
              return { id: 42, name: "John Doe" };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            url: "/read"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Read URL As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            url: function(params) {
              // build url
              return "/read?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            data: function() {
              return {
                id: 42,
                name: "John Doe"
              };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            url: "/destroy"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Destroy URL As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            url: function(params) {
              // build url
              return "/destroy?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify data as object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify data as function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            data: function() {
              return {
                id: 42,
                name: "John Doe"
              };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            url: "/create"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify create url as function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            url: function(params) {
              // build url
              return "/create?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * 
 * The type of data that you're expecting back from the server. Commonly used values are <b><u>"json"</u></b> and <b><u>"jsonp"</u></b>. Refer to the <a href="http://api.jquery.com/jQuery.ajax">jQuery.ajax</a> documentation for further info.
 * @var $dataAX[ 'fileBrowser' ][ 'transport' ][ 'destroy' ][ 'dataType' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.transport.destroy.dataType
 * 
 * @code
   Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            // omitted for brevity 
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            data: function() {
              return { id: 42, name: "John Doe" };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            url: "/read"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Read URL As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            url: function(params) {
              // build url
              return "/read?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            data: function() {
              return {
                id: 42,
                name: "John Doe"
              };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            url: "/destroy"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Destroy URL As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            url: function(params) {
              // build url
              return "/destroy?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify data as object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify data as function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            data: function() {
              return {
                id: 42,
                name: "John Doe"
              };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            url: "/create"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify create url as function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            url: function(params) {
              // build url
              return "/create?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * 
 * The type of request to make (<b><u>"POST"</u></b>, <b><u>"GET</u></b>", <b><u>"PUT"</u></b> or <b><u>"DELETE"</u></b>), default is "GET". Refer to the <a href="http://api.jquery.com/jQuery.ajax">jQuery.ajax</a> documentation for further info.
 * @var $dataAX[ 'fileBrowser' ][ 'transport' ][ 'destroy' ][ 'type' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.transport.destroy.type
 * 
 * @code
   Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            // omitted for brevity 
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            data: function() {
              return { id: 42, name: "John Doe" };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            url: "/read"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Read URL As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            url: function(params) {
              // build url
              return "/read?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            data: function() {
              return {
                id: 42,
                name: "John Doe"
              };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            url: "/destroy"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Destroy URL As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            url: function(params) {
              // build url
              return "/destroy?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify data as object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify data as function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            data: function() {
              return {
                id: 42,
                name: "John Doe"
              };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            url: "/create"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify create url as function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            url: function(params) {
              // build url
              return "/create?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * 
 * The remote url to call when creating a new record.
 * @var $dataAX[ 'fileBrowser' ][ 'transport' ][ 'destroy' ][ 'url' ]: ( String | Function )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.transport.destroy.url
 * 
 * @code
   Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            // omitted for brevity 
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            data: function() {
              return { id: 42, name: "John Doe" };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            url: "/read"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Read URL As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            url: function(params) {
              // build url
              return "/read?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            data: function() {
              return {
                id: 42,
                name: "John Doe"
              };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            url: "/destroy"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Destroy URL As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            url: function(params) {
              // build url
              return "/destroy?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify data as object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify data as function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            data: function() {
              return {
                id: 42,
                name: "John Doe"
              };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            url: "/create"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify create url as function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            url: function(params) {
              // build url
              return "/create?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * 
 * The content-type HTTP header sent to the server. Default is <b><u>"application/x-www-form-urlencoded"</u></b>. Use <b><u>"application/json"</u></b> if the content is JSON. Refer to the <a href="http://api.jquery.com/jQuery.ajax">jQuery.ajax</a> documentation for further info.
 * @var $dataAX[ 'fileBrowser' ][ 'transport' ][ 'create' ][ 'contentType' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.transport.create.contentType
 * 
 * @code
   Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            // omitted for brevity 
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            data: function() {
              return { id: 42, name: "John Doe" };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            url: "/read"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Read URL As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            url: function(params) {
              // build url
              return "/read?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            data: function() {
              return {
                id: 42,
                name: "John Doe"
              };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            url: "/destroy"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Destroy URL As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            url: function(params) {
              // build url
              return "/destroy?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify data as object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify data as function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            data: function() {
              return {
                id: 42,
                name: "John Doe"
              };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            url: "/create"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify create url as function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            url: function(params) {
              // build url
              return "/create?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * 
 * Data to be send to the server. Refer to the <a href="http://api.jquery.com/jQuery.ajax">jQuery.ajax</a> documentation for further info.
 * @var $dataAX[ 'fileBrowser' ][ 'transport' ][ 'create' ][ 'data' ]: ( Object | String | Function )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.transport.create.data
 * 
 * @code
   Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            // omitted for brevity 
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            data: function() {
              return { id: 42, name: "John Doe" };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            url: "/read"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Read URL As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            url: function(params) {
              // build url
              return "/read?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            data: function() {
              return {
                id: 42,
                name: "John Doe"
              };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            url: "/destroy"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Destroy URL As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            url: function(params) {
              // build url
              return "/destroy?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify data as object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify data as function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            data: function() {
              return {
                id: 42,
                name: "John Doe"
              };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            url: "/create"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify create url as function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            url: function(params) {
              // build url
              return "/create?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * 
 * The type of data that you're expecting back from the server. Commonly used values are <b><u>"json"</u></b> and <b><u>"jsonp"</u></b>. Refer to the <a href="http://api.jquery.com/jQuery.ajax">jQuery.ajax</a> documentation for further info.
 * @var $dataAX[ 'fileBrowser' ][ 'transport' ][ 'create' ][ 'dataType' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.transport.create.dataType
 * 
 * @code
   Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            // omitted for brevity 
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            data: function() {
              return { id: 42, name: "John Doe" };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            url: "/read"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Read URL As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            url: function(params) {
              // build url
              return "/read?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            data: function() {
              return {
                id: 42,
                name: "John Doe"
              };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            url: "/destroy"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Destroy URL As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            url: function(params) {
              // build url
              return "/destroy?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify data as object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify data as function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            data: function() {
              return {
                id: 42,
                name: "John Doe"
              };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            url: "/create"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify create url as function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            url: function(params) {
              // build url
              return "/create?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * 
 * The type of request to make (<b><u>"POST"</u></b>, <b><u>"GET</u></b>", <b><u>"PUT"</u></b> or <b><u>"DELETE"</u></b>), default is "GET". Refer to the <a href="http://api.jquery.com/jQuery.ajax">jQuery.ajax</a> documentation for further info.
 * @var $dataAX[ 'fileBrowser' ][ 'transport' ][ 'create' ][ 'type' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.transport.create.type
 * 
 * @code
   Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            // omitted for brevity 
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            data: function() {
              return { id: 42, name: "John Doe" };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            url: "/read"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Read URL As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            url: function(params) {
              // build url
              return "/read?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            data: function() {
              return {
                id: 42,
                name: "John Doe"
              };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            url: "/destroy"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Destroy URL As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            url: function(params) {
              // build url
              return "/destroy?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify data as object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify data as function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            data: function() {
              return {
                id: 42,
                name: "John Doe"
              };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            url: "/create"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify create url as function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            url: function(params) {
              // build url
              return "/create?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * 
 * The remote url to call when creating a new record.
 * @var $dataAX[ 'fileBrowser' ][ 'transport' ][ 'create' ][ 'url' ]: ( String | Function )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.transport.create.url
 * 
 * @code
   Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            // omitted for brevity 
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            data: function() {
              return { id: 42, name: "John Doe" };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            url: "/read"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Read URL As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            url: function(params) {
              // build url
              return "/read?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            data: function() {
              return {
                id: 42,
                name: "John Doe"
              };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            url: "/destroy"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Destroy URL As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            url: function(params) {
              // build url
              return "/destroy?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify data as object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify data as function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            data: function() {
              return {
                id: 42,
                name: "John Doe"
              };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            url: "/create"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify create url as function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            url: function(params) {
              // build url
              return "/create?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * 
 * The name of the field which acts as an identifier.
 * @var $dataAX[ 'fileBrowser' ][ 'schema' ][ 'model' ][ 'id' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.schema.model.id
 * 
 * @code
   Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            // omitted for brevity 
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            data: function() {
              return { id: 42, name: "John Doe" };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            url: "/read"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Read URL As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            url: function(params) {
              // build url
              return "/read?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            data: function() {
              return {
                id: 42,
                name: "John Doe"
              };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            url: "/destroy"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Destroy URL As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            url: function(params) {
              // build url
              return "/destroy?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify data as object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify data as function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            data: function() {
              return {
                id: 42,
                name: "John Doe"
              };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            url: "/create"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify create url as function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            url: function(params) {
              // build url
              return "/create?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * 
 * @var $dataAX[ 'fileBrowser' ][ 'schema' ][ 'model' ][ 'fields' ]: ( Object )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.schema.model.fields
 * 
 * @code
   Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            // omitted for brevity 
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            data: function() {
              return { id: 42, name: "John Doe" };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            url: "/read"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Read URL As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          read: {
            url: function(params) {
              // build url
              return "/read?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Data As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            data: function() {
              return {
                id: 42,
                name: "John Doe"
              };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            url: "/destroy"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify Destroy URL As Function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          destroy: {
            url: function(params) {
              // build url
              return "/destroy?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            contentType: "application/json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify data as object
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            data: {
              id: 42,
              name: "John Doe"
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify data as function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            data: function() {
              return {
                id: 42,
                name: "John Doe"
              };
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            dataType: "json"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            type: "POST"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            url: "/create"
          }
        }
      }
    });
    </script>
 * @endcode
 * @code
    Example - specify create url as function
    <textarea id="editor"></textarea>
    <script>
    $("#editor").kendoEditor({
      fileBrowser: {
        transport: {
          create: {
            url: function(params) {
              // build url
              return "/create?t=" + new Date().getTime();
            }
          }
        }
      }
    });
    </script>
 * @endcode
 * 
 * The field which contains the name of the file/directory
 * @var $dataAX[ 'fileBrowser' ][ 'schema' ][ 'model' ][ 'fields' ][ 'name' ]: ( Object | String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.schema.model.fields.name
 * 
 * The field which contains the type of the entry. Either <em>f</em> for file or <em>d</em> for directory.
 * @var $dataAX[ 'fileBrowser' ][ 'schema' ][ 'model' ][ 'fields' ][ 'type' ]: ( Object | String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.schema.model.fields.type
 * 
 * The field which contains the size of file.
 * @var $dataAX[ 'fileBrowser' ][ 'schema' ][ 'model' ][ 'fields' ][ 'size' ]: ( Object | String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.schema.model.fields.size
 * 
 * The name of the field.
 * @var $dataAX[ 'fileBrowser' ][ 'schema' ][ 'model' ][ 'fields' ][ 'name' ][ 'field' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.schema.model.fields.name.field
 * 
 * Specifies the function which will parse the field value. If not set default parsers will be used.
 * @var $dataAX[ 'fileBrowser' ][ 'schema' ][ 'model' ][ 'fields' ][ 'name' ][ 'parse' ]: ( Function )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.schema.model.fields.name.parse
 * 
 * Specifies the function which will parse the field value. If not set default parsers will be used.
 * @var $dataAX[ 'fileBrowser' ][ 'schema' ][ 'model' ][ 'fields' ][ 'type' ][ 'parse' ]: ( Function )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.schema.model.fields.type.parse
 * 
 * The name of the field.
 * @var $dataAX[ 'fileBrowser' ][ 'schema' ][ 'model' ][ 'fields' ][ 'type' ][ 'field' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.schema.model.fields.type.field
 * 
 * The name of the field.
 * @var $dataAX[ 'fileBrowser' ][ 'schema' ][ 'model' ][ 'fields' ][ 'size' ][ 'field' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.schema.model.fields.size.field
 * 
 * Specifies the function which will parse the field value. If not set default parsers will be used.
 * @var $dataAX[ 'fileBrowser' ][ 'schema' ][ 'model' ][ 'fields' ][ 'size' ][ 'parse' ]: ( Function )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-fileBrowser.schema.model.fields.size.parse
 * @throws string type error
 */
 public function fileBrowser($dataAX)
 {
     if (!is_string($this->outputCStr)) {
         $this->outputCStr = '';
     }
     $dataAX = array("fileBrowser" => $dataAX);
     if (is_string($dataAX['fileBrowser']['schema']['model']['fields']['name']['field'])) {
         parent::addData("fileBrowser.schema.model.fields.name.field", $dataAX['fileBrowser']['schema']['model']['fields']['name']['field']);
         unset($dataAX['fileBrowser']['schema']['model']['fields']['name']['field']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['schema']['model']['fields']['name']['field'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'schema' ][ 'model' ][ 'fields' ][ 'name' ][ 'field' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['fileBrowser']['schema']['model']['fields']['name']['parse'])) {
         parent::addData("fileBrowser.schema.model.fields.name.parse", $dataAX['fileBrowser']['schema']['model']['fields']['name']['parse']);
         unset($dataAX['fileBrowser']['schema']['model']['fields']['name']['parse']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['schema']['model']['fields']['name']['parse'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'schema' ][ 'model' ][ 'fields' ][ 'name' ][ 'parse' ] type must be 'Function'");
         }
     }
     if (is_string($dataAX['fileBrowser']['schema']['model']['fields']['type']['parse'])) {
         parent::addData("fileBrowser.schema.model.fields.type.parse", $dataAX['fileBrowser']['schema']['model']['fields']['type']['parse']);
         unset($dataAX['fileBrowser']['schema']['model']['fields']['type']['parse']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['schema']['model']['fields']['type']['parse'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'schema' ][ 'model' ][ 'fields' ][ 'type' ][ 'parse' ] type must be 'Function'");
         }
     }
     if (is_string($dataAX['fileBrowser']['schema']['model']['fields']['type']['field'])) {
         parent::addData("fileBrowser.schema.model.fields.type.field", $dataAX['fileBrowser']['schema']['model']['fields']['type']['field']);
         unset($dataAX['fileBrowser']['schema']['model']['fields']['type']['field']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['schema']['model']['fields']['type']['field'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'schema' ][ 'model' ][ 'fields' ][ 'type' ][ 'field' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['fileBrowser']['schema']['model']['fields']['size']['field'])) {
         parent::addData("fileBrowser.schema.model.fields.size.field", $dataAX['fileBrowser']['schema']['model']['fields']['size']['field']);
         unset($dataAX['fileBrowser']['schema']['model']['fields']['size']['field']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['schema']['model']['fields']['size']['field'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'schema' ][ 'model' ][ 'fields' ][ 'size' ][ 'field' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['fileBrowser']['schema']['model']['fields']['size']['parse'])) {
         parent::addData("fileBrowser.schema.model.fields.size.parse", $dataAX['fileBrowser']['schema']['model']['fields']['size']['parse']);
         unset($dataAX['fileBrowser']['schema']['model']['fields']['size']['parse']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['schema']['model']['fields']['size']['parse'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'schema' ][ 'model' ][ 'fields' ][ 'size' ][ 'parse' ] type must be 'Function'");
         }
     }
     if (is_array($dataAX['fileBrowser']['schema']['model']['fields']['name'])) {
         parent::addData("fileBrowser.schema.model.fields.name", $dataAX['fileBrowser']['schema']['model']['fields']['name']);
         unset($dataAX['fileBrowser']['schema']['model']['fields']['name']);
         parent::garbageCollector($dataAX);
     } else {
         if (is_string($dataAX['fileBrowser']['schema']['model']['fields']['name'])) {
             parent::addData("fileBrowser.schema.model.fields.name", $dataAX['fileBrowser']['schema']['model']['fields']['name']);
             unset($dataAX['fileBrowser']['schema']['model']['fields']['name']);
             parent::garbageCollector($dataAX);
         } else {
             if (isset($dataAX['fileBrowser']['schema']['model']['fields']['name'])) {
                 throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'schema' ][ 'model' ][ 'fields' ][ 'name' ] type must be 'Object' | 'String'");
             }
         }
     }
     if (is_array($dataAX['fileBrowser']['schema']['model']['fields']['type'])) {
         parent::addData("fileBrowser.schema.model.fields.type", $dataAX['fileBrowser']['schema']['model']['fields']['type']);
         unset($dataAX['fileBrowser']['schema']['model']['fields']['type']);
         parent::garbageCollector($dataAX);
     } else {
         if (is_string($dataAX['fileBrowser']['schema']['model']['fields']['type'])) {
             parent::addData("fileBrowser.schema.model.fields.type", $dataAX['fileBrowser']['schema']['model']['fields']['type']);
             unset($dataAX['fileBrowser']['schema']['model']['fields']['type']);
             parent::garbageCollector($dataAX);
         } else {
             if (isset($dataAX['fileBrowser']['schema']['model']['fields']['type'])) {
                 throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'schema' ][ 'model' ][ 'fields' ][ 'type' ] type must be 'Object' | 'String'");
             }
         }
     }
     if (is_array($dataAX['fileBrowser']['schema']['model']['fields']['size'])) {
         parent::addData("fileBrowser.schema.model.fields.size", $dataAX['fileBrowser']['schema']['model']['fields']['size']);
         unset($dataAX['fileBrowser']['schema']['model']['fields']['size']);
         parent::garbageCollector($dataAX);
     } else {
         if (is_string($dataAX['fileBrowser']['schema']['model']['fields']['size'])) {
             parent::addData("fileBrowser.schema.model.fields.size", $dataAX['fileBrowser']['schema']['model']['fields']['size']);
             unset($dataAX['fileBrowser']['schema']['model']['fields']['size']);
             parent::garbageCollector($dataAX);
         } else {
             if (isset($dataAX['fileBrowser']['schema']['model']['fields']['size'])) {
                 throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'schema' ][ 'model' ][ 'fields' ][ 'size' ] type must be 'Object' | 'String'");
             }
         }
     }
     if (is_string($dataAX['fileBrowser']['transport']['read']['contentType'])) {
         parent::addData("fileBrowser.transport.read.contentType", $dataAX['fileBrowser']['transport']['read']['contentType']);
         unset($dataAX['fileBrowser']['transport']['read']['contentType']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['transport']['read']['contentType'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'transport' ][ 'read' ][ 'contentType' ] type must be 'String'");
         }
     }
     if (is_array($dataAX['fileBrowser']['transport']['read']['data'])) {
         parent::addData("fileBrowser.transport.read.data", $dataAX['fileBrowser']['transport']['read']['data']);
         unset($dataAX['fileBrowser']['transport']['read']['data']);
         parent::garbageCollector($dataAX);
     } else {
         if (is_string($dataAX['fileBrowser']['transport']['read']['data'])) {
             parent::addData("fileBrowser.transport.read.data", $dataAX['fileBrowser']['transport']['read']['data']);
             unset($dataAX['fileBrowser']['transport']['read']['data']);
             parent::garbageCollector($dataAX);
         } else {
             if (isset($dataAX['fileBrowser']['transport']['read']['data'])) {
                 throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'transport' ][ 'read' ][ 'data' ] type must be 'Object' | 'String' | 'Function'");
             }
         }
     }
     if (is_string($dataAX['fileBrowser']['transport']['read']['dataType'])) {
         parent::addData("fileBrowser.transport.read.dataType", $dataAX['fileBrowser']['transport']['read']['dataType']);
         unset($dataAX['fileBrowser']['transport']['read']['dataType']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['transport']['read']['dataType'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'transport' ][ 'read' ][ 'dataType' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['fileBrowser']['transport']['read']['type'])) {
         parent::addData("fileBrowser.transport.read.type", $dataAX['fileBrowser']['transport']['read']['type']);
         unset($dataAX['fileBrowser']['transport']['read']['type']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['transport']['read']['type'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'transport' ][ 'read' ][ 'type' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['fileBrowser']['transport']['read']['url'])) {
         parent::addData("fileBrowser.transport.read.url", $dataAX['fileBrowser']['transport']['read']['url']);
         unset($dataAX['fileBrowser']['transport']['read']['url']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['transport']['read']['url'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'transport' ][ 'read' ][ 'url' ] type must be 'String' | 'Function'");
         }
     }
     if (is_string($dataAX['fileBrowser']['transport']['destroy']['contentType'])) {
         parent::addData("fileBrowser.transport.destroy.contentType", $dataAX['fileBrowser']['transport']['destroy']['contentType']);
         unset($dataAX['fileBrowser']['transport']['destroy']['contentType']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['transport']['destroy']['contentType'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'transport' ][ 'destroy' ][ 'contentType' ] type must be 'String'");
         }
     }
     if (is_array($dataAX['fileBrowser']['transport']['destroy']['data'])) {
         parent::addData("fileBrowser.transport.destroy.data", $dataAX['fileBrowser']['transport']['destroy']['data']);
         unset($dataAX['fileBrowser']['transport']['destroy']['data']);
         parent::garbageCollector($dataAX);
     } else {
         if (is_string($dataAX['fileBrowser']['transport']['destroy']['data'])) {
             parent::addData("fileBrowser.transport.destroy.data", $dataAX['fileBrowser']['transport']['destroy']['data']);
             unset($dataAX['fileBrowser']['transport']['destroy']['data']);
             parent::garbageCollector($dataAX);
         } else {
             if (isset($dataAX['fileBrowser']['transport']['destroy']['data'])) {
                 throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'transport' ][ 'destroy' ][ 'data' ] type must be 'Object' | 'String' | 'Function'");
             }
         }
     }
     if (is_string($dataAX['fileBrowser']['transport']['destroy']['dataType'])) {
         parent::addData("fileBrowser.transport.destroy.dataType", $dataAX['fileBrowser']['transport']['destroy']['dataType']);
         unset($dataAX['fileBrowser']['transport']['destroy']['dataType']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['transport']['destroy']['dataType'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'transport' ][ 'destroy' ][ 'dataType' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['fileBrowser']['transport']['destroy']['type'])) {
         parent::addData("fileBrowser.transport.destroy.type", $dataAX['fileBrowser']['transport']['destroy']['type']);
         unset($dataAX['fileBrowser']['transport']['destroy']['type']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['transport']['destroy']['type'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'transport' ][ 'destroy' ][ 'type' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['fileBrowser']['transport']['destroy']['url'])) {
         parent::addData("fileBrowser.transport.destroy.url", $dataAX['fileBrowser']['transport']['destroy']['url']);
         unset($dataAX['fileBrowser']['transport']['destroy']['url']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['transport']['destroy']['url'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'transport' ][ 'destroy' ][ 'url' ] type must be 'String' | 'Function'");
         }
     }
     if (is_string($dataAX['fileBrowser']['transport']['create']['contentType'])) {
         parent::addData("fileBrowser.transport.create.contentType", $dataAX['fileBrowser']['transport']['create']['contentType']);
         unset($dataAX['fileBrowser']['transport']['create']['contentType']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['transport']['create']['contentType'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'transport' ][ 'create' ][ 'contentType' ] type must be 'String'");
         }
     }
     if (is_array($dataAX['fileBrowser']['transport']['create']['data'])) {
         parent::addData("fileBrowser.transport.create.data", $dataAX['fileBrowser']['transport']['create']['data']);
         unset($dataAX['fileBrowser']['transport']['create']['data']);
         parent::garbageCollector($dataAX);
     } else {
         if (is_string($dataAX['fileBrowser']['transport']['create']['data'])) {
             parent::addData("fileBrowser.transport.create.data", $dataAX['fileBrowser']['transport']['create']['data']);
             unset($dataAX['fileBrowser']['transport']['create']['data']);
             parent::garbageCollector($dataAX);
         } else {
             if (isset($dataAX['fileBrowser']['transport']['create']['data'])) {
                 throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'transport' ][ 'create' ][ 'data' ] type must be 'Object' | 'String' | 'Function'");
             }
         }
     }
     if (is_string($dataAX['fileBrowser']['transport']['create']['dataType'])) {
         parent::addData("fileBrowser.transport.create.dataType", $dataAX['fileBrowser']['transport']['create']['dataType']);
         unset($dataAX['fileBrowser']['transport']['create']['dataType']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['transport']['create']['dataType'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'transport' ][ 'create' ][ 'dataType' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['fileBrowser']['transport']['create']['type'])) {
         parent::addData("fileBrowser.transport.create.type", $dataAX['fileBrowser']['transport']['create']['type']);
         unset($dataAX['fileBrowser']['transport']['create']['type']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['transport']['create']['type'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'transport' ][ 'create' ][ 'type' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['fileBrowser']['transport']['create']['url'])) {
         parent::addData("fileBrowser.transport.create.url", $dataAX['fileBrowser']['transport']['create']['url']);
         unset($dataAX['fileBrowser']['transport']['create']['url']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['transport']['create']['url'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'transport' ][ 'create' ][ 'url' ] type must be 'String' | 'Function'");
         }
     }
     if (is_string($dataAX['fileBrowser']['schema']['model']['id'])) {
         parent::addData("fileBrowser.schema.model.id", $dataAX['fileBrowser']['schema']['model']['id']);
         unset($dataAX['fileBrowser']['schema']['model']['id']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['schema']['model']['id'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'schema' ][ 'model' ][ 'id' ] type must be 'String'");
         }
     }
     if (is_array($dataAX['fileBrowser']['schema']['model']['fields'])) {
         parent::addData("fileBrowser.schema.model.fields", $dataAX['fileBrowser']['schema']['model']['fields']);
         unset($dataAX['fileBrowser']['schema']['model']['fields']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['schema']['model']['fields'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'schema' ][ 'model' ][ 'fields' ] type must be 'Object'");
         }
     }
     if (is_array($dataAX['fileBrowser']['transport']['read'])) {
         parent::addData("fileBrowser.transport.read", $dataAX['fileBrowser']['transport']['read']);
         unset($dataAX['fileBrowser']['transport']['read']);
         parent::garbageCollector($dataAX);
     } else {
         if (is_string($dataAX['fileBrowser']['transport']['read'])) {
             parent::addData("fileBrowser.transport.read", $dataAX['fileBrowser']['transport']['read']);
             unset($dataAX['fileBrowser']['transport']['read']);
             parent::garbageCollector($dataAX);
         } else {
             if (isset($dataAX['fileBrowser']['transport']['read'])) {
                 throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'transport' ][ 'read' ] type must be 'Object' | 'String'");
             }
         }
     }
     if (is_string($dataAX['fileBrowser']['transport']['uploadUrl'])) {
         parent::addData("fileBrowser.transport.uploadUrl", $dataAX['fileBrowser']['transport']['uploadUrl']);
         unset($dataAX['fileBrowser']['transport']['uploadUrl']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['transport']['uploadUrl'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'transport' ][ 'uploadUrl' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['fileBrowser']['transport']['fileUrl'])) {
         parent::addData("fileBrowser.transport.fileUrl", $dataAX['fileBrowser']['transport']['fileUrl']);
         unset($dataAX['fileBrowser']['transport']['fileUrl']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['transport']['fileUrl'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'transport' ][ 'fileUrl' ] type must be 'String' | 'Function'");
         }
     }
     if (is_array($dataAX['fileBrowser']['transport']['destroy'])) {
         parent::addData("fileBrowser.transport.destroy", $dataAX['fileBrowser']['transport']['destroy']);
         unset($dataAX['fileBrowser']['transport']['destroy']);
         parent::garbageCollector($dataAX);
     } else {
         if (is_string($dataAX['fileBrowser']['transport']['destroy'])) {
             parent::addData("fileBrowser.transport.destroy", $dataAX['fileBrowser']['transport']['destroy']);
             unset($dataAX['fileBrowser']['transport']['destroy']);
             parent::garbageCollector($dataAX);
         } else {
             if (isset($dataAX['fileBrowser']['transport']['destroy'])) {
                 throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'transport' ][ 'destroy' ] type must be 'Object' | 'String'");
             }
         }
     }
     if (is_array($dataAX['fileBrowser']['transport']['create'])) {
         parent::addData("fileBrowser.transport.create", $dataAX['fileBrowser']['transport']['create']);
         unset($dataAX['fileBrowser']['transport']['create']);
         parent::garbageCollector($dataAX);
     } else {
         if (is_string($dataAX['fileBrowser']['transport']['create'])) {
             parent::addData("fileBrowser.transport.create", $dataAX['fileBrowser']['transport']['create']);
             unset($dataAX['fileBrowser']['transport']['create']);
             parent::garbageCollector($dataAX);
         } else {
             if (isset($dataAX['fileBrowser']['transport']['create'])) {
                 throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'transport' ][ 'create' ] type must be 'Object' | 'String'");
             }
         }
     }
     if (is_array($dataAX['fileBrowser']['schema']['model'])) {
         parent::addData("fileBrowser.schema.model", $dataAX['fileBrowser']['schema']['model']);
         unset($dataAX['fileBrowser']['schema']['model']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['schema']['model'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'schema' ][ 'model' ] type must be 'Object'");
         }
     }
     if (is_string($dataAX['fileBrowser']['messages']['uploadFile'])) {
         parent::addData("fileBrowser.messages.uploadFile", $dataAX['fileBrowser']['messages']['uploadFile']);
         unset($dataAX['fileBrowser']['messages']['uploadFile']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['messages']['uploadFile'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'messages' ][ 'uploadFile' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['fileBrowser']['messages']['orderBy'])) {
         parent::addData("fileBrowser.messages.orderBy", $dataAX['fileBrowser']['messages']['orderBy']);
         unset($dataAX['fileBrowser']['messages']['orderBy']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['messages']['orderBy'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'messages' ][ 'orderBy' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['fileBrowser']['messages']['orderByName'])) {
         parent::addData("fileBrowser.messages.orderByName", $dataAX['fileBrowser']['messages']['orderByName']);
         unset($dataAX['fileBrowser']['messages']['orderByName']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['messages']['orderByName'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'messages' ][ 'orderByName' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['fileBrowser']['messages']['orderBySize'])) {
         parent::addData("fileBrowser.messages.orderBySize", $dataAX['fileBrowser']['messages']['orderBySize']);
         unset($dataAX['fileBrowser']['messages']['orderBySize']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['messages']['orderBySize'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'messages' ][ 'orderBySize' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['fileBrowser']['messages']['directoryNotFound'])) {
         parent::addData("fileBrowser.messages.directoryNotFound", $dataAX['fileBrowser']['messages']['directoryNotFound']);
         unset($dataAX['fileBrowser']['messages']['directoryNotFound']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['messages']['directoryNotFound'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'messages' ][ 'directoryNotFound' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['fileBrowser']['messages']['emptyFolder'])) {
         parent::addData("fileBrowser.messages.emptyFolder", $dataAX['fileBrowser']['messages']['emptyFolder']);
         unset($dataAX['fileBrowser']['messages']['emptyFolder']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['messages']['emptyFolder'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'messages' ][ 'emptyFolder' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['fileBrowser']['messages']['deleteFile'])) {
         parent::addData("fileBrowser.messages.deleteFile", $dataAX['fileBrowser']['messages']['deleteFile']);
         unset($dataAX['fileBrowser']['messages']['deleteFile']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['messages']['deleteFile'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'messages' ][ 'deleteFile' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['fileBrowser']['messages']['invalidFileType'])) {
         parent::addData("fileBrowser.messages.invalidFileType", $dataAX['fileBrowser']['messages']['invalidFileType']);
         unset($dataAX['fileBrowser']['messages']['invalidFileType']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['messages']['invalidFileType'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'messages' ][ 'invalidFileType' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['fileBrowser']['messages']['overwriteFile'])) {
         parent::addData("fileBrowser.messages.overwriteFile", $dataAX['fileBrowser']['messages']['overwriteFile']);
         unset($dataAX['fileBrowser']['messages']['overwriteFile']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['messages']['overwriteFile'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'messages' ][ 'overwriteFile' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['fileBrowser']['messages']['search'])) {
         parent::addData("fileBrowser.messages.search", $dataAX['fileBrowser']['messages']['search']);
         unset($dataAX['fileBrowser']['messages']['search']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['messages']['search'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'messages' ][ 'search' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['fileBrowser']['fileTypes'])) {
         parent::addData("fileBrowser.fileTypes", $dataAX['fileBrowser']['fileTypes']);
         unset($dataAX['fileBrowser']['fileTypes']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['fileTypes'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'fileTypes' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['fileBrowser']['path'])) {
         parent::addData("fileBrowser.path", $dataAX['fileBrowser']['path']);
         unset($dataAX['fileBrowser']['path']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['path'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'path' ] type must be 'String'");
         }
     }
     if (is_array($dataAX['fileBrowser']['transport'])) {
         parent::addData("fileBrowser.transport", $dataAX['fileBrowser']['transport']);
         unset($dataAX['fileBrowser']['transport']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['transport'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'transport' ] type must be 'Object'");
         }
     }
     if (is_array($dataAX['fileBrowser']['schema'])) {
         parent::addData("fileBrowser.schema", $dataAX['fileBrowser']['schema']);
         unset($dataAX['fileBrowser']['schema']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['schema'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'schema' ] type must be 'Object'");
         }
     }
     if (is_array($dataAX['fileBrowser']['messages'])) {
         parent::addData("fileBrowser.messages", $dataAX['fileBrowser']['messages']);
         unset($dataAX['fileBrowser']['messages']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser']['messages'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ][ 'messages' ] type must be 'Object'");
         }
     }
     if (is_array($dataAX['fileBrowser'])) {
         parent::addData("fileBrowser", $dataAX['fileBrowser']);
         unset($dataAX['fileBrowser']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['fileBrowser'])) {
             throw new Exception("Type error - KendoUiEditor::fileBrowser ( \$data[ 'fileBrowser' ] type must be 'Object'");
         }
     }
 }

Ejemplo n.º 14

Archivo: KendoUiTabStrip.class.php Proyecto: helmutkemper/KendoUI

 /**
 * Specifies the position of the widget tabs. Valid values are <b><u>"top"</u></b> (default), <b><u>"left"</u></b>, <b><u>"right"</u></b> and <b><u>"bottom"</u></b>. A <a href="http://docs.telerik.com/kendo-ui/api/javascript/ui/tabstrip#configuration-animation"><strong>fade animation</strong></a> is highly recommended with any of the non-default tab position settings.
 * @var $dataAX[ 'tabPosition' ]: ( String ) ( default: "top" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/tabstrip#configuration-tabPosition
 * 
 * @code
   &lt;div id="tabstrip"&gt;<br>&nbsp;&nbsp;&lt;ul&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;Tab 1&lt;/li&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;Tab 2&lt;/li&gt;<br>&nbsp;&nbsp;&lt;/ul&gt;<br>&nbsp;&nbsp;&lt;div&gt;Content 1&lt;/div&gt;<br>&nbsp;&nbsp;&lt;div&gt;Content 2&lt;/div&gt;<br>&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#tabstrip").kendoTabStrip({<br>&nbsp;&nbsp;&nbsp;&nbsp;tabPosition: "left",<br>&nbsp;&nbsp;&nbsp;&nbsp;animation: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; open: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; effects: "fadeIn"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<br>&nbsp;&nbsp;&nbsp; }<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @throws string type error
 */
 public function tabPosition($dataAX)
 {
     if (!is_string($this->outputCStr)) {
         $this->outputCStr = '';
     }
     $dataAX = array("tabPosition" => $dataAX);
     if (is_string($dataAX['tabPosition'])) {
         parent::addData("tabPosition", $dataAX['tabPosition']);
         unset($dataAX['tabPosition']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['tabPosition'])) {
             throw new Exception("Type error - KendoUiTabStrip::tabPosition ( \$data[ 'tabPosition' ] type must be 'String'");
         }
     }
 }

Ejemplo n.º 15

Archivo: KendoUiPivotGrid.class.php Proyecto: helmutkemper/KendoUI

 /**
 * The text messages displayed in the fields sections.
 * @var $dataAX[ 'messages' ]: ( Object )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/pivotgrid#configuration-messages
 * 
 * @code
   &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;measureFields: "Drop Measure Here",<br>&nbsp;&nbsp;&nbsp;&nbsp;columnFields: "Drop Column Here",<br>&nbsp;&nbsp;&nbsp;&nbsp;rowFields: "Drop Rows Here"<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * 
 * The text messages displayed in the measure fields sections.
 * @var $dataAX[ 'messages' ][ 'measureFields' ]: ( String ) ( default: "Drop Measure Here" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/pivotgrid#configuration-messages.measureFields
 * 
 * @code
   &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;measureFields: "Drop Measure Here"<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;columnFields: "Drop Column Here"<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;rowFields: "Drop Rows Here"<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;info: "Show items with value that:",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sortAscending: "Sort Ascending",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sortDescending: "Sort Descending",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;filterFields: "Fields Filter",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;filter: "Filter",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;include: "Include Fields...",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;title: "Fields to include",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;clear: "Clear",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ok: "Ok",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cancel: "Cancel"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * 
 * The text messages displayed in the column fields sections.
 * @var $dataAX[ 'messages' ][ 'columnFields' ]: ( String ) ( default: "Drop Column Here" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/pivotgrid#configuration-messages.columnFields
 * 
 * @code
   &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;measureFields: "Drop Measure Here"<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;columnFields: "Drop Column Here"<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;rowFields: "Drop Rows Here"<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;info: "Show items with value that:",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sortAscending: "Sort Ascending",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sortDescending: "Sort Descending",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;filterFields: "Fields Filter",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;filter: "Filter",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;include: "Include Fields...",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;title: "Fields to include",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;clear: "Clear",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ok: "Ok",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cancel: "Cancel"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * 
 * The text messages displayed in the row fields sections.
 * @var $dataAX[ 'messages' ][ 'rowFields' ]: ( String ) ( default: "Drop Rows Here" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/pivotgrid#configuration-messages.rowFields
 * 
 * @code
   &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;measureFields: "Drop Measure Here"<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;columnFields: "Drop Column Here"<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;rowFields: "Drop Rows Here"<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;info: "Show items with value that:",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sortAscending: "Sort Ascending",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sortDescending: "Sort Descending",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;filterFields: "Fields Filter",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;filter: "Filter",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;include: "Include Fields...",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;title: "Fields to include",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;clear: "Clear",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ok: "Ok",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cancel: "Cancel"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * 
 * The text messages displayed in the field menu.
 * @var $dataAX[ 'messages' ][ 'fieldMenu' ]: ( Object )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/pivotgrid#configuration-messages.fieldMenu
 * 
 * @code
   &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;measureFields: "Drop Measure Here"<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;columnFields: "Drop Column Here"<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;rowFields: "Drop Rows Here"<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;info: "Show items with value that:",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sortAscending: "Sort Ascending",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sortDescending: "Sort Descending",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;filterFields: "Fields Filter",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;filter: "Filter",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;include: "Include Fields...",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;title: "Fields to include",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;clear: "Clear",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ok: "Ok",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cancel: "Cancel"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * 
 * The text messages displayed in fields filter.
 * @var $dataAX[ 'messages' ][ 'fieldMenu' ][ 'info' ]: ( String ) ( default: "Show items with value that:" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/pivotgrid#configuration-messages.fieldMenu.info
 * 
 * @code
   &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;info: "Filter items by field name:"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;sortable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sortAscending: "Sort (asc)"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;sortable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sortDescending: "Sort (desc)"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;filterFields: "Filter current field"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;filter: "Done"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;include: "Choose fields to include"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;title: "Choose fields to include"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;clear: "Clear filter expressions"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ok: "Done"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cancel: "Close"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contains: "Contains",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;doesnotcontain: "Does not contain",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;startswith: "Starts with",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;endswith: "Ends with",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;eq: "Is equal to",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;neq: "Is not equal to"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * 
 * The text message displayed for the menu item which performs ascending sort.
 * @var $dataAX[ 'messages' ][ 'fieldMenu' ][ 'sortAscending' ]: ( String ) ( default: "Sort Ascending" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/pivotgrid#configuration-messages.fieldMenu.sortAscending
 * 
 * @code
   &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;info: "Filter items by field name:"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;sortable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sortAscending: "Sort (asc)"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;sortable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sortDescending: "Sort (desc)"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;filterFields: "Filter current field"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;filter: "Done"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;include: "Choose fields to include"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;title: "Choose fields to include"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;clear: "Clear filter expressions"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ok: "Done"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cancel: "Close"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contains: "Contains",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;doesnotcontain: "Does not contain",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;startswith: "Starts with",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;endswith: "Ends with",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;eq: "Is equal to",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;neq: "Is not equal to"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * 
 * The text message displayed for the menu item which performs descending sort.
 * @var $dataAX[ 'messages' ][ 'fieldMenu' ][ 'sortDescending' ]: ( String ) ( default: "Sort Descending" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/pivotgrid#configuration-messages.fieldMenu.sortDescending
 * 
 * @code
   &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;info: "Filter items by field name:"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;sortable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sortAscending: "Sort (asc)"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;sortable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sortDescending: "Sort (desc)"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;filterFields: "Filter current field"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;filter: "Done"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;include: "Choose fields to include"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;title: "Choose fields to include"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;clear: "Clear filter expressions"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ok: "Done"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cancel: "Close"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contains: "Contains",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;doesnotcontain: "Does not contain",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;startswith: "Starts with",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;endswith: "Ends with",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;eq: "Is equal to",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;neq: "Is not equal to"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * 
 * The text messages of the fields filter menu item.
 * @var $dataAX[ 'messages' ][ 'fieldMenu' ][ 'filterFields' ]: ( String ) ( default: "Fields Filter" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/pivotgrid#configuration-messages.fieldMenu.filterFields
 * 
 * @code
   &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;info: "Filter items by field name:"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;sortable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sortAscending: "Sort (asc)"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;sortable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sortDescending: "Sort (desc)"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;filterFields: "Filter current field"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;filter: "Done"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;include: "Choose fields to include"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;title: "Choose fields to include"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;clear: "Clear filter expressions"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ok: "Done"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cancel: "Close"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contains: "Contains",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;doesnotcontain: "Does not contain",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;startswith: "Starts with",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;endswith: "Ends with",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;eq: "Is equal to",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;neq: "Is not equal to"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * 
 * The text messages of the filter button.
 * @var $dataAX[ 'messages' ][ 'fieldMenu' ][ 'filter' ]: ( String ) ( default: "Filter" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/pivotgrid#configuration-messages.fieldMenu.filter
 * 
 * @code
   &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;info: "Filter items by field name:"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;sortable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sortAscending: "Sort (asc)"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;sortable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sortDescending: "Sort (desc)"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;filterFields: "Filter current field"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;filter: "Done"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;include: "Choose fields to include"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;title: "Choose fields to include"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;clear: "Clear filter expressions"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ok: "Done"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cancel: "Close"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contains: "Contains",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;doesnotcontain: "Does not contain",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;startswith: "Starts with",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;endswith: "Ends with",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;eq: "Is equal to",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;neq: "Is not equal to"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * 
 * The text messages of the include menu item.
 * @var $dataAX[ 'messages' ][ 'fieldMenu' ][ 'include' ]: ( String ) ( default: "Include Fields..." )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/pivotgrid#configuration-messages.fieldMenu.include
 * 
 * @code
   &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;info: "Filter items by field name:"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;sortable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sortAscending: "Sort (asc)"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;sortable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sortDescending: "Sort (desc)"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;filterFields: "Filter current field"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;filter: "Done"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;include: "Choose fields to include"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;title: "Choose fields to include"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;clear: "Clear filter expressions"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ok: "Done"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cancel: "Close"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contains: "Contains",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;doesnotcontain: "Does not contain",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;startswith: "Starts with",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;endswith: "Ends with",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;eq: "Is equal to",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;neq: "Is not equal to"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * 
 * The title of the include fields dialog.
 * @var $dataAX[ 'messages' ][ 'fieldMenu' ][ 'title' ]: ( String ) ( default: "Fields to include" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/pivotgrid#configuration-messages.fieldMenu.title
 * 
 * @code
   &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;info: "Filter items by field name:"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;sortable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sortAscending: "Sort (asc)"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;sortable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sortDescending: "Sort (desc)"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;filterFields: "Filter current field"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;filter: "Done"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;include: "Choose fields to include"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;title: "Choose fields to include"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;clear: "Clear filter expressions"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ok: "Done"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cancel: "Close"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contains: "Contains",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;doesnotcontain: "Does not contain",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;startswith: "Starts with",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;endswith: "Ends with",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;eq: "Is equal to",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;neq: "Is not equal to"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * 
 * The text of the clear filter expressions button.
 * @var $dataAX[ 'messages' ][ 'fieldMenu' ][ 'clear' ]: ( String ) ( default: "Clear" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/pivotgrid#configuration-messages.fieldMenu.clear
 * 
 * @code
   &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;info: "Filter items by field name:"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;sortable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sortAscending: "Sort (asc)"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;sortable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sortDescending: "Sort (desc)"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;filterFields: "Filter current field"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;filter: "Done"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;include: "Choose fields to include"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;title: "Choose fields to include"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;clear: "Clear filter expressions"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ok: "Done"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cancel: "Close"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contains: "Contains",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;doesnotcontain: "Does not contain",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;startswith: "Starts with",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;endswith: "Ends with",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;eq: "Is equal to",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;neq: "Is not equal to"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * 
 * The text of the OK button in the include fields dialog.
 * @var $dataAX[ 'messages' ][ 'fieldMenu' ][ 'ok' ]: ( String ) ( default: "Ok" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/pivotgrid#configuration-messages.fieldMenu.ok
 * 
 * @code
   &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;info: "Filter items by field name:"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;sortable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sortAscending: "Sort (asc)"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;sortable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sortDescending: "Sort (desc)"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;filterFields: "Filter current field"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;filter: "Done"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;include: "Choose fields to include"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;title: "Choose fields to include"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;clear: "Clear filter expressions"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ok: "Done"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cancel: "Close"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contains: "Contains",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;doesnotcontain: "Does not contain",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;startswith: "Starts with",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;endswith: "Ends with",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;eq: "Is equal to",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;neq: "Is not equal to"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * 
 * The text of the cancel button in the include fields dialog.
 * @var $dataAX[ 'messages' ][ 'fieldMenu' ][ 'cancel' ]: ( String ) ( default: "Cancel" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/pivotgrid#configuration-messages.fieldMenu.cancel
 * 
 * @code
   &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;info: "Filter items by field name:"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;sortable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sortAscending: "Sort (asc)"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;sortable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sortDescending: "Sort (desc)"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;filterFields: "Filter current field"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;filter: "Done"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;include: "Choose fields to include"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;title: "Choose fields to include"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;clear: "Clear filter expressions"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ok: "Done"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cancel: "Close"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contains: "Contains",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;doesnotcontain: "Does not contain",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;startswith: "Starts with",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;endswith: "Ends with",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;eq: "Is equal to",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;neq: "Is not equal to"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * 
 * The text of the filter operators displayed in the filter menu.
 * @var $dataAX[ 'messages' ][ 'fieldMenu' ][ 'operators' ]: ( Object )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/pivotgrid#configuration-messages.fieldMenu.operators
 * 
 * @code
   &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;info: "Filter items by field name:"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;sortable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sortAscending: "Sort (asc)"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;sortable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sortDescending: "Sort (desc)"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;filterFields: "Filter current field"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;filter: "Done"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;include: "Choose fields to include"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;title: "Choose fields to include"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;clear: "Clear filter expressions"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ok: "Done"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cancel: "Close"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contains: "Contains",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;doesnotcontain: "Does not contain",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;startswith: "Starts with",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;endswith: "Ends with",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;eq: "Is equal to",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;neq: "Is not equal to"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * 
 * The text of the "contains" filter operator.
 * @var $dataAX[ 'messages' ][ 'fieldMenu' ][ 'operators' ][ 'contains' ]: ( String ) ( default: "Contains" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/pivotgrid#configuration-messages.fieldMenu.operators.contains
 * 
 * @code
   &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contains: "Contains"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;doesnotcontain: "Doesn't contain"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;startswith: "Starts"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;endswith: "Ends"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;eq: "Equal to"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;neq: "Not equal to"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * 
 * The text of the "Does not contain" filter operator.
 * @var $dataAX[ 'messages' ][ 'fieldMenu' ][ 'operators' ][ 'doesnotcontain' ]: ( String ) ( default: "Does not contain" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/pivotgrid#configuration-messages.fieldMenu.operators.doesnotcontain
 * 
 * @code
   &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contains: "Contains"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;doesnotcontain: "Doesn't contain"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;startswith: "Starts"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;endswith: "Ends"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;eq: "Equal to"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;neq: "Not equal to"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * 
 * The text of the "Starts with" filter operator.
 * @var $dataAX[ 'messages' ][ 'fieldMenu' ][ 'operators' ][ 'startswith' ]: ( String ) ( default: "Starts with" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/pivotgrid#configuration-messages.fieldMenu.operators.startswith
 * 
 * @code
   &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contains: "Contains"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;doesnotcontain: "Doesn't contain"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;startswith: "Starts"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;endswith: "Ends"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;eq: "Equal to"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;neq: "Not equal to"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * 
 * The text of the "Ends with" filter operator.
 * @var $dataAX[ 'messages' ][ 'fieldMenu' ][ 'operators' ][ 'endswith' ]: ( String ) ( default: "Ends with" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/pivotgrid#configuration-messages.fieldMenu.operators.endswith
 * 
 * @code
   &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contains: "Contains"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;doesnotcontain: "Doesn't contain"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;startswith: "Starts"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;endswith: "Ends"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;eq: "Equal to"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;neq: "Not equal to"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * 
 * The text of the "equal" filter operator.
 * @var $dataAX[ 'messages' ][ 'fieldMenu' ][ 'operators' ][ 'eq' ]: ( String ) ( default: "Is equal to" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/pivotgrid#configuration-messages.fieldMenu.operators.eq
 * 
 * @code
   &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contains: "Contains"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;doesnotcontain: "Doesn't contain"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;startswith: "Starts"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;endswith: "Ends"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;eq: "Equal to"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;neq: "Not equal to"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * 
 * The text of the "not equal" filter operator.
 * @var $dataAX[ 'messages' ][ 'fieldMenu' ][ 'operators' ][ 'neq' ]: ( String ) ( default: "Is not equal to" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/pivotgrid#configuration-messages.fieldMenu.operators.neq
 * 
 * @code
   &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contains: "Contains"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;doesnotcontain: "Doesn't contain"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;startswith: "Starts"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;endswith: "Ends"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;eq: "Equal to"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pivotgrid"&gt;&lt;/div&gt;<br>&lt;script&gt;<br>$("#pivotgrid").kendoPivotGrid({<br>&nbsp;&nbsp;filterable: true,<br>&nbsp;&nbsp;height: 550,<br>&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;fieldMenu: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;operators: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;neq: "Not equal to"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;dataSource: {<br>&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla",<br>&nbsp;&nbsp;&nbsp;&nbsp;columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br>&nbsp;&nbsp;&nbsp;&nbsp;rows: [{ name: "[Product].[Product]" }],<br>&nbsp;&nbsp;&nbsp;&nbsp;measures: ["[Measures].[Internet Sales Amount]"],<br>&nbsp;&nbsp;&nbsp;&nbsp;transport: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;connection: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;catalog: "Adventure Works DW 2008R2",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cube: "Adventure Works"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;read: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url: "http://demos.telerik.com/olap/msmdpump.dll",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType: "text",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contentType: "text/xml",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "POST"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;},<br>&nbsp;&nbsp;&nbsp;&nbsp;schema: {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: "xmla"<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br>});<br>&lt;/script&gt;
 * @endcode
 * @throws string type error
 */
 public function messages($dataAX)
 {
     if (!is_string($this->outputCStr)) {
         $this->outputCStr = '';
     }
     $dataAX = array("messages" => $dataAX);
     if (is_string($dataAX['messages']['fieldMenu']['operators']['contains'])) {
         parent::addData("messages.fieldMenu.operators.contains", $dataAX['messages']['fieldMenu']['operators']['contains']);
         unset($dataAX['messages']['fieldMenu']['operators']['contains']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages']['fieldMenu']['operators']['contains'])) {
             throw new Exception("Type error - KendoUiPivotGrid::messages ( \$data[ 'messages' ][ 'fieldMenu' ][ 'operators' ][ 'contains' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['messages']['fieldMenu']['operators']['doesnotcontain'])) {
         parent::addData("messages.fieldMenu.operators.doesnotcontain", $dataAX['messages']['fieldMenu']['operators']['doesnotcontain']);
         unset($dataAX['messages']['fieldMenu']['operators']['doesnotcontain']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages']['fieldMenu']['operators']['doesnotcontain'])) {
             throw new Exception("Type error - KendoUiPivotGrid::messages ( \$data[ 'messages' ][ 'fieldMenu' ][ 'operators' ][ 'doesnotcontain' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['messages']['fieldMenu']['operators']['startswith'])) {
         parent::addData("messages.fieldMenu.operators.startswith", $dataAX['messages']['fieldMenu']['operators']['startswith']);
         unset($dataAX['messages']['fieldMenu']['operators']['startswith']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages']['fieldMenu']['operators']['startswith'])) {
             throw new Exception("Type error - KendoUiPivotGrid::messages ( \$data[ 'messages' ][ 'fieldMenu' ][ 'operators' ][ 'startswith' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['messages']['fieldMenu']['operators']['endswith'])) {
         parent::addData("messages.fieldMenu.operators.endswith", $dataAX['messages']['fieldMenu']['operators']['endswith']);
         unset($dataAX['messages']['fieldMenu']['operators']['endswith']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages']['fieldMenu']['operators']['endswith'])) {
             throw new Exception("Type error - KendoUiPivotGrid::messages ( \$data[ 'messages' ][ 'fieldMenu' ][ 'operators' ][ 'endswith' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['messages']['fieldMenu']['operators']['eq'])) {
         parent::addData("messages.fieldMenu.operators.eq", $dataAX['messages']['fieldMenu']['operators']['eq']);
         unset($dataAX['messages']['fieldMenu']['operators']['eq']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages']['fieldMenu']['operators']['eq'])) {
             throw new Exception("Type error - KendoUiPivotGrid::messages ( \$data[ 'messages' ][ 'fieldMenu' ][ 'operators' ][ 'eq' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['messages']['fieldMenu']['operators']['neq'])) {
         parent::addData("messages.fieldMenu.operators.neq", $dataAX['messages']['fieldMenu']['operators']['neq']);
         unset($dataAX['messages']['fieldMenu']['operators']['neq']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages']['fieldMenu']['operators']['neq'])) {
             throw new Exception("Type error - KendoUiPivotGrid::messages ( \$data[ 'messages' ][ 'fieldMenu' ][ 'operators' ][ 'neq' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['messages']['fieldMenu']['info'])) {
         parent::addData("messages.fieldMenu.info", $dataAX['messages']['fieldMenu']['info']);
         unset($dataAX['messages']['fieldMenu']['info']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages']['fieldMenu']['info'])) {
             throw new Exception("Type error - KendoUiPivotGrid::messages ( \$data[ 'messages' ][ 'fieldMenu' ][ 'info' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['messages']['fieldMenu']['sortAscending'])) {
         parent::addData("messages.fieldMenu.sortAscending", $dataAX['messages']['fieldMenu']['sortAscending']);
         unset($dataAX['messages']['fieldMenu']['sortAscending']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages']['fieldMenu']['sortAscending'])) {
             throw new Exception("Type error - KendoUiPivotGrid::messages ( \$data[ 'messages' ][ 'fieldMenu' ][ 'sortAscending' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['messages']['fieldMenu']['sortDescending'])) {
         parent::addData("messages.fieldMenu.sortDescending", $dataAX['messages']['fieldMenu']['sortDescending']);
         unset($dataAX['messages']['fieldMenu']['sortDescending']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages']['fieldMenu']['sortDescending'])) {
             throw new Exception("Type error - KendoUiPivotGrid::messages ( \$data[ 'messages' ][ 'fieldMenu' ][ 'sortDescending' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['messages']['fieldMenu']['filterFields'])) {
         parent::addData("messages.fieldMenu.filterFields", $dataAX['messages']['fieldMenu']['filterFields']);
         unset($dataAX['messages']['fieldMenu']['filterFields']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages']['fieldMenu']['filterFields'])) {
             throw new Exception("Type error - KendoUiPivotGrid::messages ( \$data[ 'messages' ][ 'fieldMenu' ][ 'filterFields' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['messages']['fieldMenu']['filter'])) {
         parent::addData("messages.fieldMenu.filter", $dataAX['messages']['fieldMenu']['filter']);
         unset($dataAX['messages']['fieldMenu']['filter']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages']['fieldMenu']['filter'])) {
             throw new Exception("Type error - KendoUiPivotGrid::messages ( \$data[ 'messages' ][ 'fieldMenu' ][ 'filter' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['messages']['fieldMenu']['include'])) {
         parent::addData("messages.fieldMenu.include", $dataAX['messages']['fieldMenu']['include']);
         unset($dataAX['messages']['fieldMenu']['include']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages']['fieldMenu']['include'])) {
             throw new Exception("Type error - KendoUiPivotGrid::messages ( \$data[ 'messages' ][ 'fieldMenu' ][ 'include' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['messages']['fieldMenu']['title'])) {
         parent::addData("messages.fieldMenu.title", $dataAX['messages']['fieldMenu']['title']);
         unset($dataAX['messages']['fieldMenu']['title']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages']['fieldMenu']['title'])) {
             throw new Exception("Type error - KendoUiPivotGrid::messages ( \$data[ 'messages' ][ 'fieldMenu' ][ 'title' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['messages']['fieldMenu']['clear'])) {
         parent::addData("messages.fieldMenu.clear", $dataAX['messages']['fieldMenu']['clear']);
         unset($dataAX['messages']['fieldMenu']['clear']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages']['fieldMenu']['clear'])) {
             throw new Exception("Type error - KendoUiPivotGrid::messages ( \$data[ 'messages' ][ 'fieldMenu' ][ 'clear' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['messages']['fieldMenu']['ok'])) {
         parent::addData("messages.fieldMenu.ok", $dataAX['messages']['fieldMenu']['ok']);
         unset($dataAX['messages']['fieldMenu']['ok']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages']['fieldMenu']['ok'])) {
             throw new Exception("Type error - KendoUiPivotGrid::messages ( \$data[ 'messages' ][ 'fieldMenu' ][ 'ok' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['messages']['fieldMenu']['cancel'])) {
         parent::addData("messages.fieldMenu.cancel", $dataAX['messages']['fieldMenu']['cancel']);
         unset($dataAX['messages']['fieldMenu']['cancel']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages']['fieldMenu']['cancel'])) {
             throw new Exception("Type error - KendoUiPivotGrid::messages ( \$data[ 'messages' ][ 'fieldMenu' ][ 'cancel' ] type must be 'String'");
         }
     }
     if (is_array($dataAX['messages']['fieldMenu']['operators'])) {
         parent::addData("messages.fieldMenu.operators", $dataAX['messages']['fieldMenu']['operators']);
         unset($dataAX['messages']['fieldMenu']['operators']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages']['fieldMenu']['operators'])) {
             throw new Exception("Type error - KendoUiPivotGrid::messages ( \$data[ 'messages' ][ 'fieldMenu' ][ 'operators' ] type must be 'Object'");
         }
     }
     if (is_string($dataAX['messages']['measureFields'])) {
         parent::addData("messages.measureFields", $dataAX['messages']['measureFields']);
         unset($dataAX['messages']['measureFields']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages']['measureFields'])) {
             throw new Exception("Type error - KendoUiPivotGrid::messages ( \$data[ 'messages' ][ 'measureFields' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['messages']['columnFields'])) {
         parent::addData("messages.columnFields", $dataAX['messages']['columnFields']);
         unset($dataAX['messages']['columnFields']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages']['columnFields'])) {
             throw new Exception("Type error - KendoUiPivotGrid::messages ( \$data[ 'messages' ][ 'columnFields' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['messages']['rowFields'])) {
         parent::addData("messages.rowFields", $dataAX['messages']['rowFields']);
         unset($dataAX['messages']['rowFields']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages']['rowFields'])) {
             throw new Exception("Type error - KendoUiPivotGrid::messages ( \$data[ 'messages' ][ 'rowFields' ] type must be 'String'");
         }
     }
     if (is_array($dataAX['messages']['fieldMenu'])) {
         parent::addData("messages.fieldMenu", $dataAX['messages']['fieldMenu']);
         unset($dataAX['messages']['fieldMenu']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages']['fieldMenu'])) {
             throw new Exception("Type error - KendoUiPivotGrid::messages ( \$data[ 'messages' ][ 'fieldMenu' ] type must be 'Object'");
         }
     }
     if (is_array($dataAX['messages'])) {
         parent::addData("messages", $dataAX['messages']);
         unset($dataAX['messages']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages'])) {
             throw new Exception("Type error - KendoUiPivotGrid::messages ( \$data[ 'messages' ] type must be 'Object'");
         }
     }
 }

Ejemplo n.º 16

Archivo: KendoUiButton.class.php Proyecto: helmutkemper/KendoUI

 /**
 * Defines a CSS class (or multiple classes separated by spaces), which will be used for applying a background image to a <b><u>span</u></b> element inside the <strong>Button</strong>. In case you want to use an icon from the Kendo UI theme sprite background image, it is easier to use the <a href="http://docs.telerik.com/kendo-ui/api/javascript/ui/button#configuration-icon"><b><u>icon</u></b> property</a>.
 * The <b><u>span</u></b> element can be added automatically by the widget, or an existing element can be used, if it has a <b><u>k-sprite</u></b> CSS class applied.
 * @var $dataAX[ 'spriteCssClass' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/button#configuration-spriteCssClass
 * 
 * @code
   Example
    <button id="button" type="button">Edit</button>
    <script>
    $("#button").kendoButton({
        spriteCssClass: "myEditIcon"
    });
    </script>
 * @endcode
 * @code
    Example with an existing span element
    <button id="button" type="button">
        <span class="k-sprite"></span> Edit
    </button>
    <script>
    $("#button").kendoButton({
        spriteCssClass: "myEditIcon"
    });
    </script>
 * @endcode
 * @throws string type error
 */
 public function spriteCssClass($dataAX)
 {
     if (!is_string($this->outputCStr)) {
         $this->outputCStr = '';
     }
     $dataAX = array("spriteCssClass" => $dataAX);
     if (is_string($dataAX['spriteCssClass'])) {
         parent::addData("spriteCssClass", $dataAX['spriteCssClass']);
         unset($dataAX['spriteCssClass']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['spriteCssClass'])) {
             throw new Exception("Type error - KendoUiButton::spriteCssClass ( \$data[ 'spriteCssClass' ] type must be 'String'");
         }
     }
 }

Ejemplo n.º 17

Archivo: KendoUiPanelBar.class.php Proyecto: helmutkemper/KendoUI

 /**
 * Specifies how the <strong>PanelBar</strong> items are displayed when opened and closed. The following values are available:
 * <b>"single"</b> - Display one item at a time when an item is opened; opening an item will close the previously opened item.
 * <b>"multiple"</b> - Display multiple values at one time; opening an item has no visual impact on any other items in the <strong>PanelBar</strong>.
 * @var $dataAX[ 'expandMode' ]: ( String ) ( default: "multiple" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/panelbar#configuration-expandMode
 * 
 * @code
   &lt;ul id="panelbar"&gt;<br>&nbsp;&nbsp;&lt;li&gt;Item 1<br>&nbsp;&nbsp;&nbsp;&nbsp;&lt;ul&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;Sub Item 1&lt;/li&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;Sub Item 2&lt;/li&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;Sub Item 3&lt;/li&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&lt;/ul&gt;<br>&nbsp;&nbsp;&lt;/li&gt;<br>&nbsp;&nbsp;&lt;li&gt;Item 2<br>&nbsp;&nbsp;&nbsp;&nbsp;&lt;ul&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;Sub Item 1&lt;/li&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;Sub Item 2&lt;/li&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;Sub Item 3&lt;/li&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&lt;/ul&gt;<br>&nbsp;&nbsp;&lt;/li&gt;<br>&lt;/ul&gt;<br>&lt;script&gt;<br>&nbsp;&nbsp;$("#panelbar").kendoPanelBar({<br>&nbsp;&nbsp;&nbsp;&nbsp;expandMode: "single"<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @throws string type error
 */
 public function expandMode($dataAX)
 {
     if (!is_string($this->outputCStr)) {
         $this->outputCStr = '';
     }
     $dataAX = array("expandMode" => $dataAX);
     if (is_string($dataAX['expandMode'])) {
         parent::addData("expandMode", $dataAX['expandMode']);
         unset($dataAX['expandMode']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['expandMode'])) {
             throw new Exception("Type error - KendoUiPanelBar::expandMode ( \$data[ 'expandMode' ] type must be 'String'");
         }
     }
 }

Ejemplo n.º 18

Archivo: KendoUiColorPalette.class.php Proyecto: helmutkemper/KendoUI

 /**
 * Specifies the initially selected color.
 * @var $dataAX[ 'value' ]: ( String | Color ) ( default: null )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/colorpalette#configuration-value
 * 
 * @code
   Example
    <div id="palette"></div>
    <script>
    $("#palette").kendoColorPalette({
      palette: "basic",
      value: "#fff"
    });
    </script>
 * @endcode
 * @throws string type error
 */
 public function value($dataAX)
 {
     if (!is_string($this->outputCStr)) {
         $this->outputCStr = '';
     }
     $dataAX = array("value" => $dataAX);
     if (is_string($dataAX['value'])) {
         parent::addData("value", $dataAX['value']);
         unset($dataAX['value']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['value'])) {
             throw new Exception("Type error - KendoUiColorPalette::value ( \$data[ 'value' ] type must be 'String' | 'Color'");
         }
     }
 }

Ejemplo n.º 19

Archivo: KendoUiGantt.class.php Proyecto: helmutkemper/KendoUI

 /**
 * The configuration of the gantt resource(s). A gantt resource is optional metadata that can be associated with a gantt task.
 * @var $dataAX[ 'resources' ]: ( Object )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/gantt#configuration-resources
 * 
 * The field of the resource data item containing the format of the resource value, which could be assigned to a gantt task. The data item format value could be any valid <a href="/kendo-ui/api/javascript/kendo#methods-format">kendo format</a>.
 * @var $dataAX[ 'resources' ][ 'dataFormatField' ]: ( String ) ( default: "format" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/gantt#configuration-resources.dataFormatField
 * 
 * @code
   Example - set the resource data format field
    <div id="gantt"></div>
    <script>
    $("#gantt").kendoGantt({
      dataSource: [{
        id: 0,
        orderId: 0,
        parentId: null,
        title: "Task1",
        start: new Date("2014/6/17 9:00"),
        end: new Date("2014/7/01 11:00")
      }],
      resources: {
        dataFormatField: "unit",
        dataSource: [
          { id: 0, name: "Resource 1", color: "green", unit: "p0" },
          { id: 1, name: "Resource 2", color: "#32cd32", unit: "p0" }
        ]
      },
      assignments: {
        dataSource: [
          { taskId: 0, resourceId: 1, value: 1 }
        ]
      },
      views: ["week"],
      columns: [
        { field: "title", title: "Title" },
        { field: "resources", title: "Task Resources" }
      ]
    });
    </script>
 * @endcode
 * @code
    Example - set the resource data color field
    <div id="gantt"></div>
    <script>
    $("#gantt").kendoGantt({
      dataSource: [{
        id: 0,
        orderId: 0,
        parentId: null,
        title: "Task1",
        start: new Date("2014/6/17 9:00"),
        end: new Date("2014/7/01 11:00")
      }],
      resources: {
        dataColorField: "key",
        dataSource: [
          { id: 0, name: "Resource 1", key: "green" },
          { id: 1, name: "Resource 2", key: "#32cd32" }
        ]
      },
      assignments: {
        dataSource: [
          { taskId: 0, resourceId: 1, value: 1 }
        ]
      },
      views: ["week"]
    });
    </script>
 * @endcode
 * @code
    Example - set the resource data source
    <div id="gantt"></div>
    <script>
    $("#gantt").kendoGantt({
      dataSource: [{
        id: 0,
        orderId: 0,
        parentId: null,
        title: "Task1",
        start: new Date("2014/6/17 9:00"),
        end: new Date("2014/7/01 11:00")
      }],
      resources: {
        dataSource: [
          { id: 0, name: "Resource 1", color: "green" },
          { id: 1, name: "Resource 2", color: "#32cd32" }
        ]
      },
      assignments: {
        dataSource: [
          { taskId: 0, resourceId: 1, value: 1 }
        ]
      },
      views: ["week"]
    });
    </script>
 * @endcode
 * @code
    Example - set the resource data text field
    <div id="gantt"></div>
    <script>
    $("#gantt").kendoGantt({
      dataSource: [{
        id: 0,
        orderId: 0,
        parentId: null,
        title: "Task1",
        start: new Date("2014/6/17 9:00"),
        end: new Date("2014/7/01 11:00")
      }],
      resources: {
        dataTextField: "resource",
        dataSource: [
          { id: 0, resource: "Resource 1", color: "green" },
          { id: 1, resource: "Resource 2", color: "#32cd32" }
        ]
      },
      assignments: {
        dataSource: [
          { taskId: 0, resourceId: 1, value: 1 }
        ]
      },
      views: ["week"]
    });
    </script>
 * @endcode
 * @code
    Example - specify the resource field
    <div id="gantt"></div>
    <script>
    $("#gantt").kendoGantt({
      dataSource: [{
        id: 0,
        orderId: 0,
        parentId: null,
        title: "Task1",
        start: new Date("2014/6/17 9:00"),
        end: new Date("2014/7/01 11:00")
      }],
      resources: {
        field: "taskResources",
        dataSource: [
          { id: 0, name: "Resource 1", color: "green", format: "p0" },
          { id: 1, name: "Resource 2", color: "#32cd32", format: "p0" }
        ]
      },
      assignments: {
        dataSource: [
          { taskId: 0, resourceId: 1, value: 1 }
        ]
      },
      views: ["week"],
      columns: [
        { field: "title", title: "Title" },
        { field: "taskResources", title: "Task Resources" }
      ]
    });
    </script>
 * @endcode
 * 
 * The field of the resource data item which contains the resource color.
 * @var $dataAX[ 'resources' ][ 'dataColorField' ]: ( String ) ( default: "color" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/gantt#configuration-resources.dataColorField
 * 
 * @code
   Example - set the resource data format field
    <div id="gantt"></div>
    <script>
    $("#gantt").kendoGantt({
      dataSource: [{
        id: 0,
        orderId: 0,
        parentId: null,
        title: "Task1",
        start: new Date("2014/6/17 9:00"),
        end: new Date("2014/7/01 11:00")
      }],
      resources: {
        dataFormatField: "unit",
        dataSource: [
          { id: 0, name: "Resource 1", color: "green", unit: "p0" },
          { id: 1, name: "Resource 2", color: "#32cd32", unit: "p0" }
        ]
      },
      assignments: {
        dataSource: [
          { taskId: 0, resourceId: 1, value: 1 }
        ]
      },
      views: ["week"],
      columns: [
        { field: "title", title: "Title" },
        { field: "resources", title: "Task Resources" }
      ]
    });
    </script>
 * @endcode
 * @code
    Example - set the resource data color field
    <div id="gantt"></div>
    <script>
    $("#gantt").kendoGantt({
      dataSource: [{
        id: 0,
        orderId: 0,
        parentId: null,
        title: "Task1",
        start: new Date("2014/6/17 9:00"),
        end: new Date("2014/7/01 11:00")
      }],
      resources: {
        dataColorField: "key",
        dataSource: [
          { id: 0, name: "Resource 1", key: "green" },
          { id: 1, name: "Resource 2", key: "#32cd32" }
        ]
      },
      assignments: {
        dataSource: [
          { taskId: 0, resourceId: 1, value: 1 }
        ]
      },
      views: ["week"]
    });
    </script>
 * @endcode
 * @code
    Example - set the resource data source
    <div id="gantt"></div>
    <script>
    $("#gantt").kendoGantt({
      dataSource: [{
        id: 0,
        orderId: 0,
        parentId: null,
        title: "Task1",
        start: new Date("2014/6/17 9:00"),
        end: new Date("2014/7/01 11:00")
      }],
      resources: {
        dataSource: [
          { id: 0, name: "Resource 1", color: "green" },
          { id: 1, name: "Resource 2", color: "#32cd32" }
        ]
      },
      assignments: {
        dataSource: [
          { taskId: 0, resourceId: 1, value: 1 }
        ]
      },
      views: ["week"]
    });
    </script>
 * @endcode
 * @code
    Example - set the resource data text field
    <div id="gantt"></div>
    <script>
    $("#gantt").kendoGantt({
      dataSource: [{
        id: 0,
        orderId: 0,
        parentId: null,
        title: "Task1",
        start: new Date("2014/6/17 9:00"),
        end: new Date("2014/7/01 11:00")
      }],
      resources: {
        dataTextField: "resource",
        dataSource: [
          { id: 0, resource: "Resource 1", color: "green" },
          { id: 1, resource: "Resource 2", color: "#32cd32" }
        ]
      },
      assignments: {
        dataSource: [
          { taskId: 0, resourceId: 1, value: 1 }
        ]
      },
      views: ["week"]
    });
    </script>
 * @endcode
 * @code
    Example - specify the resource field
    <div id="gantt"></div>
    <script>
    $("#gantt").kendoGantt({
      dataSource: [{
        id: 0,
        orderId: 0,
        parentId: null,
        title: "Task1",
        start: new Date("2014/6/17 9:00"),
        end: new Date("2014/7/01 11:00")
      }],
      resources: {
        field: "taskResources",
        dataSource: [
          { id: 0, name: "Resource 1", color: "green", format: "p0" },
          { id: 1, name: "Resource 2", color: "#32cd32", format: "p0" }
        ]
      },
      assignments: {
        dataSource: [
          { taskId: 0, resourceId: 1, value: 1 }
        ]
      },
      views: ["week"],
      columns: [
        { field: "title", title: "Title" },
        { field: "taskResources", title: "Task Resources" }
      ]
    });
    </script>
 * @endcode
 * 
 * The data source which contains resource data items. Can be a JavaScript object which represents a valid data source configuration, a JavaScript array or an existing <a href="/kendo-ui/api/framework/datasource">kendo.data.DataSource</a> instance.
 * If the <b><u>dataSource</u></b> option is set to a JavaScript object or array the widget will initialize a new <a href="/kendo-ui/api/framework/datasource">kendo.data.DataSource</a> instance using that value as data source configuration.
 * If the <b><u>dataSource</u></b> option is an existing <a href="/kendo-ui/api/framework/datasource">kendo.data.DataSource</a> instance the widget will use that instance and will <strong>not</strong> initialize a new one.
 * @var $dataAX[ 'resources' ][ 'dataSource' ]: ( Object | Array | kendo.data.DataSource )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/gantt#configuration-resources.dataSource
 * 
 * @code
   Example - set the resource data format field
    <div id="gantt"></div>
    <script>
    $("#gantt").kendoGantt({
      dataSource: [{
        id: 0,
        orderId: 0,
        parentId: null,
        title: "Task1",
        start: new Date("2014/6/17 9:00"),
        end: new Date("2014/7/01 11:00")
      }],
      resources: {
        dataFormatField: "unit",
        dataSource: [
          { id: 0, name: "Resource 1", color: "green", unit: "p0" },
          { id: 1, name: "Resource 2", color: "#32cd32", unit: "p0" }
        ]
      },
      assignments: {
        dataSource: [
          { taskId: 0, resourceId: 1, value: 1 }
        ]
      },
      views: ["week"],
      columns: [
        { field: "title", title: "Title" },
        { field: "resources", title: "Task Resources" }
      ]
    });
    </script>
 * @endcode
 * @code
    Example - set the resource data color field
    <div id="gantt"></div>
    <script>
    $("#gantt").kendoGantt({
      dataSource: [{
        id: 0,
        orderId: 0,
        parentId: null,
        title: "Task1",
        start: new Date("2014/6/17 9:00"),
        end: new Date("2014/7/01 11:00")
      }],
      resources: {
        dataColorField: "key",
        dataSource: [
          { id: 0, name: "Resource 1", key: "green" },
          { id: 1, name: "Resource 2", key: "#32cd32" }
        ]
      },
      assignments: {
        dataSource: [
          { taskId: 0, resourceId: 1, value: 1 }
        ]
      },
      views: ["week"]
    });
    </script>
 * @endcode
 * @code
    Example - set the resource data source
    <div id="gantt"></div>
    <script>
    $("#gantt").kendoGantt({
      dataSource: [{
        id: 0,
        orderId: 0,
        parentId: null,
        title: "Task1",
        start: new Date("2014/6/17 9:00"),
        end: new Date("2014/7/01 11:00")
      }],
      resources: {
        dataSource: [
          { id: 0, name: "Resource 1", color: "green" },
          { id: 1, name: "Resource 2", color: "#32cd32" }
        ]
      },
      assignments: {
        dataSource: [
          { taskId: 0, resourceId: 1, value: 1 }
        ]
      },
      views: ["week"]
    });
    </script>
 * @endcode
 * @code
    Example - set the resource data text field
    <div id="gantt"></div>
    <script>
    $("#gantt").kendoGantt({
      dataSource: [{
        id: 0,
        orderId: 0,
        parentId: null,
        title: "Task1",
        start: new Date("2014/6/17 9:00"),
        end: new Date("2014/7/01 11:00")
      }],
      resources: {
        dataTextField: "resource",
        dataSource: [
          { id: 0, resource: "Resource 1", color: "green" },
          { id: 1, resource: "Resource 2", color: "#32cd32" }
        ]
      },
      assignments: {
        dataSource: [
          { taskId: 0, resourceId: 1, value: 1 }
        ]
      },
      views: ["week"]
    });
    </script>
 * @endcode
 * @code
    Example - specify the resource field
    <div id="gantt"></div>
    <script>
    $("#gantt").kendoGantt({
      dataSource: [{
        id: 0,
        orderId: 0,
        parentId: null,
        title: "Task1",
        start: new Date("2014/6/17 9:00"),
        end: new Date("2014/7/01 11:00")
      }],
      resources: {
        field: "taskResources",
        dataSource: [
          { id: 0, name: "Resource 1", color: "green", format: "p0" },
          { id: 1, name: "Resource 2", color: "#32cd32", format: "p0" }
        ]
      },
      assignments: {
        dataSource: [
          { taskId: 0, resourceId: 1, value: 1 }
        ]
      },
      views: ["week"],
      columns: [
        { field: "title", title: "Title" },
        { field: "taskResources", title: "Task Resources" }
      ]
    });
    </script>
 * @endcode
 * 
 * The field of the resource data item which represents the resource text.
 * @var $dataAX[ 'resources' ][ 'dataTextField' ]: ( String ) ( default: "text" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/gantt#configuration-resources.dataTextField
 * 
 * @code
   Example - set the resource data format field
    <div id="gantt"></div>
    <script>
    $("#gantt").kendoGantt({
      dataSource: [{
        id: 0,
        orderId: 0,
        parentId: null,
        title: "Task1",
        start: new Date("2014/6/17 9:00"),
        end: new Date("2014/7/01 11:00")
      }],
      resources: {
        dataFormatField: "unit",
        dataSource: [
          { id: 0, name: "Resource 1", color: "green", unit: "p0" },
          { id: 1, name: "Resource 2", color: "#32cd32", unit: "p0" }
        ]
      },
      assignments: {
        dataSource: [
          { taskId: 0, resourceId: 1, value: 1 }
        ]
      },
      views: ["week"],
      columns: [
        { field: "title", title: "Title" },
        { field: "resources", title: "Task Resources" }
      ]
    });
    </script>
 * @endcode
 * @code
    Example - set the resource data color field
    <div id="gantt"></div>
    <script>
    $("#gantt").kendoGantt({
      dataSource: [{
        id: 0,
        orderId: 0,
        parentId: null,
        title: "Task1",
        start: new Date("2014/6/17 9:00"),
        end: new Date("2014/7/01 11:00")
      }],
      resources: {
        dataColorField: "key",
        dataSource: [
          { id: 0, name: "Resource 1", key: "green" },
          { id: 1, name: "Resource 2", key: "#32cd32" }
        ]
      },
      assignments: {
        dataSource: [
          { taskId: 0, resourceId: 1, value: 1 }
        ]
      },
      views: ["week"]
    });
    </script>
 * @endcode
 * @code
    Example - set the resource data source
    <div id="gantt"></div>
    <script>
    $("#gantt").kendoGantt({
      dataSource: [{
        id: 0,
        orderId: 0,
        parentId: null,
        title: "Task1",
        start: new Date("2014/6/17 9:00"),
        end: new Date("2014/7/01 11:00")
      }],
      resources: {
        dataSource: [
          { id: 0, name: "Resource 1", color: "green" },
          { id: 1, name: "Resource 2", color: "#32cd32" }
        ]
      },
      assignments: {
        dataSource: [
          { taskId: 0, resourceId: 1, value: 1 }
        ]
      },
      views: ["week"]
    });
    </script>
 * @endcode
 * @code
    Example - set the resource data text field
    <div id="gantt"></div>
    <script>
    $("#gantt").kendoGantt({
      dataSource: [{
        id: 0,
        orderId: 0,
        parentId: null,
        title: "Task1",
        start: new Date("2014/6/17 9:00"),
        end: new Date("2014/7/01 11:00")
      }],
      resources: {
        dataTextField: "resource",
        dataSource: [
          { id: 0, resource: "Resource 1", color: "green" },
          { id: 1, resource: "Resource 2", color: "#32cd32" }
        ]
      },
      assignments: {
        dataSource: [
          { taskId: 0, resourceId: 1, value: 1 }
        ]
      },
      views: ["week"]
    });
    </script>
 * @endcode
 * @code
    Example - specify the resource field
    <div id="gantt"></div>
    <script>
    $("#gantt").kendoGantt({
      dataSource: [{
        id: 0,
        orderId: 0,
        parentId: null,
        title: "Task1",
        start: new Date("2014/6/17 9:00"),
        end: new Date("2014/7/01 11:00")
      }],
      resources: {
        field: "taskResources",
        dataSource: [
          { id: 0, name: "Resource 1", color: "green", format: "p0" },
          { id: 1, name: "Resource 2", color: "#32cd32", format: "p0" }
        ]
      },
      assignments: {
        dataSource: [
          { taskId: 0, resourceId: 1, value: 1 }
        ]
      },
      views: ["week"],
      columns: [
        { field: "title", title: "Title" },
        { field: "taskResources", title: "Task Resources" }
      ]
    });
    </script>
 * @endcode
 * 
 * The field of the gantt task which contains the assigned resource objects.
 * @var $dataAX[ 'resources' ][ 'field' ]: ( String ) ( default: "resources" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/gantt#configuration-resources.field
 * 
 * @code
   Example - set the resource data format field
    <div id="gantt"></div>
    <script>
    $("#gantt").kendoGantt({
      dataSource: [{
        id: 0,
        orderId: 0,
        parentId: null,
        title: "Task1",
        start: new Date("2014/6/17 9:00"),
        end: new Date("2014/7/01 11:00")
      }],
      resources: {
        dataFormatField: "unit",
        dataSource: [
          { id: 0, name: "Resource 1", color: "green", unit: "p0" },
          { id: 1, name: "Resource 2", color: "#32cd32", unit: "p0" }
        ]
      },
      assignments: {
        dataSource: [
          { taskId: 0, resourceId: 1, value: 1 }
        ]
      },
      views: ["week"],
      columns: [
        { field: "title", title: "Title" },
        { field: "resources", title: "Task Resources" }
      ]
    });
    </script>
 * @endcode
 * @code
    Example - set the resource data color field
    <div id="gantt"></div>
    <script>
    $("#gantt").kendoGantt({
      dataSource: [{
        id: 0,
        orderId: 0,
        parentId: null,
        title: "Task1",
        start: new Date("2014/6/17 9:00"),
        end: new Date("2014/7/01 11:00")
      }],
      resources: {
        dataColorField: "key",
        dataSource: [
          { id: 0, name: "Resource 1", key: "green" },
          { id: 1, name: "Resource 2", key: "#32cd32" }
        ]
      },
      assignments: {
        dataSource: [
          { taskId: 0, resourceId: 1, value: 1 }
        ]
      },
      views: ["week"]
    });
    </script>
 * @endcode
 * @code
    Example - set the resource data source
    <div id="gantt"></div>
    <script>
    $("#gantt").kendoGantt({
      dataSource: [{
        id: 0,
        orderId: 0,
        parentId: null,
        title: "Task1",
        start: new Date("2014/6/17 9:00"),
        end: new Date("2014/7/01 11:00")
      }],
      resources: {
        dataSource: [
          { id: 0, name: "Resource 1", color: "green" },
          { id: 1, name: "Resource 2", color: "#32cd32" }
        ]
      },
      assignments: {
        dataSource: [
          { taskId: 0, resourceId: 1, value: 1 }
        ]
      },
      views: ["week"]
    });
    </script>
 * @endcode
 * @code
    Example - set the resource data text field
    <div id="gantt"></div>
    <script>
    $("#gantt").kendoGantt({
      dataSource: [{
        id: 0,
        orderId: 0,
        parentId: null,
        title: "Task1",
        start: new Date("2014/6/17 9:00"),
        end: new Date("2014/7/01 11:00")
      }],
      resources: {
        dataTextField: "resource",
        dataSource: [
          { id: 0, resource: "Resource 1", color: "green" },
          { id: 1, resource: "Resource 2", color: "#32cd32" }
        ]
      },
      assignments: {
        dataSource: [
          { taskId: 0, resourceId: 1, value: 1 }
        ]
      },
      views: ["week"]
    });
    </script>
 * @endcode
 * @code
    Example - specify the resource field
    <div id="gantt"></div>
    <script>
    $("#gantt").kendoGantt({
      dataSource: [{
        id: 0,
        orderId: 0,
        parentId: null,
        title: "Task1",
        start: new Date("2014/6/17 9:00"),
        end: new Date("2014/7/01 11:00")
      }],
      resources: {
        field: "taskResources",
        dataSource: [
          { id: 0, name: "Resource 1", color: "green", format: "p0" },
          { id: 1, name: "Resource 2", color: "#32cd32", format: "p0" }
        ]
      },
      assignments: {
        dataSource: [
          { taskId: 0, resourceId: 1, value: 1 }
        ]
      },
      views: ["week"],
      columns: [
        { field: "title", title: "Title" },
        { field: "taskResources", title: "Task Resources" }
      ]
    });
    </script>
 * @endcode
 * @throws string type error
 */
 public function resources($dataAX)
 {
     if (!is_string($this->outputCStr)) {
         $this->outputCStr = '';
     }
     $dataAX = array("resources" => $dataAX);
     if (is_string($dataAX['resources']['dataFormatField'])) {
         parent::addData("resources.dataFormatField", $dataAX['resources']['dataFormatField']);
         unset($dataAX['resources']['dataFormatField']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['resources']['dataFormatField'])) {
             throw new Exception("Type error - KendoUiGantt::resources ( \$data[ 'resources' ][ 'dataFormatField' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['resources']['dataColorField'])) {
         parent::addData("resources.dataColorField", $dataAX['resources']['dataColorField']);
         unset($dataAX['resources']['dataColorField']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['resources']['dataColorField'])) {
             throw new Exception("Type error - KendoUiGantt::resources ( \$data[ 'resources' ][ 'dataColorField' ] type must be 'String'");
         }
     }
     if (is_array($dataAX['resources']['dataSource'])) {
         parent::addData("resources.dataSource", $dataAX['resources']['dataSource']);
         unset($dataAX['resources']['dataSource']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['resources']['dataSource'])) {
             throw new Exception("Type error - KendoUiGantt::resources ( \$data[ 'resources' ][ 'dataSource' ] type must be 'Object' | 'Array' | 'kendo.data.DataSource'");
         }
     }
     if (is_string($dataAX['resources']['dataTextField'])) {
         parent::addData("resources.dataTextField", $dataAX['resources']['dataTextField']);
         unset($dataAX['resources']['dataTextField']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['resources']['dataTextField'])) {
             throw new Exception("Type error - KendoUiGantt::resources ( \$data[ 'resources' ][ 'dataTextField' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['resources']['field'])) {
         parent::addData("resources.field", $dataAX['resources']['field']);
         unset($dataAX['resources']['field']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['resources']['field'])) {
             throw new Exception("Type error - KendoUiGantt::resources ( \$data[ 'resources' ][ 'field' ] type must be 'String'");
         }
     }
     if (is_array($dataAX['resources'])) {
         parent::addData("resources", $dataAX['resources']);
         unset($dataAX['resources']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['resources'])) {
             throw new Exception("Type error - KendoUiGantt::resources ( \$data[ 'resources' ] type must be 'Object'");
         }
     }
 }

Ejemplo n.º 20

Archivo: KendoUiSortable.class.php Proyecto: helmutkemper/KendoUI

 /**
 * Provides a way for customization of the sortable item placeholder. If a function is supplied, it receives one argument - the draggable element's jQuery object. If placeholder function is not provided the widget will clone dragged item, remove its ID attribute, set its visibility to hidden and use it as a placeholder.
 * **Important: The placeholder element is appended to the Sortable widget container.
 * 
 * ( ! ) **Important: The placeholder element is appended to the Sortable widget container.
 * @var $dataAX[ 'placeholder' ]: ( Function | String | jQuery )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/sortable#configuration-placeholder
 * 
 * @code
   &lt;ul id="sortable"&gt;<br>&nbsp;&nbsp;&lt;li&gt;ItemA1&lt;/li&gt;<br>&nbsp;&nbsp;&lt;li&gt;ItemA2&lt;/li&gt;<br>&nbsp;&nbsp;&lt;li&gt;ItemA3&lt;/li&gt;<br>&lt;/ul&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;$("#sortable").kendoSortable({<br>&nbsp;&nbsp;&nbsp;&nbsp;placeholder: function(element) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return element.clone().css({<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"opacity": 0.3,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"border": "1px dashed #000000"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br>&lt;/script&gt;
 * @endcode
 * @throws string type error
 */
 public function placeholder($dataAX)
 {
     if (!is_string($this->outputCStr)) {
         $this->outputCStr = '';
     }
     $dataAX = array("placeholder" => $dataAX);
     if (is_string($dataAX['placeholder'])) {
         parent::addData("placeholder", $dataAX['placeholder']);
         unset($dataAX['placeholder']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['placeholder'])) {
             throw new Exception("Type error - KendoUiSortable::placeholder ( \$data[ 'placeholder' ] type must be 'Function' | 'String' | 'jQuery'");
         }
     }
 }

Ejemplo n.º 21

Archivo: KendoUiFlatColorPicker.class.php Proyecto: helmutkemper/KendoUI

 /**
 * Allows customization of "Apply" / "Cancel" labels.
 * @var $dataAX[ 'messages' ]: ( Object )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/flatcolorpicker#configuration-messages
 * 
 * @code
   Example
    <div id="flatpicker"></div>
    <script>
    $("#flatpicker").kendoFlatColorPicker({
      buttons: true,
      messages: {
        apply: "Update",
        cancel: "Discard"
      }
    });
    </script>
 * @endcode
 * 
 * Allows customization of "Apply" label.
 * @var $dataAX[ 'messages' ][ 'apply' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/flatcolorpicker#configuration-messages.apply
 * 
 * @code
   Example
    <div id="flatpicker"></div>
    <script>
    $("#flatpicker").kendoFlatColorPicker({
      buttons: true,
      messages: {
        apply: "Update"
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <div id="flatpicker"></div>
    <script>
    $("#flatpicker").kendoFlatColorPicker({
      buttons: true,
      messages: {
        cancel: "Discard"
      }
    });
    </script>
 * @endcode
 * 
 * Allows customization of "Cancel" label.
 * @var $dataAX[ 'messages' ][ 'cancel' ]: ( String )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/flatcolorpicker#configuration-messages.cancel
 * 
 * @code
   Example
    <div id="flatpicker"></div>
    <script>
    $("#flatpicker").kendoFlatColorPicker({
      buttons: true,
      messages: {
        apply: "Update"
      }
    });
    </script>
 * @endcode
 * @code
    Example
    <div id="flatpicker"></div>
    <script>
    $("#flatpicker").kendoFlatColorPicker({
      buttons: true,
      messages: {
        cancel: "Discard"
      }
    });
    </script>
 * @endcode
 * @throws string type error
 */
 public function messages($dataAX)
 {
     if (!is_string($this->outputCStr)) {
         $this->outputCStr = '';
     }
     $dataAX = array("messages" => $dataAX);
     if (is_string($dataAX['messages']['apply'])) {
         parent::addData("messages.apply", $dataAX['messages']['apply']);
         unset($dataAX['messages']['apply']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages']['apply'])) {
             throw new Exception("Type error - KendoUiFlatColorPicker::messages ( \$data[ 'messages' ][ 'apply' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['messages']['cancel'])) {
         parent::addData("messages.cancel", $dataAX['messages']['cancel']);
         unset($dataAX['messages']['cancel']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages']['cancel'])) {
             throw new Exception("Type error - KendoUiFlatColorPicker::messages ( \$data[ 'messages' ][ 'cancel' ] type must be 'String'");
         }
     }
     if (is_array($dataAX['messages'])) {
         parent::addData("messages", $dataAX['messages']);
         unset($dataAX['messages']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages'])) {
             throw new Exception("Type error - KendoUiFlatColorPicker::messages ( \$data[ 'messages' ] type must be 'Object'");
         }
     }
 }

Ejemplo n.º 22

Archivo: KendoUiPager.class.php Proyecto: helmutkemper/KendoUI

 /**
 * Defines texts shown within the pager. Use this option to customize or localize the pager messages.
 * @var $dataAX[ 'messages' ]: ( Object )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/pager#configuration-messages
 * 
 * The pager info text. Uses <a href="/kendo-ui/api/framework/kendo#methods-format">kendo.format</a>.
 * Contains three placeholders:
 * @var $dataAX[ 'messages' ][ 'display' ]: ( String ) ( default: "{0} - {1} of {2} items" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/pager#configuration-messages.display
 * 
 * @code
   &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;display: "Showing {0}-{1} from {2} data items"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;empty: "No data"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;input: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;allPages: "All Pages"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;input: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;page: "Enter page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;input: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;of: "from {0}"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;pageSizes: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;itemsPerPage: "data items per page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;first: "First Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;previous: "Previous Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;next: "Next Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;last: "Last Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;refresh: "Refresh data"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * 
 * The text displayed when the DataSource view does no contain items.
 * @var $dataAX[ 'messages' ][ 'empty' ]: ( String ) ( default: "No items to display" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/pager#configuration-messages.empty
 * 
 * @code
   &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;display: "Showing {0}-{1} from {2} data items"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;empty: "No data"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;input: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;allPages: "All Pages"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;input: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;page: "Enter page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;input: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;of: "from {0}"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;pageSizes: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;itemsPerPage: "data items per page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;first: "First Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;previous: "Previous Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;next: "Next Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;last: "Last Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;refresh: "Refresh data"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * 
 * The text displayed for the item that represents the allPages option when allPages is enabled.
 * @var $dataAX[ 'messages' ][ 'allPages' ]: ( String ) ( default: "All" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/pager#configuration-messages.allPages
 * 
 * @code
   &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;display: "Showing {0}-{1} from {2} data items"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;empty: "No data"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;input: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;allPages: "All Pages"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;input: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;page: "Enter page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;input: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;of: "from {0}"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;pageSizes: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;itemsPerPage: "data items per page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;first: "First Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;previous: "Previous Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;next: "Next Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;last: "Last Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;refresh: "Refresh data"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * 
 * The label displayed before the pager input.
 * @var $dataAX[ 'messages' ][ 'page' ]: ( String ) ( default: "Page" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/pager#configuration-messages.page
 * 
 * @code
   &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;display: "Showing {0}-{1} from {2} data items"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;empty: "No data"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;input: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;allPages: "All Pages"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;input: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;page: "Enter page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;input: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;of: "from {0}"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;pageSizes: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;itemsPerPage: "data items per page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;first: "First Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;previous: "Previous Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;next: "Next Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;last: "Last Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;refresh: "Refresh data"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * 
 * The label displayed before the pager input. Uses <a href="/kendo-ui/api/framework/kendo#methods-format">kendo.format</a>. Contains one optional placeholder {0} which represents the total number of pages.
 * @var $dataAX[ 'messages' ][ 'of' ]: ( String ) ( default: "of {0}" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/pager#configuration-messages.of
 * 
 * @code
   &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;display: "Showing {0}-{1} from {2} data items"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;empty: "No data"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;input: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;allPages: "All Pages"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;input: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;page: "Enter page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;input: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;of: "from {0}"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;pageSizes: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;itemsPerPage: "data items per page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;first: "First Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;previous: "Previous Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;next: "Next Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;last: "Last Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;refresh: "Refresh data"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * 
 * The label displayed after the page size DropDownList.
 * @var $dataAX[ 'messages' ][ 'itemsPerPage' ]: ( String ) ( default: "items per page" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/pager#configuration-messages.itemsPerPage
 * 
 * @code
   &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;display: "Showing {0}-{1} from {2} data items"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;empty: "No data"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;input: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;allPages: "All Pages"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;input: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;page: "Enter page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;input: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;of: "from {0}"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;pageSizes: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;itemsPerPage: "data items per page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;first: "First Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;previous: "Previous Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;next: "Next Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;last: "Last Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;refresh: "Refresh data"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * 
 * The tooltip of the button which navigates to the first page.
 * @var $dataAX[ 'messages' ][ 'first' ]: ( String ) ( default: "Go to the first page" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/pager#configuration-messages.first
 * 
 * @code
   &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;display: "Showing {0}-{1} from {2} data items"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;empty: "No data"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;input: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;allPages: "All Pages"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;input: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;page: "Enter page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;input: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;of: "from {0}"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;pageSizes: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;itemsPerPage: "data items per page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;first: "First Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;previous: "Previous Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;next: "Next Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;last: "Last Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;refresh: "Refresh data"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * 
 * The tooltip of the button which navigates to the previous page.
 * @var $dataAX[ 'messages' ][ 'previous' ]: ( String ) ( default: "Go to the previous page" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/pager#configuration-messages.previous
 * 
 * @code
   &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;display: "Showing {0}-{1} from {2} data items"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;empty: "No data"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;input: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;allPages: "All Pages"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;input: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;page: "Enter page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;input: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;of: "from {0}"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;pageSizes: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;itemsPerPage: "data items per page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;first: "First Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;previous: "Previous Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;next: "Next Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;last: "Last Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;refresh: "Refresh data"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * 
 * The tooltip of the button which navigates to the next page.
 * @var $dataAX[ 'messages' ][ 'next' ]: ( String ) ( default: "Go to the next page" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/pager#configuration-messages.next
 * 
 * @code
   &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;display: "Showing {0}-{1} from {2} data items"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;empty: "No data"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;input: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;allPages: "All Pages"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;input: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;page: "Enter page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;input: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;of: "from {0}"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;pageSizes: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;itemsPerPage: "data items per page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;first: "First Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;previous: "Previous Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;next: "Next Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;last: "Last Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;refresh: "Refresh data"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * 
 * The tooltip of the button which navigates to the last page.
 * @var $dataAX[ 'messages' ][ 'last' ]: ( String ) ( default: "Go to the last page" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/pager#configuration-messages.last
 * 
 * @code
   &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;display: "Showing {0}-{1} from {2} data items"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;empty: "No data"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;input: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;allPages: "All Pages"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;input: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;page: "Enter page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;input: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;of: "from {0}"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;pageSizes: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;itemsPerPage: "data items per page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;first: "First Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;previous: "Previous Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;next: "Next Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;last: "Last Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;refresh: "Refresh data"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * 
 * The tooltip of the refresh button.
 * @var $dataAX[ 'messages' ][ 'refresh' ]: ( String ) ( default: "Refresh" )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/pager#configuration-messages.refresh
 * 
 * @code
   &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;display: "Showing {0}-{1} from {2} data items"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;empty: "No data"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;input: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;allPages: "All Pages"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;input: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;page: "Enter page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;input: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;of: "from {0}"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;pageSizes: true,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;itemsPerPage: "data items per page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;first: "First Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;previous: "Previous Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;next: "Next Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;last: "Last Page"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;div id="pager"&gt;&lt;/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;var dataSource = new kendo.data.DataSource({<br>&nbsp;&nbsp;&nbsp;data: [<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Tea", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Coffee", category: "Beverages" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Ham", category: "Food" },<br>&nbsp;&nbsp;&nbsp;&nbsp;{ productName: "Bread", category: "Food" }<br>&nbsp;&nbsp;&nbsp;],<br>&nbsp;&nbsp;&nbsp;pageSize: 2<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;$("#pager").kendoPager({<br>&nbsp;&nbsp;&nbsp;dataSource: dataSource,<br>&nbsp;&nbsp;&nbsp;messages: {<br>&nbsp;&nbsp;&nbsp;&nbsp;refresh: "Refresh data"<br>&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;});<br><br>&nbsp;&nbsp;dataSource.read();<br>&lt;/script&gt;
 * @endcode
 * @throws string type error
 */
 public function messages($dataAX)
 {
     if (!is_string($this->outputCStr)) {
         $this->outputCStr = '';
     }
     $dataAX = array("messages" => $dataAX);
     if (is_string($dataAX['messages']['display'])) {
         parent::addData("messages.display", $dataAX['messages']['display']);
         unset($dataAX['messages']['display']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages']['display'])) {
             throw new Exception("Type error - KendoUiPager::messages ( \$data[ 'messages' ][ 'display' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['messages']['empty'])) {
         parent::addData("messages.empty", $dataAX['messages']['empty']);
         unset($dataAX['messages']['empty']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages']['empty'])) {
             throw new Exception("Type error - KendoUiPager::messages ( \$data[ 'messages' ][ 'empty' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['messages']['allPages'])) {
         parent::addData("messages.allPages", $dataAX['messages']['allPages']);
         unset($dataAX['messages']['allPages']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages']['allPages'])) {
             throw new Exception("Type error - KendoUiPager::messages ( \$data[ 'messages' ][ 'allPages' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['messages']['page'])) {
         parent::addData("messages.page", $dataAX['messages']['page']);
         unset($dataAX['messages']['page']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages']['page'])) {
             throw new Exception("Type error - KendoUiPager::messages ( \$data[ 'messages' ][ 'page' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['messages']['of'])) {
         parent::addData("messages.of", $dataAX['messages']['of']);
         unset($dataAX['messages']['of']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages']['of'])) {
             throw new Exception("Type error - KendoUiPager::messages ( \$data[ 'messages' ][ 'of' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['messages']['itemsPerPage'])) {
         parent::addData("messages.itemsPerPage", $dataAX['messages']['itemsPerPage']);
         unset($dataAX['messages']['itemsPerPage']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages']['itemsPerPage'])) {
             throw new Exception("Type error - KendoUiPager::messages ( \$data[ 'messages' ][ 'itemsPerPage' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['messages']['first'])) {
         parent::addData("messages.first", $dataAX['messages']['first']);
         unset($dataAX['messages']['first']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages']['first'])) {
             throw new Exception("Type error - KendoUiPager::messages ( \$data[ 'messages' ][ 'first' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['messages']['previous'])) {
         parent::addData("messages.previous", $dataAX['messages']['previous']);
         unset($dataAX['messages']['previous']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages']['previous'])) {
             throw new Exception("Type error - KendoUiPager::messages ( \$data[ 'messages' ][ 'previous' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['messages']['next'])) {
         parent::addData("messages.next", $dataAX['messages']['next']);
         unset($dataAX['messages']['next']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages']['next'])) {
             throw new Exception("Type error - KendoUiPager::messages ( \$data[ 'messages' ][ 'next' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['messages']['last'])) {
         parent::addData("messages.last", $dataAX['messages']['last']);
         unset($dataAX['messages']['last']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages']['last'])) {
             throw new Exception("Type error - KendoUiPager::messages ( \$data[ 'messages' ][ 'last' ] type must be 'String'");
         }
     }
     if (is_string($dataAX['messages']['refresh'])) {
         parent::addData("messages.refresh", $dataAX['messages']['refresh']);
         unset($dataAX['messages']['refresh']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages']['refresh'])) {
             throw new Exception("Type error - KendoUiPager::messages ( \$data[ 'messages' ][ 'refresh' ] type must be 'String'");
         }
     }
     if (is_array($dataAX['messages'])) {
         parent::addData("messages", $dataAX['messages']);
         unset($dataAX['messages']);
         parent::garbageCollector($dataAX);
     } else {
         if (isset($dataAX['messages'])) {
             throw new Exception("Type error - KendoUiPager::messages ( \$data[ 'messages' ] type must be 'Object'");
         }
     }
 }

Ejemplo n.º 23

Archivo: KendoUiNotification.class.php Proyecto: helmutkemper/KendoUI

 /**
 * Defines the notifications' width. Numbers are treated as pixels.
 * @var $dataAX[ 'width' ]: ( Number | String ) ( default: null )
 * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/notification#configuration-width
 * 
 * @code
   &lt;span id="notification"&gt;&lt;/span&gt;<br>&lt;script&gt;<br>$("#notification").kendoNotification({<br>&nbsp;&nbsp;width: 300<br>});<br>&lt;/script&gt;
 * @endcode
 * @code
    &lt;span id="notification"&gt;&lt;/span&gt;<br>&lt;script&gt;<br>$("#notification").kendoNotification({<br>&nbsp;&nbsp;width: "20em"<br>});<br>&lt;/script&gt;
 * @endcode
 * @throws string type error
 */
 public function width($dataAX)
 {
     if (!is_string($this->outputCStr)) {
         $this->outputCStr = '';
     }
     $dataAX = array("width" => $dataAX);
     if (is_numeric($dataAX['width'])) {
         parent::addData("width", $dataAX['width']);
         unset($dataAX['width']);
         parent::garbageCollector($dataAX);
     } else {
         if (is_string($dataAX['width'])) {
             parent::addData("width", $dataAX['width']);
             unset($dataAX['width']);
             parent::garbageCollector($dataAX);
         } else {
             if (isset($dataAX['width'])) {
                 throw new Exception("Type error - KendoUiNotification::width ( \$data[ 'width' ] type must be 'Number' | 'String'");
             }
         }
     }
 }