Hi
I am implementing the Save Layout for the Kendo Grid and have a question about events.
I am currently using the following events to save changes to the layout.
change: function(e) {
saveGridLayout();
},
columnReorder: function(e) {
saveGridLayout();
},
columnResize: function(e) {
saveGridLayout();
}
If I just use Column Reorder and Resize events then I get no issues with reloading the grid because neither of those events get called on load of the grid. My issue is that I have to use the change event to catch grouping/filtering of the grid which I also want to save, but as this gets called on gird load the save gets called again before my load.
Can anyone explain to me the events I should use to catch changes to the gird, save the layout and then when reloading layout when to do that?
Regards
Mike
Hi
We want to use Fiori Theme, but there are at least 2 Styling Bugs.
See screenshot (Chrome, Win 10)
1. Bottom Lines in Pickers missing
2. Radio Button Labels not correct positioned
Is there a fix available ?
Cheers
Stefan
Hello,
Is this functionality currently supported in the PivotGrid when using Remote Binding? It doesn't seem to work as intended in the example: I cannot sort Contact Titles or Countries by name.
Thanks,
Hi,
I have a tabstrip that has a dataSource with an array of items. I also use the dataContentField to specify which property in the dataItem contains the content HTML. The tabs are binding correctly and rendering the correct tab contents dynamically. Now, I need to figure out which tab is selected and which dataItem is bound to the selected tab so that I can add a new dataItem in the dataSource after the selected tab's dataItem. Theoretically, this will trigger the tabstrip to dynamically generate a new tab after the selected tab. I am using tabstrip.select(), but that just gives me the element. I tried to use tabstrip.dataItem(tabstrip.select()), but dataItem doesn't seem to exist on tabstrip, unlike other widgets like Grid etc. How can I get the dataItem from a selected tab element? It would also work if I can get the index of the selected tab element, but that is less elegant.
Thanks,
Michelle
Hi,
I have a simple tabstrip defined in AngularJS. I have a button that when clicked, will change the name of the first item in the datasource. I expect the tabstrip tab title to change as well after the click, but as you can see in the following example, the datasource is changed, but the tab stays the same:
http://dojo.telerik.com/AYofE
I know that you can call tabstrip.dataSource.read() to update the title, but in my case doing that will overwrite some tabs I manually appended to the tabstrip directly because they are not in the dataSource. Is there a way to get data binding working for the tab title?
Thanks,
Michelle
Hello,
I'm trying to use the treeview to display a file structure with direcotries and subdirectories, also i want to allow the user to edit the structure. I need to prevent the documents to become folders which is why I call "setStatusClass('k-denied') on the drag event when the user tries to drop a file "inside" another file. It works, doesn't allow the user to drop a file into another but i notice that the file is not "marked" anymore, it has the class ".k-state-hover" but it seems like isn't working. On the other hand when the kendo framework does the same, for example when you try to drop a node inside one of its child nodes, it works perfectly.
Here is an example, when you drag "Kendo UI Project" into "Word.docx", "Word.docx" is highlighted but when yo drag "Word.doc" into "Word.docx", "Word.docx" is not highlighted.
http://dojo.telerik.com/aWOxa
Thanks.
Hello,
I am trying to implement toolbar as actionbar on Kendo UI Mobile:
In the demo, the dataItems are statically placed into the data-items attribute: http://demos.telerik.com/kendo-ui/m/index#navbar/adaptive-toolbar
<div data-role="toolbar" data-items='[
{
id: "back",
type: "button",
icon: "arrow-w",
overflow: "never",
align: "left",
url: "#:back"
},
{
type: "splitButton", id: "viewName", name: "viewName", text: "Inbox (18)", menuButtons: [
{ id: "option1", text: "Drafts (3)" },
{ id: "option2", text: "Sent Mail" },
{ id: "option3", text: "Junk Mail (21)" },
{ id: "option4", text: "Trash (53)" }
],
overflow: "never",
align: "left"
}]'></div>
I would like to be able to initialize and control the toolbar in the javaScript like so:
Html:
<div data-role="view" ... >
<header>
<div id="toolbar">
</header>
</div>
Js:
$("#toolbar").kendoToolBar({ ... });
When I do it this way, however, the toolbar does not get styled as in the demo.
Is there support for this type of toolbar initialization in mobile or am I doing something wrong?
Thank you.
$(".draggableTire").hover(function(){ $(".draggableTire").removeClass("dragTire"); $(this).addClass("dragTire"); $(".dragTire").kendoDraggable({ holdToDrag:true, hold:function(e){ $(".dragTire").css({"border":"1px solid orange","border-radius":"10px"}); }, hint:function(e){ return e.clone(); }, dragend:function(e){ $(".dragTire").css({"border":"0px","border-radius":"0px"}); }, autoScroll:true, });});$("#tireWasteFirst").kendoDropTarget({ drop:function(e){ $(e.draggable.element[0]).offset({ top:e.sender.targetElement.y, left:e.sender.targetElement.x }); $("#tireWasteSec").show(); formActions(e.draggable.element[0].id); }});