Hi Team,
I have been trying to show two Gantts on the same page, using different "ID" values. But some weird issues occur in the second Gantt. Is it possible to have more than one Gantt on same page?
Please take a look at this example for reference: http://dojo.telerik.com/izawE. Try creating dependencies in the second Gantt, It works fine but line does not show up while dragging or try dragging the slot to extend it, etc.
Thanks,
George
What I'm successfully doing is to attach a ContextMenu to a Grid:
@(Html.Kendo().ContextMenu() .Name(@"menu") .Target(@"#grid") .Filter(@"tbody tr td") .Orientation(ContextMenuOrientation.Vertical) .Animation(false) .Events(evt => evt.Select(@"contextMenuItemSelect").Open(@"contextMenuOpen")) .Items( items => { items.Add().Text(​"Rename"); items.Add().Text("Delete"); }))This works just as expected.
Now what I'm trying to do is to allow my Kendo context menu when clicking on a cell but show the browser's built-in menu when clicking on a link inside a cell. (See attached image)
I've tried various filters like .Filter(@"tbody tr td :not(a)") but this only results in a completely no-appearing context menu.
My question:
Is it possible to somehow achieve what I want?
HI,
Could you please provide samples for loading the kendo grid with editable text box with values and dropdown with values. I need while loading the kendo grid itself,editable textbox with values and dropdown with values need to render.
Please find the attached image for further reference.
I have a hierarchical grid using a template, but I'm unable to figure out the correct way to use a custom filter in the template.
I wrote about it on StackOverflow yesterday, but it won't hurt trying the forums either.
http://stackoverflow.com/questions/34638501/kendo-ui-template-refresh
I don't mind throwing the code around.
The structure of the data I use is this:
[
{
"date": "${Y.m}",
"new": "${new}",
"active": "${active}",
"inactive": "${inactive}",
"clients": [
{
"client_id": "${client_id}"
"administration_name": "${name_of_administration}",
"created_at": "${created_at}",
"updated_at": "${updated_at}",
"is_new": "${new}",
"status": "${status_id}"
}
]
}
}
]
I have a grid that is built using the Fluent GridBuilder. However, the columns that have a client templates, specifically FormatId, PrintSourceId, InvoiceStatus and DistributorId don't actually cause an update to fire. All other cells seem to be working correctly, but these cells are not. I can't see any difference other than the templates.
I've watched my network tab in Chrome Dev tools and see that all others fire an AJAX request, the ones I've listed do not. I get no errors in the console either, so I'm not really sure what could be causing this.
I've attached the View with the GridBuilder.If there is anything else that would be helpful, please let me know. Any help is appreciated.
Hi,
we're using a KendoUI ListView in our application to create, edit and delete credentials. If you add or edit a ListView item, there are inputs for Domain, Username, Password. The ListView is set to be navigatable, using the built-in events from Kendo UI. So for example if you press Enter while editing an item it should attempt to save it. This works fine, but only when you're within the Domain or Username input. The event doesn't seem to get handled when you're in the Password input. Pressing Enter does nothing, which is unfortunate, since it's - understandably - the last input the user will normally edit. Is this because the input has the type='password' attribute or what could be the reason it's not reacting to the Enter keypress? Is there another control/input we should be using?
Regards,
Steve.
I'm trying to do CRUD with kendo grid using local data. my kendo grid set is
var configSetupGird = $("#facility-setup").kendoGrid({ dataSource: { schema: { model: { id: "configId", fields: { noofblocks: { type: "string" }, noofchairspertable: { type: "string" }, noofcolumns: { type: "string" }, noofrows: { type: "string" }, nooftables: { type: "string" }, color: { type: "string" } } } } }, sortable: true, toolbar: [{ template: kendo.template($("#addSetupTable").html()) }], columns: [ { field: "noofchairspertable", title: "Chairs (PerTable)", }, { field: "noofblocks", title: "# Blocks" }, { field: "noofrows", title: "# Rows" }, { field: "noofcolumns", title: "# Columns" }, { field: "color", title: "Color" }, { command: [ { name: "delete", text: "Delete", click(evt) { var tr = $(evt.target).closest("tr"); var data = this.dataItem(tr); }, }] } ]}).data("kendoGrid");
so when i add data
var data = $('#setupTableForm').serializeObject();data.configId = Math.floor(Math.random() * (100 - 0 + 1)) + 0;tableSetup.push(data);configSetupGird.dataSource.data(tableSetup);configSetupGird.dataSource.read();configSetupGird.refresh()
but this is not updating when i see the datasource objecti can see there already have added data here with i attached the browser console view what was the problem ?
thanks
I have a kendo grid with draggable rows, and a kendo scheduler that ondatabound creates a droptargetarea on the current scheduler.view().content.
On drop, I am creating a new Event in the scheduler. The issue, however, is that my scheduler uses a different timezone, so when I retrieve the slot using slot = scheduler.slotByPosition, and then get the start time with slot.startDate it is actually getting a value of that timeslot in my default OS time, rather than the time for that slot in the scheduler timezone. For example, if my scheduler is being displayed in the "Alaska/Anchorage" timezone and I drag the event to the 9am timeslot, it actually gives me a slot.startDate value of 9am in Phoenix (my timezone), so once the event saves it displays in Anchorage time as 7am, since Anchorage is -9 offset and Phoenix is -7.
How can I retrieve the correct startTime using the scheduler timezone? Or is there anyway to leverage the Kendo timezones JS file to convert a time to a different timezone? I don't want to manually calculate anything since timezones are so sensitive to other factors like DST/location.
Hi,
In order to get the chart object from the dom I use $("#selector").data("kendoChart")
can i use the same with navbar (e.g. $("#selector").data("kendoNavbar")) cause it does not seem to work.
If not , is there another way to get the JS object from the html
<div data-role="layout" data-id="drawer-layout" data-init="onInit" data-show="showDemoLayout">
<header data-role="header">
<div data-role="navbar">
<a data-role="button" id="drawer" data-rel="drawer" href="#my-drawer" data-icon="hamburger" data-align="left"></a>
<span data-role="view-title"></span>
<a data-align="right" data-icon="source-code" data-click="goToSourceCode" data-role="button" title="Show this demo source code"></a>
<a data-align="right" data-role="button" class="nav-button" data-icon="home" data-transition="slide" href="#/"></a>
</div>
</header>
</div>
<script>
need the navbar object here....
<script>