/** * 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'"); } } }
/** * 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'"); } } }
/** * 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'"); } } }
/** * 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 <form id="myform"><br> <input name="username"/> <br /><br> <button>Validate</button><br></form><br><br><script><br> $("#myform").kendoValidator({<br> validateOnBlur: false<br> });<br></script> * @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'"); } } }
/** * 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 <div id="treeList"></div><br><script><br> $("#treeList").kendoTreeList({<br> toolbar: "<p>My string template in a paragraph.</p>",<br> columns: [<br> { field: "name" },<br> { field: "age" }<br> ],<br> dataSource: [<br> { name: "Jane Doe", age: 30 },<br> { name: "John Doe", age: 33 }<br> ]<br> });<br></script> * @endcode * @code <div id="treeList"></div><br><script><br> $("#treeList").kendoTreeList({<br> toolbar: kendo.template("<p>My function template.</p>"),<br> columns: [<br> { field: "name" },<br> { field: "age" }<br> ],<br> dataSource: [<br> { name: "Jane Doe", age: 30 },<br> { name: "John Doe", age: 33 }<br> ]<br> });<br></script> * @endcode * @code <div id="treeList"></div><br><script><br> $("#treeList").kendoTreeList({<br> toolbar: [<br> { name: "create" }<br> ],<br> columns: [<br> { field: "name" },<br> { field: "age" }<br> ],<br> dataSource: [<br> { name: "Jane Doe", age: 30 },<br> { name: "John Doe", age: 33 }<br> ]<br> });<br></script> * @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 <div id="treeList"></div><br><script><br> $("#treeList").kendoTreeList({<br> toolbar: [<br> { name: "create" },<br> { name: "custom" }<br> ],<br> columns: [<br> { field: "name" },<br> { field: "age" }<br> ],<br> dataSource: [<br> { name: "Jane Doe", age: 30 },<br> { name: "John Doe", age: 33 }<br> ]<br> });<br></script> * @endcode * @code <div id="treeList"></div><br><script><br> $("#treeList").kendoTreeList({<br> toolbar: [<br> { name: "create", text: "Add new" }<br> ],<br> columns: [<br> { field: "name" },<br> { field: "age" }<br> ],<br> dataSource: [<br> { name: "Jane Doe", age: 30 },<br> { name: "John Doe", age: 33 }<br> ]<br> });<br></script> * @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 <div id="treeList"></div><br><script><br> $("#treeList").kendoTreeList({<br> toolbar: [<br> { name: "create" },<br> { name: "custom" }<br> ],<br> columns: [<br> { field: "name" },<br> { field: "age" }<br> ],<br> dataSource: [<br> { name: "Jane Doe", age: 30 },<br> { name: "John Doe", age: 33 }<br> ]<br> });<br></script> * @endcode * @code <div id="treeList"></div><br><script><br> $("#treeList").kendoTreeList({<br> toolbar: [<br> { name: "create", text: "Add new" }<br> ],<br> columns: [<br> { field: "name" },<br> { field: "age" }<br> ],<br> dataSource: [<br> { name: "Jane Doe", age: 30 },<br> { name: "John Doe", age: 33 }<br> ]<br> });<br></script> * @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'"); } } } }
/** * 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'"); } } } }
/** * 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 <div id="toolbar"></div><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Button" },<br> { type: "button", text: "Toggle", togglable: true },<br> { type: "splitButton", text: "SplitButton", menuButtons: [{text: "Option 1"}, {text: "Option 2"}] }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "My Button", attributes: { "class": "red" } }<br> ]<br> });<br></script><br><br><style><br> .red { background-color: red; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> click: function(e) {<br> console.log(e.target.text() + " is clicked");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> enable: false<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", togglable: true, group: "myGroup" },<br> { type: "button", text: "bar", togglable: true, group: "myGroup" },<br> { type: "button", text: "baz", togglable: true, group: "myGroup" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", icon: "clock" },<br> { type: "button", text: "bar", icon: "note" },<br> { type: "button", text: "baz", icon: "refresh" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", id: "foo" },<br> { type: "button", text: "bar", id: "bar" },<br> { type: "button", text: "baz", id: "baz" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", imageUrl: "foo.png" },<br> { type: "button", text: "bar", imageUrl: "bar.png" },<br> { type: "button", text: "baz", imageUrl: "baz.png" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ],<br> overflow: "never"<br> },<br> {<br> type: "button",<br> text: "Button",<br> overflow: "auto"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ],<br> overflow: "always"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>",<br> overflowTemplate: "<span>Overflow template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Primary", primary: true },<br> { type: "button", text: "Standard" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true, selected: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", spriteCssClass: "tick" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> togglable: true,<br> toggle: function() {<br> console.log("toggle!");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ]<br> },<br> {<br> type: "separator"<br> },<br> {<br> type: "button",<br> text: "Button"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> url: "http://www.google.com"<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "My Button", attributes: { "class": "red" } }<br> ]<br> });<br></script><br><br><style><br> .red { background-color: red; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> click: function(e) {<br> console.log(e.target.text() + " is clicked");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> enable: false<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", togglable: true, group: "myGroup" },<br> { type: "button", text: "bar", togglable: true, group: "myGroup" },<br> { type: "button", text: "baz", togglable: true, group: "myGroup" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", icon: "clock" },<br> { type: "button", text: "bar", icon: "note" },<br> { type: "button", text: "baz", icon: "refresh" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", id: "foo" },<br> { type: "button", text: "bar", id: "bar" },<br> { type: "button", text: "baz", id: "baz" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", imageUrl: "foo.png" },<br> { type: "button", text: "bar", imageUrl: "bar.png" },<br> { type: "button", text: "baz", imageUrl: "baz.png" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ],<br> overflow: "never"<br> },<br> {<br> type: "button",<br> text: "Button",<br> overflow: "auto"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ],<br> overflow: "always"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>",<br> overflowTemplate: "<span>Overflow template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Primary", primary: true },<br> { type: "button", text: "Standard" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true, selected: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", spriteCssClass: "tick" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> togglable: true,<br> toggle: function() {<br> console.log("toggle!");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ]<br> },<br> {<br> type: "separator"<br> },<br> {<br> type: "button",<br> text: "Button"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> url: "http://www.google.com"<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "My Button", attributes: { "class": "red" } }<br> ]<br> });<br></script><br><br><style><br> .red { background-color: red; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> click: function(e) {<br> console.log(e.target.text() + " is clicked");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> enable: false<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", togglable: true, group: "myGroup" },<br> { type: "button", text: "bar", togglable: true, group: "myGroup" },<br> { type: "button", text: "baz", togglable: true, group: "myGroup" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", icon: "clock" },<br> { type: "button", text: "bar", icon: "note" },<br> { type: "button", text: "baz", icon: "refresh" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", id: "foo" },<br> { type: "button", text: "bar", id: "bar" },<br> { type: "button", text: "baz", id: "baz" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", imageUrl: "foo.png" },<br> { type: "button", text: "bar", imageUrl: "bar.png" },<br> { type: "button", text: "baz", imageUrl: "baz.png" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ],<br> overflow: "never"<br> },<br> {<br> type: "button",<br> text: "Button",<br> overflow: "auto"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ],<br> overflow: "always"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>",<br> overflowTemplate: "<span>Overflow template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Primary", primary: true },<br> { type: "button", text: "Standard" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true, selected: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", spriteCssClass: "tick" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> togglable: true,<br> toggle: function() {<br> console.log("toggle!");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ]<br> },<br> {<br> type: "separator"<br> },<br> {<br> type: "button",<br> text: "Button"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> url: "http://www.google.com"<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "My Button", attributes: { "class": "red" } }<br> ]<br> });<br></script><br><br><style><br> .red { background-color: red; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> click: function(e) {<br> console.log(e.target.text() + " is clicked");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> enable: false<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", togglable: true, group: "myGroup" },<br> { type: "button", text: "bar", togglable: true, group: "myGroup" },<br> { type: "button", text: "baz", togglable: true, group: "myGroup" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", icon: "clock" },<br> { type: "button", text: "bar", icon: "note" },<br> { type: "button", text: "baz", icon: "refresh" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", id: "foo" },<br> { type: "button", text: "bar", id: "bar" },<br> { type: "button", text: "baz", id: "baz" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", imageUrl: "foo.png" },<br> { type: "button", text: "bar", imageUrl: "bar.png" },<br> { type: "button", text: "baz", imageUrl: "baz.png" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ],<br> overflow: "never"<br> },<br> {<br> type: "button",<br> text: "Button",<br> overflow: "auto"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ],<br> overflow: "always"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>",<br> overflowTemplate: "<span>Overflow template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Primary", primary: true },<br> { type: "button", text: "Standard" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true, selected: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", spriteCssClass: "tick" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> togglable: true,<br> toggle: function() {<br> console.log("toggle!");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ]<br> },<br> {<br> type: "separator"<br> },<br> {<br> type: "button",<br> text: "Button"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> url: "http://www.google.com"<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "My Button", attributes: { "class": "red" } }<br> ]<br> });<br></script><br><br><style><br> .red { background-color: red; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> click: function(e) {<br> console.log(e.target.text() + " is clicked");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> enable: false<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", togglable: true, group: "myGroup" },<br> { type: "button", text: "bar", togglable: true, group: "myGroup" },<br> { type: "button", text: "baz", togglable: true, group: "myGroup" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", icon: "clock" },<br> { type: "button", text: "bar", icon: "note" },<br> { type: "button", text: "baz", icon: "refresh" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", id: "foo" },<br> { type: "button", text: "bar", id: "bar" },<br> { type: "button", text: "baz", id: "baz" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", imageUrl: "foo.png" },<br> { type: "button", text: "bar", imageUrl: "bar.png" },<br> { type: "button", text: "baz", imageUrl: "baz.png" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ],<br> overflow: "never"<br> },<br> {<br> type: "button",<br> text: "Button",<br> overflow: "auto"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ],<br> overflow: "always"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>",<br> overflowTemplate: "<span>Overflow template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Primary", primary: true },<br> { type: "button", text: "Standard" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true, selected: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", spriteCssClass: "tick" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> togglable: true,<br> toggle: function() {<br> console.log("toggle!");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ]<br> },<br> {<br> type: "separator"<br> },<br> {<br> type: "button",<br> text: "Button"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> url: "http://www.google.com"<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "My Button", attributes: { "class": "red" } }<br> ]<br> });<br></script><br><br><style><br> .red { background-color: red; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> click: function(e) {<br> console.log(e.target.text() + " is clicked");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> enable: false<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", togglable: true, group: "myGroup" },<br> { type: "button", text: "bar", togglable: true, group: "myGroup" },<br> { type: "button", text: "baz", togglable: true, group: "myGroup" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", icon: "clock" },<br> { type: "button", text: "bar", icon: "note" },<br> { type: "button", text: "baz", icon: "refresh" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", id: "foo" },<br> { type: "button", text: "bar", id: "bar" },<br> { type: "button", text: "baz", id: "baz" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", imageUrl: "foo.png" },<br> { type: "button", text: "bar", imageUrl: "bar.png" },<br> { type: "button", text: "baz", imageUrl: "baz.png" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ],<br> overflow: "never"<br> },<br> {<br> type: "button",<br> text: "Button",<br> overflow: "auto"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ],<br> overflow: "always"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>",<br> overflowTemplate: "<span>Overflow template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Primary", primary: true },<br> { type: "button", text: "Standard" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true, selected: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", spriteCssClass: "tick" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> togglable: true,<br> toggle: function() {<br> console.log("toggle!");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ]<br> },<br> {<br> type: "separator"<br> },<br> {<br> type: "button",<br> text: "Button"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> url: "http://www.google.com"<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "My Button", attributes: { "class": "red" } }<br> ]<br> });<br></script><br><br><style><br> .red { background-color: red; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> click: function(e) {<br> console.log(e.target.text() + " is clicked");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> enable: false<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", togglable: true, group: "myGroup" },<br> { type: "button", text: "bar", togglable: true, group: "myGroup" },<br> { type: "button", text: "baz", togglable: true, group: "myGroup" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", icon: "clock" },<br> { type: "button", text: "bar", icon: "note" },<br> { type: "button", text: "baz", icon: "refresh" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", id: "foo" },<br> { type: "button", text: "bar", id: "bar" },<br> { type: "button", text: "baz", id: "baz" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", imageUrl: "foo.png" },<br> { type: "button", text: "bar", imageUrl: "bar.png" },<br> { type: "button", text: "baz", imageUrl: "baz.png" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ],<br> overflow: "never"<br> },<br> {<br> type: "button",<br> text: "Button",<br> overflow: "auto"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ],<br> overflow: "always"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>",<br> overflowTemplate: "<span>Overflow template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Primary", primary: true },<br> { type: "button", text: "Standard" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true, selected: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", spriteCssClass: "tick" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> togglable: true,<br> toggle: function() {<br> console.log("toggle!");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ]<br> },<br> {<br> type: "separator"<br> },<br> {<br> type: "button",<br> text: "Button"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> url: "http://www.google.com"<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "My Button", attributes: { "class": "red" } }<br> ]<br> });<br></script><br><br><style><br> .red { background-color: red; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> click: function(e) {<br> console.log(e.target.text() + " is clicked");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> enable: false<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", togglable: true, group: "myGroup" },<br> { type: "button", text: "bar", togglable: true, group: "myGroup" },<br> { type: "button", text: "baz", togglable: true, group: "myGroup" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", icon: "clock" },<br> { type: "button", text: "bar", icon: "note" },<br> { type: "button", text: "baz", icon: "refresh" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", id: "foo" },<br> { type: "button", text: "bar", id: "bar" },<br> { type: "button", text: "baz", id: "baz" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", imageUrl: "foo.png" },<br> { type: "button", text: "bar", imageUrl: "bar.png" },<br> { type: "button", text: "baz", imageUrl: "baz.png" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ],<br> overflow: "never"<br> },<br> {<br> type: "button",<br> text: "Button",<br> overflow: "auto"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ],<br> overflow: "always"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>",<br> overflowTemplate: "<span>Overflow template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Primary", primary: true },<br> { type: "button", text: "Standard" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true, selected: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", spriteCssClass: "tick" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> togglable: true,<br> toggle: function() {<br> console.log("toggle!");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ]<br> },<br> {<br> type: "separator"<br> },<br> {<br> type: "button",<br> text: "Button"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> url: "http://www.google.com"<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "My Button", attributes: { "class": "red" } }<br> ]<br> });<br></script><br><br><style><br> .red { background-color: red; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> click: function(e) {<br> console.log(e.target.text() + " is clicked");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> enable: false<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", togglable: true, group: "myGroup" },<br> { type: "button", text: "bar", togglable: true, group: "myGroup" },<br> { type: "button", text: "baz", togglable: true, group: "myGroup" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", icon: "clock" },<br> { type: "button", text: "bar", icon: "note" },<br> { type: "button", text: "baz", icon: "refresh" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", id: "foo" },<br> { type: "button", text: "bar", id: "bar" },<br> { type: "button", text: "baz", id: "baz" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", imageUrl: "foo.png" },<br> { type: "button", text: "bar", imageUrl: "bar.png" },<br> { type: "button", text: "baz", imageUrl: "baz.png" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ],<br> overflow: "never"<br> },<br> {<br> type: "button",<br> text: "Button",<br> overflow: "auto"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ],<br> overflow: "always"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>",<br> overflowTemplate: "<span>Overflow template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Primary", primary: true },<br> { type: "button", text: "Standard" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true, selected: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", spriteCssClass: "tick" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> togglable: true,<br> toggle: function() {<br> console.log("toggle!");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ]<br> },<br> {<br> type: "separator"<br> },<br> {<br> type: "button",<br> text: "Button"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> url: "http://www.google.com"<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "My Button", attributes: { "class": "red" } }<br> ]<br> });<br></script><br><br><style><br> .red { background-color: red; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> click: function(e) {<br> console.log(e.target.text() + " is clicked");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> enable: false<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", togglable: true, group: "myGroup" },<br> { type: "button", text: "bar", togglable: true, group: "myGroup" },<br> { type: "button", text: "baz", togglable: true, group: "myGroup" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", icon: "clock" },<br> { type: "button", text: "bar", icon: "note" },<br> { type: "button", text: "baz", icon: "refresh" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", id: "foo" },<br> { type: "button", text: "bar", id: "bar" },<br> { type: "button", text: "baz", id: "baz" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", imageUrl: "foo.png" },<br> { type: "button", text: "bar", imageUrl: "bar.png" },<br> { type: "button", text: "baz", imageUrl: "baz.png" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ],<br> overflow: "never"<br> },<br> {<br> type: "button",<br> text: "Button",<br> overflow: "auto"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ],<br> overflow: "always"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>",<br> overflowTemplate: "<span>Overflow template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Primary", primary: true },<br> { type: "button", text: "Standard" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true, selected: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", spriteCssClass: "tick" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> togglable: true,<br> toggle: function() {<br> console.log("toggle!");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ]<br> },<br> {<br> type: "separator"<br> },<br> {<br> type: "button",<br> text: "Button"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> url: "http://www.google.com"<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "My Button", attributes: { "class": "red" } }<br> ]<br> });<br></script><br><br><style><br> .red { background-color: red; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> click: function(e) {<br> console.log(e.target.text() + " is clicked");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> enable: false<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", togglable: true, group: "myGroup" },<br> { type: "button", text: "bar", togglable: true, group: "myGroup" },<br> { type: "button", text: "baz", togglable: true, group: "myGroup" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", icon: "clock" },<br> { type: "button", text: "bar", icon: "note" },<br> { type: "button", text: "baz", icon: "refresh" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", id: "foo" },<br> { type: "button", text: "bar", id: "bar" },<br> { type: "button", text: "baz", id: "baz" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", imageUrl: "foo.png" },<br> { type: "button", text: "bar", imageUrl: "bar.png" },<br> { type: "button", text: "baz", imageUrl: "baz.png" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ],<br> overflow: "never"<br> },<br> {<br> type: "button",<br> text: "Button",<br> overflow: "auto"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ],<br> overflow: "always"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>",<br> overflowTemplate: "<span>Overflow template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Primary", primary: true },<br> { type: "button", text: "Standard" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true, selected: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", spriteCssClass: "tick" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> togglable: true,<br> toggle: function() {<br> console.log("toggle!");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ]<br> },<br> {<br> type: "separator"<br> },<br> {<br> type: "button",<br> text: "Button"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> url: "http://www.google.com"<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "My Button", attributes: { "class": "red" } }<br> ]<br> });<br></script><br><br><style><br> .red { background-color: red; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> click: function(e) {<br> console.log(e.target.text() + " is clicked");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> enable: false<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", togglable: true, group: "myGroup" },<br> { type: "button", text: "bar", togglable: true, group: "myGroup" },<br> { type: "button", text: "baz", togglable: true, group: "myGroup" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", icon: "clock" },<br> { type: "button", text: "bar", icon: "note" },<br> { type: "button", text: "baz", icon: "refresh" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", id: "foo" },<br> { type: "button", text: "bar", id: "bar" },<br> { type: "button", text: "baz", id: "baz" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", imageUrl: "foo.png" },<br> { type: "button", text: "bar", imageUrl: "bar.png" },<br> { type: "button", text: "baz", imageUrl: "baz.png" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ],<br> overflow: "never"<br> },<br> {<br> type: "button",<br> text: "Button",<br> overflow: "auto"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ],<br> overflow: "always"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>",<br> overflowTemplate: "<span>Overflow template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Primary", primary: true },<br> { type: "button", text: "Standard" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true, selected: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", spriteCssClass: "tick" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> togglable: true,<br> toggle: function() {<br> console.log("toggle!");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ]<br> },<br> {<br> type: "separator"<br> },<br> {<br> type: "button",<br> text: "Button"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> url: "http://www.google.com"<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "My Button", attributes: { "class": "red" } }<br> ]<br> });<br></script><br><br><style><br> .red { background-color: red; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> click: function(e) {<br> console.log(e.target.text() + " is clicked");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> enable: false<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", togglable: true, group: "myGroup" },<br> { type: "button", text: "bar", togglable: true, group: "myGroup" },<br> { type: "button", text: "baz", togglable: true, group: "myGroup" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", icon: "clock" },<br> { type: "button", text: "bar", icon: "note" },<br> { type: "button", text: "baz", icon: "refresh" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", id: "foo" },<br> { type: "button", text: "bar", id: "bar" },<br> { type: "button", text: "baz", id: "baz" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", imageUrl: "foo.png" },<br> { type: "button", text: "bar", imageUrl: "bar.png" },<br> { type: "button", text: "baz", imageUrl: "baz.png" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ],<br> overflow: "never"<br> },<br> {<br> type: "button",<br> text: "Button",<br> overflow: "auto"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ],<br> overflow: "always"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>",<br> overflowTemplate: "<span>Overflow template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Primary", primary: true },<br> { type: "button", text: "Standard" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true, selected: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", spriteCssClass: "tick" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> togglable: true,<br> toggle: function() {<br> console.log("toggle!");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ]<br> },<br> {<br> type: "separator"<br> },<br> {<br> type: "button",<br> text: "Button"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> url: "http://www.google.com"<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "My Button", attributes: { "class": "red" } }<br> ]<br> });<br></script><br><br><style><br> .red { background-color: red; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> click: function(e) {<br> console.log(e.target.text() + " is clicked");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> enable: false<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", togglable: true, group: "myGroup" },<br> { type: "button", text: "bar", togglable: true, group: "myGroup" },<br> { type: "button", text: "baz", togglable: true, group: "myGroup" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", icon: "clock" },<br> { type: "button", text: "bar", icon: "note" },<br> { type: "button", text: "baz", icon: "refresh" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", id: "foo" },<br> { type: "button", text: "bar", id: "bar" },<br> { type: "button", text: "baz", id: "baz" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", imageUrl: "foo.png" },<br> { type: "button", text: "bar", imageUrl: "bar.png" },<br> { type: "button", text: "baz", imageUrl: "baz.png" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ],<br> overflow: "never"<br> },<br> {<br> type: "button",<br> text: "Button",<br> overflow: "auto"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ],<br> overflow: "always"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>",<br> overflowTemplate: "<span>Overflow template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Primary", primary: true },<br> { type: "button", text: "Standard" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true, selected: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", spriteCssClass: "tick" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> togglable: true,<br> toggle: function() {<br> console.log("toggle!");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ]<br> },<br> {<br> type: "separator"<br> },<br> {<br> type: "button",<br> text: "Button"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> url: "http://www.google.com"<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "My Button", attributes: { "class": "red" } }<br> ]<br> });<br></script><br><br><style><br> .red { background-color: red; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> click: function(e) {<br> console.log(e.target.text() + " is clicked");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> enable: false<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", togglable: true, group: "myGroup" },<br> { type: "button", text: "bar", togglable: true, group: "myGroup" },<br> { type: "button", text: "baz", togglable: true, group: "myGroup" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", icon: "clock" },<br> { type: "button", text: "bar", icon: "note" },<br> { type: "button", text: "baz", icon: "refresh" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", id: "foo" },<br> { type: "button", text: "bar", id: "bar" },<br> { type: "button", text: "baz", id: "baz" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", imageUrl: "foo.png" },<br> { type: "button", text: "bar", imageUrl: "bar.png" },<br> { type: "button", text: "baz", imageUrl: "baz.png" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ],<br> overflow: "never"<br> },<br> {<br> type: "button",<br> text: "Button",<br> overflow: "auto"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ],<br> overflow: "always"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>",<br> overflowTemplate: "<span>Overflow template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Primary", primary: true },<br> { type: "button", text: "Standard" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true, selected: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", spriteCssClass: "tick" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> togglable: true,<br> toggle: function() {<br> console.log("toggle!");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ]<br> },<br> {<br> type: "separator"<br> },<br> {<br> type: "button",<br> text: "Button"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> url: "http://www.google.com"<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "My Button", attributes: { "class": "red" } }<br> ]<br> });<br></script><br><br><style><br> .red { background-color: red; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> click: function(e) {<br> console.log(e.target.text() + " is clicked");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> enable: false<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", togglable: true, group: "myGroup" },<br> { type: "button", text: "bar", togglable: true, group: "myGroup" },<br> { type: "button", text: "baz", togglable: true, group: "myGroup" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", icon: "clock" },<br> { type: "button", text: "bar", icon: "note" },<br> { type: "button", text: "baz", icon: "refresh" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", id: "foo" },<br> { type: "button", text: "bar", id: "bar" },<br> { type: "button", text: "baz", id: "baz" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", imageUrl: "foo.png" },<br> { type: "button", text: "bar", imageUrl: "bar.png" },<br> { type: "button", text: "baz", imageUrl: "baz.png" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ],<br> overflow: "never"<br> },<br> {<br> type: "button",<br> text: "Button",<br> overflow: "auto"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ],<br> overflow: "always"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>",<br> overflowTemplate: "<span>Overflow template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Primary", primary: true },<br> { type: "button", text: "Standard" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true, selected: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", spriteCssClass: "tick" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> togglable: true,<br> toggle: function() {<br> console.log("toggle!");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ]<br> },<br> {<br> type: "separator"<br> },<br> {<br> type: "button",<br> text: "Button"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> url: "http://www.google.com"<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "My Button", attributes: { "class": "red" } }<br> ]<br> });<br></script><br><br><style><br> .red { background-color: red; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> click: function(e) {<br> console.log(e.target.text() + " is clicked");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> enable: false<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", togglable: true, group: "myGroup" },<br> { type: "button", text: "bar", togglable: true, group: "myGroup" },<br> { type: "button", text: "baz", togglable: true, group: "myGroup" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", icon: "clock" },<br> { type: "button", text: "bar", icon: "note" },<br> { type: "button", text: "baz", icon: "refresh" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", id: "foo" },<br> { type: "button", text: "bar", id: "bar" },<br> { type: "button", text: "baz", id: "baz" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", imageUrl: "foo.png" },<br> { type: "button", text: "bar", imageUrl: "bar.png" },<br> { type: "button", text: "baz", imageUrl: "baz.png" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ],<br> overflow: "never"<br> },<br> {<br> type: "button",<br> text: "Button",<br> overflow: "auto"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ],<br> overflow: "always"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>",<br> overflowTemplate: "<span>Overflow template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Primary", primary: true },<br> { type: "button", text: "Standard" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true, selected: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", spriteCssClass: "tick" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> togglable: true,<br> toggle: function() {<br> console.log("toggle!");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ]<br> },<br> {<br> type: "separator"<br> },<br> {<br> type: "button",<br> text: "Button"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> url: "http://www.google.com"<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "My Button", attributes: { "class": "red" } }<br> ]<br> });<br></script><br><br><style><br> .red { background-color: red; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> click: function(e) {<br> console.log(e.target.text() + " is clicked");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> enable: false<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", togglable: true, group: "myGroup" },<br> { type: "button", text: "bar", togglable: true, group: "myGroup" },<br> { type: "button", text: "baz", togglable: true, group: "myGroup" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", icon: "clock" },<br> { type: "button", text: "bar", icon: "note" },<br> { type: "button", text: "baz", icon: "refresh" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", id: "foo" },<br> { type: "button", text: "bar", id: "bar" },<br> { type: "button", text: "baz", id: "baz" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", imageUrl: "foo.png" },<br> { type: "button", text: "bar", imageUrl: "bar.png" },<br> { type: "button", text: "baz", imageUrl: "baz.png" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ],<br> overflow: "never"<br> },<br> {<br> type: "button",<br> text: "Button",<br> overflow: "auto"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ],<br> overflow: "always"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>",<br> overflowTemplate: "<span>Overflow template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Primary", primary: true },<br> { type: "button", text: "Standard" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true, selected: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", spriteCssClass: "tick" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> togglable: true,<br> toggle: function() {<br> console.log("toggle!");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ]<br> },<br> {<br> type: "separator"<br> },<br> {<br> type: "button",<br> text: "Button"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> url: "http://www.google.com"<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "My Button", attributes: { "class": "red" } }<br> ]<br> });<br></script><br><br><style><br> .red { background-color: red; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> click: function(e) {<br> console.log(e.target.text() + " is clicked");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> enable: false<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", togglable: true, group: "myGroup" },<br> { type: "button", text: "bar", togglable: true, group: "myGroup" },<br> { type: "button", text: "baz", togglable: true, group: "myGroup" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", icon: "clock" },<br> { type: "button", text: "bar", icon: "note" },<br> { type: "button", text: "baz", icon: "refresh" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", id: "foo" },<br> { type: "button", text: "bar", id: "bar" },<br> { type: "button", text: "baz", id: "baz" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", imageUrl: "foo.png" },<br> { type: "button", text: "bar", imageUrl: "bar.png" },<br> { type: "button", text: "baz", imageUrl: "baz.png" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ],<br> overflow: "never"<br> },<br> {<br> type: "button",<br> text: "Button",<br> overflow: "auto"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ],<br> overflow: "always"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>",<br> overflowTemplate: "<span>Overflow template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Primary", primary: true },<br> { type: "button", text: "Standard" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true, selected: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", spriteCssClass: "tick" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> togglable: true,<br> toggle: function() {<br> console.log("toggle!");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ]<br> },<br> {<br> type: "separator"<br> },<br> {<br> type: "button",<br> text: "Button"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> url: "http://www.google.com"<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "My Button", attributes: { "class": "red" } }<br> ]<br> });<br></script><br><br><style><br> .red { background-color: red; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> click: function(e) {<br> console.log(e.target.text() + " is clicked");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> enable: false<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", togglable: true, group: "myGroup" },<br> { type: "button", text: "bar", togglable: true, group: "myGroup" },<br> { type: "button", text: "baz", togglable: true, group: "myGroup" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", icon: "clock" },<br> { type: "button", text: "bar", icon: "note" },<br> { type: "button", text: "baz", icon: "refresh" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", id: "foo" },<br> { type: "button", text: "bar", id: "bar" },<br> { type: "button", text: "baz", id: "baz" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", imageUrl: "foo.png" },<br> { type: "button", text: "bar", imageUrl: "bar.png" },<br> { type: "button", text: "baz", imageUrl: "baz.png" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ],<br> overflow: "never"<br> },<br> {<br> type: "button",<br> text: "Button",<br> overflow: "auto"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ],<br> overflow: "always"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>",<br> overflowTemplate: "<span>Overflow template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Primary", primary: true },<br> { type: "button", text: "Standard" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true, selected: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", spriteCssClass: "tick" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> togglable: true,<br> toggle: function() {<br> console.log("toggle!");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ]<br> },<br> {<br> type: "separator"<br> },<br> {<br> type: "button",<br> text: "Button"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> url: "http://www.google.com"<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "My Button", attributes: { "class": "red" } }<br> ]<br> });<br></script><br><br><style><br> .red { background-color: red; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> click: function(e) {<br> console.log(e.target.text() + " is clicked");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> enable: false<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", togglable: true, group: "myGroup" },<br> { type: "button", text: "bar", togglable: true, group: "myGroup" },<br> { type: "button", text: "baz", togglable: true, group: "myGroup" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", icon: "clock" },<br> { type: "button", text: "bar", icon: "note" },<br> { type: "button", text: "baz", icon: "refresh" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", id: "foo" },<br> { type: "button", text: "bar", id: "bar" },<br> { type: "button", text: "baz", id: "baz" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", imageUrl: "foo.png" },<br> { type: "button", text: "bar", imageUrl: "bar.png" },<br> { type: "button", text: "baz", imageUrl: "baz.png" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ],<br> overflow: "never"<br> },<br> {<br> type: "button",<br> text: "Button",<br> overflow: "auto"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ],<br> overflow: "always"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>",<br> overflowTemplate: "<span>Overflow template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Primary", primary: true },<br> { type: "button", text: "Standard" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true, selected: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", spriteCssClass: "tick" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> togglable: true,<br> toggle: function() {<br> console.log("toggle!");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ]<br> },<br> {<br> type: "separator"<br> },<br> {<br> type: "button",<br> text: "Button"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> url: "http://www.google.com"<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "My Button", attributes: { "class": "red" } }<br> ]<br> });<br></script><br><br><style><br> .red { background-color: red; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> click: function(e) {<br> console.log(e.target.text() + " is clicked");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "foo",<br> enable: false<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", togglable: true, group: "myGroup" },<br> { type: "button", text: "bar", togglable: true, group: "myGroup" },<br> { type: "button", text: "baz", togglable: true, group: "myGroup" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", icon: "clock" },<br> { type: "button", text: "bar", icon: "note" },<br> { type: "button", text: "baz", icon: "refresh" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", id: "foo" },<br> { type: "button", text: "bar", id: "bar" },<br> { type: "button", text: "baz", id: "baz" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "foo", imageUrl: "foo.png" },<br> { type: "button", text: "bar", imageUrl: "bar.png" },<br> { type: "button", text: "baz", imageUrl: "baz.png" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ],<br> overflow: "never"<br> },<br> {<br> type: "button",<br> text: "Button",<br> overflow: "auto"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ],<br> overflow: "always"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>",<br> overflowTemplate: "<span>Overflow template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Primary", primary: true },<br> { type: "button", text: "Standard" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true, selected: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showIcon: "toolbar" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", icon: "tick", showText: "overflow" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", spriteCssClass: "tick" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> template: "<span>Toolbar template</span>"<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo" }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "button", text: "Foo", togglable: true }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> togglable: true,<br> toggle: function() {<br> console.log("toggle!");<br> }<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" }<br> ]<br> },<br> {<br> type: "separator"<br> },<br> {<br> type: "button",<br> text: "Button"<br> },<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "Option 1", togglable: true },<br> { text: "Option 2", togglable: true },<br> { text: "Option 3", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "button",<br> text: "Foo",<br> url: "http://www.google.com"<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "buttonGroup", buttons: [<br> { text: "foo", attributes: { "class": "red" } },<br> { text: "bar", attributes: { "class": "blue" } }<br> ] }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { background-color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>function onClick() {<br> console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", click: onClick },<br> { text: "bar", click: onClick },<br> { text: "baz", click: onClick }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", enable: false },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup" },<br> { text: "bar", togglable: true, group: "myGroup" },<br> { text: "baz", togglable: true, group: "myGroup" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock" },<br> { text: "bar", icon: "note" },<br> { text: "baz", icon: "refresh" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", id: "foo" },<br> { text: "bar", id: "bar" },<br> { text: "baz", id: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", imageUrl: "foo.png" },<br> { text: "bar", imageUrl: "bar.png" },<br> { text: "baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, selected: true },<br> { text: "bar", togglable: true },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showIcon: "toolbar" },<br> { text: "bar", icon: "note", showIcon: "toolbar" },<br> { text: "baz", icon: "refresh", showIcon: "toolbar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showText: "overflow" },<br> { text: "bar", icon: "note", showText: "overflow" },<br> { text: "baz", icon: "refresh",showText: "overflow" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", spriteCssClass: "foo, bar" },<br> { text: "bar", spriteCssClass: "bar" },<br> { text: "baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> function toggle(e) {<br> console.log(e.group);<br> }<br><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br> { text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true },<br> { text: "bar", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", url: "http://www.telerik.com" },<br> { text: "bar", url: "http://www.google.com" },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> id: "hello",<br> text: "Insert",<br> attributes: { "class": "red" },<br> menuButtons: [<br> { text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br> { text: "Insert between", icon: "insert-m" },<br> { text: "Insert below", icon: "insert-s" }<br> ]<br> }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", enable: false },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", icon: "tick" },<br> { id: "bar", text: "Bar", icon: "note" },<br> { id: "baz", text: "Baz", icon: "clock" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", imageUrl: "foo.png" },<br> { id: "bar", text: "Bar", imageUrl: "bar.png" },<br> { id: "baz", text: "Baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", spriteCssClass: "foo" },<br> { id: "bar", text: "Bar", spriteCssClass: "bar" },<br> { id: "baz", text: "Baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br> { id: "bar", text: "Google", url: "http://www.google.com" }<br> ]<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "buttonGroup", buttons: [<br> { text: "foo", attributes: { "class": "red" } },<br> { text: "bar", attributes: { "class": "blue" } }<br> ] }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { background-color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>function onClick() {<br> console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", click: onClick },<br> { text: "bar", click: onClick },<br> { text: "baz", click: onClick }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", enable: false },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup" },<br> { text: "bar", togglable: true, group: "myGroup" },<br> { text: "baz", togglable: true, group: "myGroup" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock" },<br> { text: "bar", icon: "note" },<br> { text: "baz", icon: "refresh" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", id: "foo" },<br> { text: "bar", id: "bar" },<br> { text: "baz", id: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", imageUrl: "foo.png" },<br> { text: "bar", imageUrl: "bar.png" },<br> { text: "baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, selected: true },<br> { text: "bar", togglable: true },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showIcon: "toolbar" },<br> { text: "bar", icon: "note", showIcon: "toolbar" },<br> { text: "baz", icon: "refresh", showIcon: "toolbar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showText: "overflow" },<br> { text: "bar", icon: "note", showText: "overflow" },<br> { text: "baz", icon: "refresh",showText: "overflow" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", spriteCssClass: "foo, bar" },<br> { text: "bar", spriteCssClass: "bar" },<br> { text: "baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> function toggle(e) {<br> console.log(e.group);<br> }<br><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br> { text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true },<br> { text: "bar", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", url: "http://www.telerik.com" },<br> { text: "bar", url: "http://www.google.com" },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> id: "hello",<br> text: "Insert",<br> attributes: { "class": "red" },<br> menuButtons: [<br> { text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br> { text: "Insert between", icon: "insert-m" },<br> { text: "Insert below", icon: "insert-s" }<br> ]<br> }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", enable: false },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", icon: "tick" },<br> { id: "bar", text: "Bar", icon: "note" },<br> { id: "baz", text: "Baz", icon: "clock" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", imageUrl: "foo.png" },<br> { id: "bar", text: "Bar", imageUrl: "bar.png" },<br> { id: "baz", text: "Baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", spriteCssClass: "foo" },<br> { id: "bar", text: "Bar", spriteCssClass: "bar" },<br> { id: "baz", text: "Baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br> { id: "bar", text: "Google", url: "http://www.google.com" }<br> ]<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "buttonGroup", buttons: [<br> { text: "foo", attributes: { "class": "red" } },<br> { text: "bar", attributes: { "class": "blue" } }<br> ] }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { background-color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>function onClick() {<br> console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", click: onClick },<br> { text: "bar", click: onClick },<br> { text: "baz", click: onClick }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", enable: false },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup" },<br> { text: "bar", togglable: true, group: "myGroup" },<br> { text: "baz", togglable: true, group: "myGroup" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock" },<br> { text: "bar", icon: "note" },<br> { text: "baz", icon: "refresh" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", id: "foo" },<br> { text: "bar", id: "bar" },<br> { text: "baz", id: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", imageUrl: "foo.png" },<br> { text: "bar", imageUrl: "bar.png" },<br> { text: "baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, selected: true },<br> { text: "bar", togglable: true },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showIcon: "toolbar" },<br> { text: "bar", icon: "note", showIcon: "toolbar" },<br> { text: "baz", icon: "refresh", showIcon: "toolbar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showText: "overflow" },<br> { text: "bar", icon: "note", showText: "overflow" },<br> { text: "baz", icon: "refresh",showText: "overflow" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", spriteCssClass: "foo, bar" },<br> { text: "bar", spriteCssClass: "bar" },<br> { text: "baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> function toggle(e) {<br> console.log(e.group);<br> }<br><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br> { text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true },<br> { text: "bar", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", url: "http://www.telerik.com" },<br> { text: "bar", url: "http://www.google.com" },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> id: "hello",<br> text: "Insert",<br> attributes: { "class": "red" },<br> menuButtons: [<br> { text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br> { text: "Insert between", icon: "insert-m" },<br> { text: "Insert below", icon: "insert-s" }<br> ]<br> }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", enable: false },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", icon: "tick" },<br> { id: "bar", text: "Bar", icon: "note" },<br> { id: "baz", text: "Baz", icon: "clock" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", imageUrl: "foo.png" },<br> { id: "bar", text: "Bar", imageUrl: "bar.png" },<br> { id: "baz", text: "Baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", spriteCssClass: "foo" },<br> { id: "bar", text: "Bar", spriteCssClass: "bar" },<br> { id: "baz", text: "Baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br> { id: "bar", text: "Google", url: "http://www.google.com" }<br> ]<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "buttonGroup", buttons: [<br> { text: "foo", attributes: { "class": "red" } },<br> { text: "bar", attributes: { "class": "blue" } }<br> ] }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { background-color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>function onClick() {<br> console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", click: onClick },<br> { text: "bar", click: onClick },<br> { text: "baz", click: onClick }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", enable: false },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup" },<br> { text: "bar", togglable: true, group: "myGroup" },<br> { text: "baz", togglable: true, group: "myGroup" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock" },<br> { text: "bar", icon: "note" },<br> { text: "baz", icon: "refresh" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", id: "foo" },<br> { text: "bar", id: "bar" },<br> { text: "baz", id: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", imageUrl: "foo.png" },<br> { text: "bar", imageUrl: "bar.png" },<br> { text: "baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, selected: true },<br> { text: "bar", togglable: true },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showIcon: "toolbar" },<br> { text: "bar", icon: "note", showIcon: "toolbar" },<br> { text: "baz", icon: "refresh", showIcon: "toolbar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showText: "overflow" },<br> { text: "bar", icon: "note", showText: "overflow" },<br> { text: "baz", icon: "refresh",showText: "overflow" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", spriteCssClass: "foo, bar" },<br> { text: "bar", spriteCssClass: "bar" },<br> { text: "baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> function toggle(e) {<br> console.log(e.group);<br> }<br><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br> { text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true },<br> { text: "bar", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", url: "http://www.telerik.com" },<br> { text: "bar", url: "http://www.google.com" },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> id: "hello",<br> text: "Insert",<br> attributes: { "class": "red" },<br> menuButtons: [<br> { text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br> { text: "Insert between", icon: "insert-m" },<br> { text: "Insert below", icon: "insert-s" }<br> ]<br> }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", enable: false },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", icon: "tick" },<br> { id: "bar", text: "Bar", icon: "note" },<br> { id: "baz", text: "Baz", icon: "clock" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", imageUrl: "foo.png" },<br> { id: "bar", text: "Bar", imageUrl: "bar.png" },<br> { id: "baz", text: "Baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", spriteCssClass: "foo" },<br> { id: "bar", text: "Bar", spriteCssClass: "bar" },<br> { id: "baz", text: "Baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br> { id: "bar", text: "Google", url: "http://www.google.com" }<br> ]<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "buttonGroup", buttons: [<br> { text: "foo", attributes: { "class": "red" } },<br> { text: "bar", attributes: { "class": "blue" } }<br> ] }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { background-color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>function onClick() {<br> console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", click: onClick },<br> { text: "bar", click: onClick },<br> { text: "baz", click: onClick }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", enable: false },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup" },<br> { text: "bar", togglable: true, group: "myGroup" },<br> { text: "baz", togglable: true, group: "myGroup" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock" },<br> { text: "bar", icon: "note" },<br> { text: "baz", icon: "refresh" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", id: "foo" },<br> { text: "bar", id: "bar" },<br> { text: "baz", id: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", imageUrl: "foo.png" },<br> { text: "bar", imageUrl: "bar.png" },<br> { text: "baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, selected: true },<br> { text: "bar", togglable: true },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showIcon: "toolbar" },<br> { text: "bar", icon: "note", showIcon: "toolbar" },<br> { text: "baz", icon: "refresh", showIcon: "toolbar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showText: "overflow" },<br> { text: "bar", icon: "note", showText: "overflow" },<br> { text: "baz", icon: "refresh",showText: "overflow" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", spriteCssClass: "foo, bar" },<br> { text: "bar", spriteCssClass: "bar" },<br> { text: "baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> function toggle(e) {<br> console.log(e.group);<br> }<br><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br> { text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true },<br> { text: "bar", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", url: "http://www.telerik.com" },<br> { text: "bar", url: "http://www.google.com" },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> id: "hello",<br> text: "Insert",<br> attributes: { "class": "red" },<br> menuButtons: [<br> { text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br> { text: "Insert between", icon: "insert-m" },<br> { text: "Insert below", icon: "insert-s" }<br> ]<br> }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", enable: false },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", icon: "tick" },<br> { id: "bar", text: "Bar", icon: "note" },<br> { id: "baz", text: "Baz", icon: "clock" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", imageUrl: "foo.png" },<br> { id: "bar", text: "Bar", imageUrl: "bar.png" },<br> { id: "baz", text: "Baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", spriteCssClass: "foo" },<br> { id: "bar", text: "Bar", spriteCssClass: "bar" },<br> { id: "baz", text: "Baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br> { id: "bar", text: "Google", url: "http://www.google.com" }<br> ]<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "buttonGroup", buttons: [<br> { text: "foo", attributes: { "class": "red" } },<br> { text: "bar", attributes: { "class": "blue" } }<br> ] }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { background-color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>function onClick() {<br> console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", click: onClick },<br> { text: "bar", click: onClick },<br> { text: "baz", click: onClick }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", enable: false },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup" },<br> { text: "bar", togglable: true, group: "myGroup" },<br> { text: "baz", togglable: true, group: "myGroup" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock" },<br> { text: "bar", icon: "note" },<br> { text: "baz", icon: "refresh" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", id: "foo" },<br> { text: "bar", id: "bar" },<br> { text: "baz", id: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", imageUrl: "foo.png" },<br> { text: "bar", imageUrl: "bar.png" },<br> { text: "baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, selected: true },<br> { text: "bar", togglable: true },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showIcon: "toolbar" },<br> { text: "bar", icon: "note", showIcon: "toolbar" },<br> { text: "baz", icon: "refresh", showIcon: "toolbar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showText: "overflow" },<br> { text: "bar", icon: "note", showText: "overflow" },<br> { text: "baz", icon: "refresh",showText: "overflow" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", spriteCssClass: "foo, bar" },<br> { text: "bar", spriteCssClass: "bar" },<br> { text: "baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> function toggle(e) {<br> console.log(e.group);<br> }<br><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br> { text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true },<br> { text: "bar", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", url: "http://www.telerik.com" },<br> { text: "bar", url: "http://www.google.com" },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> id: "hello",<br> text: "Insert",<br> attributes: { "class": "red" },<br> menuButtons: [<br> { text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br> { text: "Insert between", icon: "insert-m" },<br> { text: "Insert below", icon: "insert-s" }<br> ]<br> }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", enable: false },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", icon: "tick" },<br> { id: "bar", text: "Bar", icon: "note" },<br> { id: "baz", text: "Baz", icon: "clock" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", imageUrl: "foo.png" },<br> { id: "bar", text: "Bar", imageUrl: "bar.png" },<br> { id: "baz", text: "Baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", spriteCssClass: "foo" },<br> { id: "bar", text: "Bar", spriteCssClass: "bar" },<br> { id: "baz", text: "Baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br> { id: "bar", text: "Google", url: "http://www.google.com" }<br> ]<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "buttonGroup", buttons: [<br> { text: "foo", attributes: { "class": "red" } },<br> { text: "bar", attributes: { "class": "blue" } }<br> ] }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { background-color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>function onClick() {<br> console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", click: onClick },<br> { text: "bar", click: onClick },<br> { text: "baz", click: onClick }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", enable: false },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup" },<br> { text: "bar", togglable: true, group: "myGroup" },<br> { text: "baz", togglable: true, group: "myGroup" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock" },<br> { text: "bar", icon: "note" },<br> { text: "baz", icon: "refresh" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", id: "foo" },<br> { text: "bar", id: "bar" },<br> { text: "baz", id: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", imageUrl: "foo.png" },<br> { text: "bar", imageUrl: "bar.png" },<br> { text: "baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, selected: true },<br> { text: "bar", togglable: true },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showIcon: "toolbar" },<br> { text: "bar", icon: "note", showIcon: "toolbar" },<br> { text: "baz", icon: "refresh", showIcon: "toolbar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showText: "overflow" },<br> { text: "bar", icon: "note", showText: "overflow" },<br> { text: "baz", icon: "refresh",showText: "overflow" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", spriteCssClass: "foo, bar" },<br> { text: "bar", spriteCssClass: "bar" },<br> { text: "baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> function toggle(e) {<br> console.log(e.group);<br> }<br><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br> { text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true },<br> { text: "bar", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", url: "http://www.telerik.com" },<br> { text: "bar", url: "http://www.google.com" },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> id: "hello",<br> text: "Insert",<br> attributes: { "class": "red" },<br> menuButtons: [<br> { text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br> { text: "Insert between", icon: "insert-m" },<br> { text: "Insert below", icon: "insert-s" }<br> ]<br> }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", enable: false },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", icon: "tick" },<br> { id: "bar", text: "Bar", icon: "note" },<br> { id: "baz", text: "Baz", icon: "clock" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", imageUrl: "foo.png" },<br> { id: "bar", text: "Bar", imageUrl: "bar.png" },<br> { id: "baz", text: "Baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", spriteCssClass: "foo" },<br> { id: "bar", text: "Bar", spriteCssClass: "bar" },<br> { id: "baz", text: "Baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br> { id: "bar", text: "Google", url: "http://www.google.com" }<br> ]<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "buttonGroup", buttons: [<br> { text: "foo", attributes: { "class": "red" } },<br> { text: "bar", attributes: { "class": "blue" } }<br> ] }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { background-color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>function onClick() {<br> console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", click: onClick },<br> { text: "bar", click: onClick },<br> { text: "baz", click: onClick }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", enable: false },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup" },<br> { text: "bar", togglable: true, group: "myGroup" },<br> { text: "baz", togglable: true, group: "myGroup" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock" },<br> { text: "bar", icon: "note" },<br> { text: "baz", icon: "refresh" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", id: "foo" },<br> { text: "bar", id: "bar" },<br> { text: "baz", id: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", imageUrl: "foo.png" },<br> { text: "bar", imageUrl: "bar.png" },<br> { text: "baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, selected: true },<br> { text: "bar", togglable: true },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showIcon: "toolbar" },<br> { text: "bar", icon: "note", showIcon: "toolbar" },<br> { text: "baz", icon: "refresh", showIcon: "toolbar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showText: "overflow" },<br> { text: "bar", icon: "note", showText: "overflow" },<br> { text: "baz", icon: "refresh",showText: "overflow" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", spriteCssClass: "foo, bar" },<br> { text: "bar", spriteCssClass: "bar" },<br> { text: "baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> function toggle(e) {<br> console.log(e.group);<br> }<br><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br> { text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true },<br> { text: "bar", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", url: "http://www.telerik.com" },<br> { text: "bar", url: "http://www.google.com" },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> id: "hello",<br> text: "Insert",<br> attributes: { "class": "red" },<br> menuButtons: [<br> { text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br> { text: "Insert between", icon: "insert-m" },<br> { text: "Insert below", icon: "insert-s" }<br> ]<br> }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", enable: false },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", icon: "tick" },<br> { id: "bar", text: "Bar", icon: "note" },<br> { id: "baz", text: "Baz", icon: "clock" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", imageUrl: "foo.png" },<br> { id: "bar", text: "Bar", imageUrl: "bar.png" },<br> { id: "baz", text: "Baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", spriteCssClass: "foo" },<br> { id: "bar", text: "Bar", spriteCssClass: "bar" },<br> { id: "baz", text: "Baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br> { id: "bar", text: "Google", url: "http://www.google.com" }<br> ]<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "buttonGroup", buttons: [<br> { text: "foo", attributes: { "class": "red" } },<br> { text: "bar", attributes: { "class": "blue" } }<br> ] }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { background-color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>function onClick() {<br> console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", click: onClick },<br> { text: "bar", click: onClick },<br> { text: "baz", click: onClick }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", enable: false },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup" },<br> { text: "bar", togglable: true, group: "myGroup" },<br> { text: "baz", togglable: true, group: "myGroup" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock" },<br> { text: "bar", icon: "note" },<br> { text: "baz", icon: "refresh" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", id: "foo" },<br> { text: "bar", id: "bar" },<br> { text: "baz", id: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", imageUrl: "foo.png" },<br> { text: "bar", imageUrl: "bar.png" },<br> { text: "baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, selected: true },<br> { text: "bar", togglable: true },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showIcon: "toolbar" },<br> { text: "bar", icon: "note", showIcon: "toolbar" },<br> { text: "baz", icon: "refresh", showIcon: "toolbar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showText: "overflow" },<br> { text: "bar", icon: "note", showText: "overflow" },<br> { text: "baz", icon: "refresh",showText: "overflow" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", spriteCssClass: "foo, bar" },<br> { text: "bar", spriteCssClass: "bar" },<br> { text: "baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> function toggle(e) {<br> console.log(e.group);<br> }<br><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br> { text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true },<br> { text: "bar", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", url: "http://www.telerik.com" },<br> { text: "bar", url: "http://www.google.com" },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> id: "hello",<br> text: "Insert",<br> attributes: { "class": "red" },<br> menuButtons: [<br> { text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br> { text: "Insert between", icon: "insert-m" },<br> { text: "Insert below", icon: "insert-s" }<br> ]<br> }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", enable: false },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", icon: "tick" },<br> { id: "bar", text: "Bar", icon: "note" },<br> { id: "baz", text: "Baz", icon: "clock" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", imageUrl: "foo.png" },<br> { id: "bar", text: "Bar", imageUrl: "bar.png" },<br> { id: "baz", text: "Baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", spriteCssClass: "foo" },<br> { id: "bar", text: "Bar", spriteCssClass: "bar" },<br> { id: "baz", text: "Baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br> { id: "bar", text: "Google", url: "http://www.google.com" }<br> ]<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "buttonGroup", buttons: [<br> { text: "foo", attributes: { "class": "red" } },<br> { text: "bar", attributes: { "class": "blue" } }<br> ] }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { background-color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>function onClick() {<br> console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", click: onClick },<br> { text: "bar", click: onClick },<br> { text: "baz", click: onClick }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", enable: false },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup" },<br> { text: "bar", togglable: true, group: "myGroup" },<br> { text: "baz", togglable: true, group: "myGroup" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock" },<br> { text: "bar", icon: "note" },<br> { text: "baz", icon: "refresh" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", id: "foo" },<br> { text: "bar", id: "bar" },<br> { text: "baz", id: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", imageUrl: "foo.png" },<br> { text: "bar", imageUrl: "bar.png" },<br> { text: "baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, selected: true },<br> { text: "bar", togglable: true },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showIcon: "toolbar" },<br> { text: "bar", icon: "note", showIcon: "toolbar" },<br> { text: "baz", icon: "refresh", showIcon: "toolbar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showText: "overflow" },<br> { text: "bar", icon: "note", showText: "overflow" },<br> { text: "baz", icon: "refresh",showText: "overflow" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", spriteCssClass: "foo, bar" },<br> { text: "bar", spriteCssClass: "bar" },<br> { text: "baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> function toggle(e) {<br> console.log(e.group);<br> }<br><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br> { text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true },<br> { text: "bar", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", url: "http://www.telerik.com" },<br> { text: "bar", url: "http://www.google.com" },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> id: "hello",<br> text: "Insert",<br> attributes: { "class": "red" },<br> menuButtons: [<br> { text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br> { text: "Insert between", icon: "insert-m" },<br> { text: "Insert below", icon: "insert-s" }<br> ]<br> }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", enable: false },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", icon: "tick" },<br> { id: "bar", text: "Bar", icon: "note" },<br> { id: "baz", text: "Baz", icon: "clock" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", imageUrl: "foo.png" },<br> { id: "bar", text: "Bar", imageUrl: "bar.png" },<br> { id: "baz", text: "Baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", spriteCssClass: "foo" },<br> { id: "bar", text: "Bar", spriteCssClass: "bar" },<br> { id: "baz", text: "Baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br> { id: "bar", text: "Google", url: "http://www.google.com" }<br> ]<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "buttonGroup", buttons: [<br> { text: "foo", attributes: { "class": "red" } },<br> { text: "bar", attributes: { "class": "blue" } }<br> ] }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { background-color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>function onClick() {<br> console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", click: onClick },<br> { text: "bar", click: onClick },<br> { text: "baz", click: onClick }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", enable: false },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup" },<br> { text: "bar", togglable: true, group: "myGroup" },<br> { text: "baz", togglable: true, group: "myGroup" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock" },<br> { text: "bar", icon: "note" },<br> { text: "baz", icon: "refresh" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", id: "foo" },<br> { text: "bar", id: "bar" },<br> { text: "baz", id: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", imageUrl: "foo.png" },<br> { text: "bar", imageUrl: "bar.png" },<br> { text: "baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, selected: true },<br> { text: "bar", togglable: true },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showIcon: "toolbar" },<br> { text: "bar", icon: "note", showIcon: "toolbar" },<br> { text: "baz", icon: "refresh", showIcon: "toolbar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showText: "overflow" },<br> { text: "bar", icon: "note", showText: "overflow" },<br> { text: "baz", icon: "refresh",showText: "overflow" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", spriteCssClass: "foo, bar" },<br> { text: "bar", spriteCssClass: "bar" },<br> { text: "baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> function toggle(e) {<br> console.log(e.group);<br> }<br><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br> { text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true },<br> { text: "bar", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", url: "http://www.telerik.com" },<br> { text: "bar", url: "http://www.google.com" },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> id: "hello",<br> text: "Insert",<br> attributes: { "class": "red" },<br> menuButtons: [<br> { text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br> { text: "Insert between", icon: "insert-m" },<br> { text: "Insert below", icon: "insert-s" }<br> ]<br> }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", enable: false },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", icon: "tick" },<br> { id: "bar", text: "Bar", icon: "note" },<br> { id: "baz", text: "Baz", icon: "clock" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", imageUrl: "foo.png" },<br> { id: "bar", text: "Bar", imageUrl: "bar.png" },<br> { id: "baz", text: "Baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", spriteCssClass: "foo" },<br> { id: "bar", text: "Bar", spriteCssClass: "bar" },<br> { id: "baz", text: "Baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br> { id: "bar", text: "Google", url: "http://www.google.com" }<br> ]<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "buttonGroup", buttons: [<br> { text: "foo", attributes: { "class": "red" } },<br> { text: "bar", attributes: { "class": "blue" } }<br> ] }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { background-color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>function onClick() {<br> console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", click: onClick },<br> { text: "bar", click: onClick },<br> { text: "baz", click: onClick }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", enable: false },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup" },<br> { text: "bar", togglable: true, group: "myGroup" },<br> { text: "baz", togglable: true, group: "myGroup" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock" },<br> { text: "bar", icon: "note" },<br> { text: "baz", icon: "refresh" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", id: "foo" },<br> { text: "bar", id: "bar" },<br> { text: "baz", id: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", imageUrl: "foo.png" },<br> { text: "bar", imageUrl: "bar.png" },<br> { text: "baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, selected: true },<br> { text: "bar", togglable: true },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showIcon: "toolbar" },<br> { text: "bar", icon: "note", showIcon: "toolbar" },<br> { text: "baz", icon: "refresh", showIcon: "toolbar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showText: "overflow" },<br> { text: "bar", icon: "note", showText: "overflow" },<br> { text: "baz", icon: "refresh",showText: "overflow" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", spriteCssClass: "foo, bar" },<br> { text: "bar", spriteCssClass: "bar" },<br> { text: "baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> function toggle(e) {<br> console.log(e.group);<br> }<br><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br> { text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true },<br> { text: "bar", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", url: "http://www.telerik.com" },<br> { text: "bar", url: "http://www.google.com" },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> id: "hello",<br> text: "Insert",<br> attributes: { "class": "red" },<br> menuButtons: [<br> { text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br> { text: "Insert between", icon: "insert-m" },<br> { text: "Insert below", icon: "insert-s" }<br> ]<br> }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", enable: false },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", icon: "tick" },<br> { id: "bar", text: "Bar", icon: "note" },<br> { id: "baz", text: "Baz", icon: "clock" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", imageUrl: "foo.png" },<br> { id: "bar", text: "Bar", imageUrl: "bar.png" },<br> { id: "baz", text: "Baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", spriteCssClass: "foo" },<br> { id: "bar", text: "Bar", spriteCssClass: "bar" },<br> { id: "baz", text: "Baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br> { id: "bar", text: "Google", url: "http://www.google.com" }<br> ]<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "buttonGroup", buttons: [<br> { text: "foo", attributes: { "class": "red" } },<br> { text: "bar", attributes: { "class": "blue" } }<br> ] }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { background-color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>function onClick() {<br> console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", click: onClick },<br> { text: "bar", click: onClick },<br> { text: "baz", click: onClick }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", enable: false },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup" },<br> { text: "bar", togglable: true, group: "myGroup" },<br> { text: "baz", togglable: true, group: "myGroup" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock" },<br> { text: "bar", icon: "note" },<br> { text: "baz", icon: "refresh" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", id: "foo" },<br> { text: "bar", id: "bar" },<br> { text: "baz", id: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", imageUrl: "foo.png" },<br> { text: "bar", imageUrl: "bar.png" },<br> { text: "baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, selected: true },<br> { text: "bar", togglable: true },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showIcon: "toolbar" },<br> { text: "bar", icon: "note", showIcon: "toolbar" },<br> { text: "baz", icon: "refresh", showIcon: "toolbar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showText: "overflow" },<br> { text: "bar", icon: "note", showText: "overflow" },<br> { text: "baz", icon: "refresh",showText: "overflow" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", spriteCssClass: "foo, bar" },<br> { text: "bar", spriteCssClass: "bar" },<br> { text: "baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> function toggle(e) {<br> console.log(e.group);<br> }<br><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br> { text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true },<br> { text: "bar", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", url: "http://www.telerik.com" },<br> { text: "bar", url: "http://www.google.com" },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> id: "hello",<br> text: "Insert",<br> attributes: { "class": "red" },<br> menuButtons: [<br> { text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br> { text: "Insert between", icon: "insert-m" },<br> { text: "Insert below", icon: "insert-s" }<br> ]<br> }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", enable: false },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", icon: "tick" },<br> { id: "bar", text: "Bar", icon: "note" },<br> { id: "baz", text: "Baz", icon: "clock" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", imageUrl: "foo.png" },<br> { id: "bar", text: "Bar", imageUrl: "bar.png" },<br> { id: "baz", text: "Baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", spriteCssClass: "foo" },<br> { id: "bar", text: "Bar", spriteCssClass: "bar" },<br> { id: "baz", text: "Baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br> { id: "bar", text: "Google", url: "http://www.google.com" }<br> ]<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "buttonGroup", buttons: [<br> { text: "foo", attributes: { "class": "red" } },<br> { text: "bar", attributes: { "class": "blue" } }<br> ] }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { background-color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>function onClick() {<br> console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", click: onClick },<br> { text: "bar", click: onClick },<br> { text: "baz", click: onClick }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", enable: false },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup" },<br> { text: "bar", togglable: true, group: "myGroup" },<br> { text: "baz", togglable: true, group: "myGroup" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock" },<br> { text: "bar", icon: "note" },<br> { text: "baz", icon: "refresh" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", id: "foo" },<br> { text: "bar", id: "bar" },<br> { text: "baz", id: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", imageUrl: "foo.png" },<br> { text: "bar", imageUrl: "bar.png" },<br> { text: "baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, selected: true },<br> { text: "bar", togglable: true },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showIcon: "toolbar" },<br> { text: "bar", icon: "note", showIcon: "toolbar" },<br> { text: "baz", icon: "refresh", showIcon: "toolbar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showText: "overflow" },<br> { text: "bar", icon: "note", showText: "overflow" },<br> { text: "baz", icon: "refresh",showText: "overflow" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", spriteCssClass: "foo, bar" },<br> { text: "bar", spriteCssClass: "bar" },<br> { text: "baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> function toggle(e) {<br> console.log(e.group);<br> }<br><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br> { text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true },<br> { text: "bar", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", url: "http://www.telerik.com" },<br> { text: "bar", url: "http://www.google.com" },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> id: "hello",<br> text: "Insert",<br> attributes: { "class": "red" },<br> menuButtons: [<br> { text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br> { text: "Insert between", icon: "insert-m" },<br> { text: "Insert below", icon: "insert-s" }<br> ]<br> }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", enable: false },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", icon: "tick" },<br> { id: "bar", text: "Bar", icon: "note" },<br> { id: "baz", text: "Baz", icon: "clock" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", imageUrl: "foo.png" },<br> { id: "bar", text: "Bar", imageUrl: "bar.png" },<br> { id: "baz", text: "Baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", spriteCssClass: "foo" },<br> { id: "bar", text: "Bar", spriteCssClass: "bar" },<br> { id: "baz", text: "Baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br> { id: "bar", text: "Google", url: "http://www.google.com" }<br> ]<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "buttonGroup", buttons: [<br> { text: "foo", attributes: { "class": "red" } },<br> { text: "bar", attributes: { "class": "blue" } }<br> ] }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { background-color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>function onClick() {<br> console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", click: onClick },<br> { text: "bar", click: onClick },<br> { text: "baz", click: onClick }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", enable: false },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup" },<br> { text: "bar", togglable: true, group: "myGroup" },<br> { text: "baz", togglable: true, group: "myGroup" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock" },<br> { text: "bar", icon: "note" },<br> { text: "baz", icon: "refresh" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", id: "foo" },<br> { text: "bar", id: "bar" },<br> { text: "baz", id: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", imageUrl: "foo.png" },<br> { text: "bar", imageUrl: "bar.png" },<br> { text: "baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, selected: true },<br> { text: "bar", togglable: true },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showIcon: "toolbar" },<br> { text: "bar", icon: "note", showIcon: "toolbar" },<br> { text: "baz", icon: "refresh", showIcon: "toolbar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showText: "overflow" },<br> { text: "bar", icon: "note", showText: "overflow" },<br> { text: "baz", icon: "refresh",showText: "overflow" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", spriteCssClass: "foo, bar" },<br> { text: "bar", spriteCssClass: "bar" },<br> { text: "baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> function toggle(e) {<br> console.log(e.group);<br> }<br><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br> { text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true },<br> { text: "bar", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", url: "http://www.telerik.com" },<br> { text: "bar", url: "http://www.google.com" },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> id: "hello",<br> text: "Insert",<br> attributes: { "class": "red" },<br> menuButtons: [<br> { text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br> { text: "Insert between", icon: "insert-m" },<br> { text: "Insert below", icon: "insert-s" }<br> ]<br> }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", enable: false },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", icon: "tick" },<br> { id: "bar", text: "Bar", icon: "note" },<br> { id: "baz", text: "Baz", icon: "clock" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", imageUrl: "foo.png" },<br> { id: "bar", text: "Bar", imageUrl: "bar.png" },<br> { id: "baz", text: "Baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", spriteCssClass: "foo" },<br> { id: "bar", text: "Bar", spriteCssClass: "bar" },<br> { id: "baz", text: "Baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br> { id: "bar", text: "Google", url: "http://www.google.com" }<br> ]<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "buttonGroup", buttons: [<br> { text: "foo", attributes: { "class": "red" } },<br> { text: "bar", attributes: { "class": "blue" } }<br> ] }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { background-color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>function onClick() {<br> console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", click: onClick },<br> { text: "bar", click: onClick },<br> { text: "baz", click: onClick }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", enable: false },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup" },<br> { text: "bar", togglable: true, group: "myGroup" },<br> { text: "baz", togglable: true, group: "myGroup" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock" },<br> { text: "bar", icon: "note" },<br> { text: "baz", icon: "refresh" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", id: "foo" },<br> { text: "bar", id: "bar" },<br> { text: "baz", id: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", imageUrl: "foo.png" },<br> { text: "bar", imageUrl: "bar.png" },<br> { text: "baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, selected: true },<br> { text: "bar", togglable: true },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showIcon: "toolbar" },<br> { text: "bar", icon: "note", showIcon: "toolbar" },<br> { text: "baz", icon: "refresh", showIcon: "toolbar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showText: "overflow" },<br> { text: "bar", icon: "note", showText: "overflow" },<br> { text: "baz", icon: "refresh",showText: "overflow" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", spriteCssClass: "foo, bar" },<br> { text: "bar", spriteCssClass: "bar" },<br> { text: "baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> function toggle(e) {<br> console.log(e.group);<br> }<br><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br> { text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true },<br> { text: "bar", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", url: "http://www.telerik.com" },<br> { text: "bar", url: "http://www.google.com" },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> id: "hello",<br> text: "Insert",<br> attributes: { "class": "red" },<br> menuButtons: [<br> { text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br> { text: "Insert between", icon: "insert-m" },<br> { text: "Insert below", icon: "insert-s" }<br> ]<br> }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", enable: false },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", icon: "tick" },<br> { id: "bar", text: "Bar", icon: "note" },<br> { id: "baz", text: "Baz", icon: "clock" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", imageUrl: "foo.png" },<br> { id: "bar", text: "Bar", imageUrl: "bar.png" },<br> { id: "baz", text: "Baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", spriteCssClass: "foo" },<br> { id: "bar", text: "Bar", spriteCssClass: "bar" },<br> { id: "baz", text: "Baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br> { id: "bar", text: "Google", url: "http://www.google.com" }<br> ]<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "buttonGroup", buttons: [<br> { text: "foo", attributes: { "class": "red" } },<br> { text: "bar", attributes: { "class": "blue" } }<br> ] }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { background-color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>function onClick() {<br> console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", click: onClick },<br> { text: "bar", click: onClick },<br> { text: "baz", click: onClick }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", enable: false },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup" },<br> { text: "bar", togglable: true, group: "myGroup" },<br> { text: "baz", togglable: true, group: "myGroup" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock" },<br> { text: "bar", icon: "note" },<br> { text: "baz", icon: "refresh" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", id: "foo" },<br> { text: "bar", id: "bar" },<br> { text: "baz", id: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", imageUrl: "foo.png" },<br> { text: "bar", imageUrl: "bar.png" },<br> { text: "baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, selected: true },<br> { text: "bar", togglable: true },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showIcon: "toolbar" },<br> { text: "bar", icon: "note", showIcon: "toolbar" },<br> { text: "baz", icon: "refresh", showIcon: "toolbar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showText: "overflow" },<br> { text: "bar", icon: "note", showText: "overflow" },<br> { text: "baz", icon: "refresh",showText: "overflow" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", spriteCssClass: "foo, bar" },<br> { text: "bar", spriteCssClass: "bar" },<br> { text: "baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> function toggle(e) {<br> console.log(e.group);<br> }<br><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br> { text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true },<br> { text: "bar", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", url: "http://www.telerik.com" },<br> { text: "bar", url: "http://www.google.com" },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> id: "hello",<br> text: "Insert",<br> attributes: { "class": "red" },<br> menuButtons: [<br> { text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br> { text: "Insert between", icon: "insert-m" },<br> { text: "Insert below", icon: "insert-s" }<br> ]<br> }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", enable: false },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", icon: "tick" },<br> { id: "bar", text: "Bar", icon: "note" },<br> { id: "baz", text: "Baz", icon: "clock" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", imageUrl: "foo.png" },<br> { id: "bar", text: "Bar", imageUrl: "bar.png" },<br> { id: "baz", text: "Baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", spriteCssClass: "foo" },<br> { id: "bar", text: "Bar", spriteCssClass: "bar" },<br> { id: "baz", text: "Baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br> { id: "bar", text: "Google", url: "http://www.google.com" }<br> ]<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "buttonGroup", buttons: [<br> { text: "foo", attributes: { "class": "red" } },<br> { text: "bar", attributes: { "class": "blue" } }<br> ] }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { background-color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>function onClick() {<br> console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", click: onClick },<br> { text: "bar", click: onClick },<br> { text: "baz", click: onClick }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", enable: false },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup" },<br> { text: "bar", togglable: true, group: "myGroup" },<br> { text: "baz", togglable: true, group: "myGroup" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock" },<br> { text: "bar", icon: "note" },<br> { text: "baz", icon: "refresh" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", id: "foo" },<br> { text: "bar", id: "bar" },<br> { text: "baz", id: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", imageUrl: "foo.png" },<br> { text: "bar", imageUrl: "bar.png" },<br> { text: "baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, selected: true },<br> { text: "bar", togglable: true },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showIcon: "toolbar" },<br> { text: "bar", icon: "note", showIcon: "toolbar" },<br> { text: "baz", icon: "refresh", showIcon: "toolbar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showText: "overflow" },<br> { text: "bar", icon: "note", showText: "overflow" },<br> { text: "baz", icon: "refresh",showText: "overflow" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", spriteCssClass: "foo, bar" },<br> { text: "bar", spriteCssClass: "bar" },<br> { text: "baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> function toggle(e) {<br> console.log(e.group);<br> }<br><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br> { text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true },<br> { text: "bar", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", url: "http://www.telerik.com" },<br> { text: "bar", url: "http://www.google.com" },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> id: "hello",<br> text: "Insert",<br> attributes: { "class": "red" },<br> menuButtons: [<br> { text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br> { text: "Insert between", icon: "insert-m" },<br> { text: "Insert below", icon: "insert-s" }<br> ]<br> }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", enable: false },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", icon: "tick" },<br> { id: "bar", text: "Bar", icon: "note" },<br> { id: "baz", text: "Baz", icon: "clock" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", imageUrl: "foo.png" },<br> { id: "bar", text: "Bar", imageUrl: "bar.png" },<br> { id: "baz", text: "Baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", spriteCssClass: "foo" },<br> { id: "bar", text: "Bar", spriteCssClass: "bar" },<br> { id: "baz", text: "Baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br> { id: "bar", text: "Google", url: "http://www.google.com" }<br> ]<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "buttonGroup", buttons: [<br> { text: "foo", attributes: { "class": "red" } },<br> { text: "bar", attributes: { "class": "blue" } }<br> ] }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { background-color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>function onClick() {<br> console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", click: onClick },<br> { text: "bar", click: onClick },<br> { text: "baz", click: onClick }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", enable: false },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup" },<br> { text: "bar", togglable: true, group: "myGroup" },<br> { text: "baz", togglable: true, group: "myGroup" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock" },<br> { text: "bar", icon: "note" },<br> { text: "baz", icon: "refresh" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", id: "foo" },<br> { text: "bar", id: "bar" },<br> { text: "baz", id: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", imageUrl: "foo.png" },<br> { text: "bar", imageUrl: "bar.png" },<br> { text: "baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, selected: true },<br> { text: "bar", togglable: true },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showIcon: "toolbar" },<br> { text: "bar", icon: "note", showIcon: "toolbar" },<br> { text: "baz", icon: "refresh", showIcon: "toolbar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showText: "overflow" },<br> { text: "bar", icon: "note", showText: "overflow" },<br> { text: "baz", icon: "refresh",showText: "overflow" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", spriteCssClass: "foo, bar" },<br> { text: "bar", spriteCssClass: "bar" },<br> { text: "baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> function toggle(e) {<br> console.log(e.group);<br> }<br><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br> { text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true },<br> { text: "bar", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", url: "http://www.telerik.com" },<br> { text: "bar", url: "http://www.google.com" },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> id: "hello",<br> text: "Insert",<br> attributes: { "class": "red" },<br> menuButtons: [<br> { text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br> { text: "Insert between", icon: "insert-m" },<br> { text: "Insert below", icon: "insert-s" }<br> ]<br> }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", enable: false },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", icon: "tick" },<br> { id: "bar", text: "Bar", icon: "note" },<br> { id: "baz", text: "Baz", icon: "clock" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", imageUrl: "foo.png" },<br> { id: "bar", text: "Bar", imageUrl: "bar.png" },<br> { id: "baz", text: "Baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", spriteCssClass: "foo" },<br> { id: "bar", text: "Bar", spriteCssClass: "bar" },<br> { id: "baz", text: "Baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br> { id: "bar", text: "Google", url: "http://www.google.com" }<br> ]<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "buttonGroup", buttons: [<br> { text: "foo", attributes: { "class": "red" } },<br> { text: "bar", attributes: { "class": "blue" } }<br> ] }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { background-color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>function onClick() {<br> console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", click: onClick },<br> { text: "bar", click: onClick },<br> { text: "baz", click: onClick }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", enable: false },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup" },<br> { text: "bar", togglable: true, group: "myGroup" },<br> { text: "baz", togglable: true, group: "myGroup" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock" },<br> { text: "bar", icon: "note" },<br> { text: "baz", icon: "refresh" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", id: "foo" },<br> { text: "bar", id: "bar" },<br> { text: "baz", id: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", imageUrl: "foo.png" },<br> { text: "bar", imageUrl: "bar.png" },<br> { text: "baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, selected: true },<br> { text: "bar", togglable: true },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showIcon: "toolbar" },<br> { text: "bar", icon: "note", showIcon: "toolbar" },<br> { text: "baz", icon: "refresh", showIcon: "toolbar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showText: "overflow" },<br> { text: "bar", icon: "note", showText: "overflow" },<br> { text: "baz", icon: "refresh",showText: "overflow" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", spriteCssClass: "foo, bar" },<br> { text: "bar", spriteCssClass: "bar" },<br> { text: "baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> function toggle(e) {<br> console.log(e.group);<br> }<br><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br> { text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true },<br> { text: "bar", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", url: "http://www.telerik.com" },<br> { text: "bar", url: "http://www.google.com" },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> id: "hello",<br> text: "Insert",<br> attributes: { "class": "red" },<br> menuButtons: [<br> { text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br> { text: "Insert between", icon: "insert-m" },<br> { text: "Insert below", icon: "insert-s" }<br> ]<br> }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", enable: false },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", icon: "tick" },<br> { id: "bar", text: "Bar", icon: "note" },<br> { id: "baz", text: "Baz", icon: "clock" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", imageUrl: "foo.png" },<br> { id: "bar", text: "Bar", imageUrl: "bar.png" },<br> { id: "baz", text: "Baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", spriteCssClass: "foo" },<br> { id: "bar", text: "Bar", spriteCssClass: "bar" },<br> { id: "baz", text: "Baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br> { id: "bar", text: "Google", url: "http://www.google.com" }<br> ]<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "buttonGroup", buttons: [<br> { text: "foo", attributes: { "class": "red" } },<br> { text: "bar", attributes: { "class": "blue" } }<br> ] }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { background-color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>function onClick() {<br> console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", click: onClick },<br> { text: "bar", click: onClick },<br> { text: "baz", click: onClick }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", enable: false },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup" },<br> { text: "bar", togglable: true, group: "myGroup" },<br> { text: "baz", togglable: true, group: "myGroup" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock" },<br> { text: "bar", icon: "note" },<br> { text: "baz", icon: "refresh" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", id: "foo" },<br> { text: "bar", id: "bar" },<br> { text: "baz", id: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", imageUrl: "foo.png" },<br> { text: "bar", imageUrl: "bar.png" },<br> { text: "baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, selected: true },<br> { text: "bar", togglable: true },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showIcon: "toolbar" },<br> { text: "bar", icon: "note", showIcon: "toolbar" },<br> { text: "baz", icon: "refresh", showIcon: "toolbar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showText: "overflow" },<br> { text: "bar", icon: "note", showText: "overflow" },<br> { text: "baz", icon: "refresh",showText: "overflow" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", spriteCssClass: "foo, bar" },<br> { text: "bar", spriteCssClass: "bar" },<br> { text: "baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> function toggle(e) {<br> console.log(e.group);<br> }<br><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br> { text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true },<br> { text: "bar", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", url: "http://www.telerik.com" },<br> { text: "bar", url: "http://www.google.com" },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> id: "hello",<br> text: "Insert",<br> attributes: { "class": "red" },<br> menuButtons: [<br> { text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br> { text: "Insert between", icon: "insert-m" },<br> { text: "Insert below", icon: "insert-s" }<br> ]<br> }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", enable: false },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", icon: "tick" },<br> { id: "bar", text: "Bar", icon: "note" },<br> { id: "baz", text: "Baz", icon: "clock" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", imageUrl: "foo.png" },<br> { id: "bar", text: "Bar", imageUrl: "bar.png" },<br> { id: "baz", text: "Baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", spriteCssClass: "foo" },<br> { id: "bar", text: "Bar", spriteCssClass: "bar" },<br> { id: "baz", text: "Baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br> { id: "bar", text: "Google", url: "http://www.google.com" }<br> ]<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "buttonGroup", buttons: [<br> { text: "foo", attributes: { "class": "red" } },<br> { text: "bar", attributes: { "class": "blue" } }<br> ] }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { background-color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>function onClick() {<br> console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", click: onClick },<br> { text: "bar", click: onClick },<br> { text: "baz", click: onClick }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", enable: false },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup" },<br> { text: "bar", togglable: true, group: "myGroup" },<br> { text: "baz", togglable: true, group: "myGroup" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock" },<br> { text: "bar", icon: "note" },<br> { text: "baz", icon: "refresh" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", id: "foo" },<br> { text: "bar", id: "bar" },<br> { text: "baz", id: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", imageUrl: "foo.png" },<br> { text: "bar", imageUrl: "bar.png" },<br> { text: "baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, selected: true },<br> { text: "bar", togglable: true },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showIcon: "toolbar" },<br> { text: "bar", icon: "note", showIcon: "toolbar" },<br> { text: "baz", icon: "refresh", showIcon: "toolbar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showText: "overflow" },<br> { text: "bar", icon: "note", showText: "overflow" },<br> { text: "baz", icon: "refresh",showText: "overflow" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", spriteCssClass: "foo, bar" },<br> { text: "bar", spriteCssClass: "bar" },<br> { text: "baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> function toggle(e) {<br> console.log(e.group);<br> }<br><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br> { text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true },<br> { text: "bar", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", url: "http://www.telerik.com" },<br> { text: "bar", url: "http://www.google.com" },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> id: "hello",<br> text: "Insert",<br> attributes: { "class": "red" },<br> menuButtons: [<br> { text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br> { text: "Insert between", icon: "insert-m" },<br> { text: "Insert below", icon: "insert-s" }<br> ]<br> }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", enable: false },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", icon: "tick" },<br> { id: "bar", text: "Bar", icon: "note" },<br> { id: "baz", text: "Baz", icon: "clock" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", imageUrl: "foo.png" },<br> { id: "bar", text: "Bar", imageUrl: "bar.png" },<br> { id: "baz", text: "Baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", spriteCssClass: "foo" },<br> { id: "bar", text: "Bar", spriteCssClass: "bar" },<br> { id: "baz", text: "Baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br> { id: "bar", text: "Google", url: "http://www.google.com" }<br> ]<br> }<br> ]<br> });<br></script> * @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 <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> { type: "buttonGroup", buttons: [<br> { text: "foo", attributes: { "class": "red" } },<br> { text: "bar", attributes: { "class": "blue" } }<br> ] }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { background-color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br>function onClick() {<br> console.log("click");<br>}<br><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", click: onClick },<br> { text: "bar", click: onClick },<br> { text: "baz", click: onClick }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", enable: false },<br> { text: "bar" },<br> { text: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup" },<br> { text: "bar", togglable: true, group: "myGroup" },<br> { text: "baz", togglable: true, group: "myGroup" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock" },<br> { text: "bar", icon: "note" },<br> { text: "baz", icon: "refresh" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", id: "foo" },<br> { text: "bar", id: "bar" },<br> { text: "baz", id: "baz" }<br> ]<br> }<br> ]<br>});<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", imageUrl: "foo.png" },<br> { text: "bar", imageUrl: "bar.png" },<br> { text: "baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, selected: true },<br> { text: "bar", togglable: true },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showIcon: "toolbar" },<br> { text: "bar", icon: "note", showIcon: "toolbar" },<br> { text: "baz", icon: "refresh", showIcon: "toolbar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", icon: "clock", showText: "overflow" },<br> { text: "bar", icon: "note", showText: "overflow" },<br> { text: "baz", icon: "refresh",showText: "overflow" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br>$("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", spriteCssClass: "foo, bar" },<br> { text: "bar", spriteCssClass: "bar" },<br> { text: "baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br>}); * @endcode * @code <div id="toolbar"></div><br><br><script><br> function toggle(e) {<br> console.log(e.group);<br> }<br><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true, group: "myGroup", toggle: toggle },<br> { text: "bar", togglable: true, group: "myGroup", toggle: toggle }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", togglable: true },<br> { text: "bar", togglable: true }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo" },<br> { text: "bar" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "buttonGroup",<br> buttons: [<br> { text: "foo", url: "http://www.telerik.com" },<br> { text: "bar", url: "http://www.google.com" },<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> id: "hello",<br> text: "Insert",<br> attributes: { "class": "red" },<br> menuButtons: [<br> { text: "Insert above", icon: "insert-n", attributes: { "class": "blue" } },<br> { text: "Insert between", icon: "insert-m" },<br> { text: "Insert below", icon: "insert-s" }<br> ]<br> }<br> ]<br> });<br></script><br><style><br> .red { background-color: red; }<br> .blue { color: blue; }<br></style> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", enable: false },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", icon: "tick" },<br> { id: "bar", text: "Bar", icon: "note" },<br> { id: "baz", text: "Baz", icon: "clock" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [ {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> } ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", imageUrl: "foo.png" },<br> { id: "bar", text: "Bar", imageUrl: "bar.png" },<br> { id: "baz", text: "Baz", imageUrl: "baz.png" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo", spriteCssClass: "foo" },<br> { id: "bar", text: "Bar", spriteCssClass: "bar" },<br> { id: "baz", text: "Baz", spriteCssClass: "baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Foo" },<br> { id: "bar", text: "Bar" },<br> { id: "baz", text: "Baz" }<br> ]<br> }<br> ]<br> });<br></script> * @endcode * @code <div id="toolbar"></div><br><br><script><br> $("#toolbar").kendoToolBar({<br> items: [<br> {<br> type: "splitButton",<br> text: "splitButton",<br> menuButtons: [<br> { id: "foo", text: "Telerik", url: "http://www.telerik.com" },<br> { id: "bar", text: "Google", url: "http://www.google.com" }<br> ]<br> }<br> ]<br> });<br></script> * @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'"); } } }
/** * Template for rendering each node. * @var $dataAX[ 'template' ]: ( String | Function ) * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/treeview#configuration-template * * @code <div id="treeview"></div><br><script><br>$("#treeview").kendoTreeView({<br> template: "#= item.text # (#= item.inStock #)",<br> dataSource: [<br> { text: "foo", inStock: 7, items: [<br> { text: "bar", inStock: 2 },<br> { text: "baz", inStock: 5 }<br> ] }<br> ]<br>});<br></script> * @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'"); } } }
/** * 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'"); } } }
/** * Specifies height of the window. * @var $dataAX[ 'height' ]: ( Number | String ) * @see http://docs.telerik.com/kendo-ui/api/javascript/ui/window#configuration-height * * @code <div id="dialog"></div><br><script><br>$("#dialog").kendoWindow({<br> height: 400<br>});<br></script> * @endcode * @code <div id="dialog"></div><br><script><br>$("#dialog").kendoWindow({<br> height: "50%"<br>});<br></script> * @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'"); } } } }
/** * 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 <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ {}, { collapsed: true } ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { collapsible: true, collapsedSize: "10%" }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { collapsible: true }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div></div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ {}, { contentUrl: "http://www.telerik.com/" } ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { max: "200px" }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { min: "100px" }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { resizable: false }, { resizable: false } ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { scrollable: false }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { size: "10%" }, {} ]<br>});<br></script> * @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 <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ {}, { collapsed: true } ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { collapsible: true, collapsedSize: "10%" }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { collapsible: true }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div></div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ {}, { contentUrl: "http://www.telerik.com/" } ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { max: "200px" }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { min: "100px" }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { resizable: false }, { resizable: false } ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { scrollable: false }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { size: "10%" }, {} ]<br>});<br></script> * @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 <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ {}, { collapsed: true } ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { collapsible: true, collapsedSize: "10%" }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { collapsible: true }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div></div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ {}, { contentUrl: "http://www.telerik.com/" } ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { max: "200px" }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { min: "100px" }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { resizable: false }, { resizable: false } ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { scrollable: false }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { size: "10%" }, {} ]<br>});<br></script> * @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 <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ {}, { collapsed: true } ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { collapsible: true, collapsedSize: "10%" }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { collapsible: true }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div></div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ {}, { contentUrl: "http://www.telerik.com/" } ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { max: "200px" }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { min: "100px" }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { resizable: false }, { resizable: false } ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { scrollable: false }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { size: "10%" }, {} ]<br>});<br></script> * @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 <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ {}, { collapsed: true } ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { collapsible: true, collapsedSize: "10%" }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { collapsible: true }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div></div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ {}, { contentUrl: "http://www.telerik.com/" } ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { max: "200px" }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { min: "100px" }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { resizable: false }, { resizable: false } ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { scrollable: false }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { size: "10%" }, {} ]<br>});<br></script> * @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 <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ {}, { collapsed: true } ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { collapsible: true, collapsedSize: "10%" }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { collapsible: true }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div></div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ {}, { contentUrl: "http://www.telerik.com/" } ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { max: "200px" }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { min: "100px" }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { resizable: false }, { resizable: false } ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { scrollable: false }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { size: "10%" }, {} ]<br>});<br></script> * @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 <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ {}, { collapsed: true } ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { collapsible: true, collapsedSize: "10%" }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { collapsible: true }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div></div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ {}, { contentUrl: "http://www.telerik.com/" } ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { max: "200px" }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { min: "100px" }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { resizable: false }, { resizable: false } ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { scrollable: false }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { size: "10%" }, {} ]<br>});<br></script> * @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 <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ {}, { collapsed: true } ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { collapsible: true, collapsedSize: "10%" }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { collapsible: true }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div></div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ {}, { contentUrl: "http://www.telerik.com/" } ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { max: "200px" }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { min: "100px" }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { resizable: false }, { resizable: false } ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { scrollable: false }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { size: "10%" }, {} ]<br>});<br></script> * @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 <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ {}, { collapsed: true } ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { collapsible: true, collapsedSize: "10%" }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { collapsible: true }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div></div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ {}, { contentUrl: "http://www.telerik.com/" } ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { max: "200px" }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { min: "100px" }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { resizable: false }, { resizable: false } ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { scrollable: false }, {} ]<br>});<br></script> * @endcode * @code <div id="splitter"><br> <div>Pane A</div><br> <div>Pane B</div><br></div><br><script><br>$("#splitter").kendoSplitter({<br> panes: [ { size: "10%" }, {} ]<br>});<br></script> * @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'"); } } }
/** * 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'"); } } }
/** * 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'"); } } }
/** * 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 <div id="tabstrip"><br> <ul><br> <li>Tab 1</li><br> <li>Tab 2</li><br> </ul><br> <div>Content 1</div><br> <div>Content 2</div><br></div><br><br><script><br> $("#tabstrip").kendoTabStrip({<br> tabPosition: "left",<br> animation: {<br> open: {<br> effects: "fadeIn"<br> }<br> }<br> });<br></script> * @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'"); } } }
/** * 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 <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> height: 550,<br> messages: {<br> measureFields: "Drop Measure Here",<br> columnFields: "Drop Column Here",<br> rowFields: "Drop Rows Here"<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @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 <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> height: 550,<br> messages: {<br> measureFields: "Drop Measure Here"<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> height: 550,<br> messages: {<br> columnFields: "Drop Column Here"<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> height: 550,<br> messages: {<br> rowFields: "Drop Rows Here"<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> info: "Show items with value that:",<br> sortAscending: "Sort Ascending",<br> sortDescending: "Sort Descending",<br> filterFields: "Fields Filter",<br> filter: "Filter",<br> include: "Include Fields...",<br> title: "Fields to include",<br> clear: "Clear",<br> ok: "Ok",<br> cancel: "Cancel"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @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 <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> height: 550,<br> messages: {<br> measureFields: "Drop Measure Here"<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> height: 550,<br> messages: {<br> columnFields: "Drop Column Here"<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> height: 550,<br> messages: {<br> rowFields: "Drop Rows Here"<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> info: "Show items with value that:",<br> sortAscending: "Sort Ascending",<br> sortDescending: "Sort Descending",<br> filterFields: "Fields Filter",<br> filter: "Filter",<br> include: "Include Fields...",<br> title: "Fields to include",<br> clear: "Clear",<br> ok: "Ok",<br> cancel: "Cancel"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @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 <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> height: 550,<br> messages: {<br> measureFields: "Drop Measure Here"<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> height: 550,<br> messages: {<br> columnFields: "Drop Column Here"<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> height: 550,<br> messages: {<br> rowFields: "Drop Rows Here"<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> info: "Show items with value that:",<br> sortAscending: "Sort Ascending",<br> sortDescending: "Sort Descending",<br> filterFields: "Fields Filter",<br> filter: "Filter",<br> include: "Include Fields...",<br> title: "Fields to include",<br> clear: "Clear",<br> ok: "Ok",<br> cancel: "Cancel"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @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 <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> height: 550,<br> messages: {<br> measureFields: "Drop Measure Here"<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> height: 550,<br> messages: {<br> columnFields: "Drop Column Here"<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> height: 550,<br> messages: {<br> rowFields: "Drop Rows Here"<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> info: "Show items with value that:",<br> sortAscending: "Sort Ascending",<br> sortDescending: "Sort Descending",<br> filterFields: "Fields Filter",<br> filter: "Filter",<br> include: "Include Fields...",<br> title: "Fields to include",<br> clear: "Clear",<br> ok: "Ok",<br> cancel: "Cancel"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @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 <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> info: "Filter items by field name:"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> sortable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> sortAscending: "Sort (asc)"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> sortable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> sortDescending: "Sort (desc)"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> filterFields: "Filter current field"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> filter: "Done"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> include: "Choose fields to include"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> title: "Choose fields to include"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> clear: "Clear filter expressions"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> ok: "Done"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> cancel: "Close"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> contains: "Contains",<br> doesnotcontain: "Does not contain",<br> startswith: "Starts with",<br> endswith: "Ends with",<br> eq: "Is equal to",<br> neq: "Is not equal to"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @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 <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> info: "Filter items by field name:"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> sortable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> sortAscending: "Sort (asc)"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> sortable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> sortDescending: "Sort (desc)"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> filterFields: "Filter current field"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> filter: "Done"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> include: "Choose fields to include"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> title: "Choose fields to include"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> clear: "Clear filter expressions"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> ok: "Done"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> cancel: "Close"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> contains: "Contains",<br> doesnotcontain: "Does not contain",<br> startswith: "Starts with",<br> endswith: "Ends with",<br> eq: "Is equal to",<br> neq: "Is not equal to"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @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 <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> info: "Filter items by field name:"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> sortable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> sortAscending: "Sort (asc)"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> sortable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> sortDescending: "Sort (desc)"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> filterFields: "Filter current field"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> filter: "Done"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> include: "Choose fields to include"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> title: "Choose fields to include"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> clear: "Clear filter expressions"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> ok: "Done"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> cancel: "Close"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> contains: "Contains",<br> doesnotcontain: "Does not contain",<br> startswith: "Starts with",<br> endswith: "Ends with",<br> eq: "Is equal to",<br> neq: "Is not equal to"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @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 <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> info: "Filter items by field name:"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> sortable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> sortAscending: "Sort (asc)"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> sortable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> sortDescending: "Sort (desc)"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> filterFields: "Filter current field"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> filter: "Done"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> include: "Choose fields to include"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> title: "Choose fields to include"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> clear: "Clear filter expressions"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> ok: "Done"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> cancel: "Close"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> contains: "Contains",<br> doesnotcontain: "Does not contain",<br> startswith: "Starts with",<br> endswith: "Ends with",<br> eq: "Is equal to",<br> neq: "Is not equal to"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @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 <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> info: "Filter items by field name:"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> sortable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> sortAscending: "Sort (asc)"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> sortable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> sortDescending: "Sort (desc)"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> filterFields: "Filter current field"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> filter: "Done"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> include: "Choose fields to include"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> title: "Choose fields to include"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> clear: "Clear filter expressions"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> ok: "Done"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> cancel: "Close"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> contains: "Contains",<br> doesnotcontain: "Does not contain",<br> startswith: "Starts with",<br> endswith: "Ends with",<br> eq: "Is equal to",<br> neq: "Is not equal to"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @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 <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> info: "Filter items by field name:"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> sortable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> sortAscending: "Sort (asc)"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> sortable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> sortDescending: "Sort (desc)"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> filterFields: "Filter current field"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> filter: "Done"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> include: "Choose fields to include"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> title: "Choose fields to include"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> clear: "Clear filter expressions"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> ok: "Done"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> cancel: "Close"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> contains: "Contains",<br> doesnotcontain: "Does not contain",<br> startswith: "Starts with",<br> endswith: "Ends with",<br> eq: "Is equal to",<br> neq: "Is not equal to"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @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 <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> info: "Filter items by field name:"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> sortable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> sortAscending: "Sort (asc)"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> sortable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> sortDescending: "Sort (desc)"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> filterFields: "Filter current field"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> filter: "Done"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> include: "Choose fields to include"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> title: "Choose fields to include"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> clear: "Clear filter expressions"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> ok: "Done"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> cancel: "Close"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> contains: "Contains",<br> doesnotcontain: "Does not contain",<br> startswith: "Starts with",<br> endswith: "Ends with",<br> eq: "Is equal to",<br> neq: "Is not equal to"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @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 <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> info: "Filter items by field name:"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> sortable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> sortAscending: "Sort (asc)"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> sortable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> sortDescending: "Sort (desc)"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> filterFields: "Filter current field"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> filter: "Done"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> include: "Choose fields to include"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> title: "Choose fields to include"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> clear: "Clear filter expressions"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> ok: "Done"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> cancel: "Close"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> contains: "Contains",<br> doesnotcontain: "Does not contain",<br> startswith: "Starts with",<br> endswith: "Ends with",<br> eq: "Is equal to",<br> neq: "Is not equal to"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @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 <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> info: "Filter items by field name:"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> sortable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> sortAscending: "Sort (asc)"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> sortable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> sortDescending: "Sort (desc)"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> filterFields: "Filter current field"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> filter: "Done"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> include: "Choose fields to include"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> title: "Choose fields to include"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> clear: "Clear filter expressions"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> ok: "Done"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> cancel: "Close"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> contains: "Contains",<br> doesnotcontain: "Does not contain",<br> startswith: "Starts with",<br> endswith: "Ends with",<br> eq: "Is equal to",<br> neq: "Is not equal to"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @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 <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> info: "Filter items by field name:"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> sortable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> sortAscending: "Sort (asc)"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> sortable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> sortDescending: "Sort (desc)"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> filterFields: "Filter current field"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> filter: "Done"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> include: "Choose fields to include"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> title: "Choose fields to include"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> clear: "Clear filter expressions"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> ok: "Done"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> cancel: "Close"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> contains: "Contains",<br> doesnotcontain: "Does not contain",<br> startswith: "Starts with",<br> endswith: "Ends with",<br> eq: "Is equal to",<br> neq: "Is not equal to"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @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 <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> info: "Filter items by field name:"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> sortable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> sortAscending: "Sort (asc)"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> sortable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> sortDescending: "Sort (desc)"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> filterFields: "Filter current field"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> filter: "Done"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> include: "Choose fields to include"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> title: "Choose fields to include"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> clear: "Clear filter expressions"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> ok: "Done"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> cancel: "Close"<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> contains: "Contains",<br> doesnotcontain: "Does not contain",<br> startswith: "Starts with",<br> endswith: "Ends with",<br> eq: "Is equal to",<br> neq: "Is not equal to"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @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 <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> contains: "Contains"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> doesnotcontain: "Doesn't contain"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> startswith: "Starts"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> endswith: "Ends"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> eq: "Equal to"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> neq: "Not equal to"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @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 <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> contains: "Contains"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> doesnotcontain: "Doesn't contain"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> startswith: "Starts"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> endswith: "Ends"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> eq: "Equal to"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> neq: "Not equal to"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @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 <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> contains: "Contains"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> doesnotcontain: "Doesn't contain"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> startswith: "Starts"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> endswith: "Ends"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> eq: "Equal to"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> neq: "Not equal to"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @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 <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> contains: "Contains"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> doesnotcontain: "Doesn't contain"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> startswith: "Starts"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> endswith: "Ends"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> eq: "Equal to"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> neq: "Not equal to"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @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 <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> contains: "Contains"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> doesnotcontain: "Doesn't contain"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> startswith: "Starts"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> endswith: "Ends"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> eq: "Equal to"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> neq: "Not equal to"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @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 <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> contains: "Contains"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> doesnotcontain: "Doesn't contain"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> startswith: "Starts"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> endswith: "Ends"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> eq: "Equal to"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></script> * @endcode * @code <div id="pivotgrid"></div><br><script><br>$("#pivotgrid").kendoPivotGrid({<br> filterable: true,<br> height: 550,<br> messages: {<br> fieldMenu: {<br> operators: {<br> neq: "Not equal to"<br> }<br> }<br> },<br> dataSource: {<br> type: "xmla",<br> columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],<br> rows: [{ name: "[Product].[Product]" }],<br> measures: ["[Measures].[Internet Sales Amount]"],<br> transport: {<br> connection: {<br> catalog: "Adventure Works DW 2008R2",<br> cube: "Adventure Works"<br> },<br> read: {<br> url: "http://demos.telerik.com/olap/msmdpump.dll",<br> dataType: "text",<br> contentType: "text/xml",<br> type: "POST"<br> }<br> },<br> schema: {<br> type: "xmla"<br> }<br> }<br>});<br></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']['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'"); } } }
/** * 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'"); } } }
/** * 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 <ul id="panelbar"><br> <li>Item 1<br> <ul><br> <li>Sub Item 1</li><br> <li>Sub Item 2</li><br> <li>Sub Item 3</li><br> </ul><br> </li><br> <li>Item 2<br> <ul><br> <li>Sub Item 1</li><br> <li>Sub Item 2</li><br> <li>Sub Item 3</li><br> </ul><br> </li><br></ul><br><script><br> $("#panelbar").kendoPanelBar({<br> expandMode: "single"<br> });<br></script> * @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'"); } } }
/** * 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'"); } } }
/** * 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'"); } } }
/** * 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 <ul id="sortable"><br> <li>ItemA1</li><br> <li>ItemA2</li><br> <li>ItemA3</li><br></ul><br><br><script><br> $("#sortable").kendoSortable({<br> placeholder: function(element) {<br> return element.clone().css({<br> "opacity": 0.3,<br> "border": "1px dashed #000000"<br> });<br> }<br> });<br></script> * @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'"); } } }
/** * 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'"); } } }
/** * 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 <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> display: "Showing {0}-{1} from {2} data items"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> empty: "No data"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> input: true,<br> messages: {<br> allPages: "All Pages"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> input: true,<br> messages: {<br> page: "Enter page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> input: true,<br> messages: {<br> of: "from {0}"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> pageSizes: true,<br> messages: {<br> itemsPerPage: "data items per page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> first: "First Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> previous: "Previous Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> next: "Next Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> last: "Last Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> refresh: "Refresh data"<br> }<br> });<br><br> dataSource.read();<br></script> * @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 <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> display: "Showing {0}-{1} from {2} data items"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> empty: "No data"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> input: true,<br> messages: {<br> allPages: "All Pages"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> input: true,<br> messages: {<br> page: "Enter page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> input: true,<br> messages: {<br> of: "from {0}"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> pageSizes: true,<br> messages: {<br> itemsPerPage: "data items per page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> first: "First Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> previous: "Previous Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> next: "Next Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> last: "Last Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> refresh: "Refresh data"<br> }<br> });<br><br> dataSource.read();<br></script> * @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 <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> display: "Showing {0}-{1} from {2} data items"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> empty: "No data"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> input: true,<br> messages: {<br> allPages: "All Pages"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> input: true,<br> messages: {<br> page: "Enter page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> input: true,<br> messages: {<br> of: "from {0}"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> pageSizes: true,<br> messages: {<br> itemsPerPage: "data items per page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> first: "First Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> previous: "Previous Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> next: "Next Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> last: "Last Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> refresh: "Refresh data"<br> }<br> });<br><br> dataSource.read();<br></script> * @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 <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> display: "Showing {0}-{1} from {2} data items"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> empty: "No data"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> input: true,<br> messages: {<br> allPages: "All Pages"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> input: true,<br> messages: {<br> page: "Enter page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> input: true,<br> messages: {<br> of: "from {0}"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> pageSizes: true,<br> messages: {<br> itemsPerPage: "data items per page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> first: "First Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> previous: "Previous Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> next: "Next Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> last: "Last Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> refresh: "Refresh data"<br> }<br> });<br><br> dataSource.read();<br></script> * @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 <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> display: "Showing {0}-{1} from {2} data items"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> empty: "No data"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> input: true,<br> messages: {<br> allPages: "All Pages"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> input: true,<br> messages: {<br> page: "Enter page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> input: true,<br> messages: {<br> of: "from {0}"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> pageSizes: true,<br> messages: {<br> itemsPerPage: "data items per page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> first: "First Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> previous: "Previous Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> next: "Next Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> last: "Last Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> refresh: "Refresh data"<br> }<br> });<br><br> dataSource.read();<br></script> * @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 <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> display: "Showing {0}-{1} from {2} data items"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> empty: "No data"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> input: true,<br> messages: {<br> allPages: "All Pages"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> input: true,<br> messages: {<br> page: "Enter page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> input: true,<br> messages: {<br> of: "from {0}"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> pageSizes: true,<br> messages: {<br> itemsPerPage: "data items per page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> first: "First Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> previous: "Previous Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> next: "Next Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> last: "Last Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> refresh: "Refresh data"<br> }<br> });<br><br> dataSource.read();<br></script> * @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 <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> display: "Showing {0}-{1} from {2} data items"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> empty: "No data"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> input: true,<br> messages: {<br> allPages: "All Pages"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> input: true,<br> messages: {<br> page: "Enter page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> input: true,<br> messages: {<br> of: "from {0}"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> pageSizes: true,<br> messages: {<br> itemsPerPage: "data items per page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> first: "First Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> previous: "Previous Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> next: "Next Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> last: "Last Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> refresh: "Refresh data"<br> }<br> });<br><br> dataSource.read();<br></script> * @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 <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> display: "Showing {0}-{1} from {2} data items"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> empty: "No data"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> input: true,<br> messages: {<br> allPages: "All Pages"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> input: true,<br> messages: {<br> page: "Enter page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> input: true,<br> messages: {<br> of: "from {0}"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> pageSizes: true,<br> messages: {<br> itemsPerPage: "data items per page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> first: "First Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> previous: "Previous Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> next: "Next Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> last: "Last Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> refresh: "Refresh data"<br> }<br> });<br><br> dataSource.read();<br></script> * @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 <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> display: "Showing {0}-{1} from {2} data items"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> empty: "No data"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> input: true,<br> messages: {<br> allPages: "All Pages"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> input: true,<br> messages: {<br> page: "Enter page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> input: true,<br> messages: {<br> of: "from {0}"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> pageSizes: true,<br> messages: {<br> itemsPerPage: "data items per page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> first: "First Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> previous: "Previous Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> next: "Next Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> last: "Last Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> refresh: "Refresh data"<br> }<br> });<br><br> dataSource.read();<br></script> * @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 <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> display: "Showing {0}-{1} from {2} data items"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> empty: "No data"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> input: true,<br> messages: {<br> allPages: "All Pages"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> input: true,<br> messages: {<br> page: "Enter page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> input: true,<br> messages: {<br> of: "from {0}"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> pageSizes: true,<br> messages: {<br> itemsPerPage: "data items per page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> first: "First Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> previous: "Previous Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> next: "Next Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> last: "Last Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> refresh: "Refresh data"<br> }<br> });<br><br> dataSource.read();<br></script> * @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 <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> display: "Showing {0}-{1} from {2} data items"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> empty: "No data"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> input: true,<br> messages: {<br> allPages: "All Pages"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> input: true,<br> messages: {<br> page: "Enter page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> input: true,<br> messages: {<br> of: "from {0}"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> pageSizes: true,<br> messages: {<br> itemsPerPage: "data items per page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> first: "First Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> previous: "Previous Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> next: "Next Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> last: "Last Page"<br> }<br> });<br><br> dataSource.read();<br></script> * @endcode * @code <div id="pager"></div><br><br><script><br> var dataSource = new kendo.data.DataSource({<br> data: [<br> { productName: "Tea", category: "Beverages" },<br> { productName: "Coffee", category: "Beverages" },<br> { productName: "Ham", category: "Food" },<br> { productName: "Bread", category: "Food" }<br> ],<br> pageSize: 2<br> });<br><br> $("#pager").kendoPager({<br> dataSource: dataSource,<br> messages: {<br> refresh: "Refresh data"<br> }<br> });<br><br> dataSource.read();<br></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']['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'"); } } }
/** * 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 <span id="notification"></span><br><script><br>$("#notification").kendoNotification({<br> width: 300<br>});<br></script> * @endcode * @code <span id="notification"></span><br><script><br>$("#notification").kendoNotification({<br> width: "20em"<br>});<br></script> * @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'"); } } } }