Hi,

We have created a grid where each row has an inner grid.
We need to achieve the following:
Say for example the focus is on the first row of outer grid, we need to be able to navigate to the inner grid of this row using tab and/or up/down arrow keys.
Similarly, if the focus is on inner grid of a particular row, we need to be able to navigate to the outer grid or its parent row using tab and/or up/down arrow keys.
The navigatable property of both inner grids and outer grids is set to true.
Also, tried giving tab index to both the grids.
We're unable to navigate from inner grid to outer grid and vice versa using keyboard navigation.

Kindly guide us achieve the desired behavior.

Thanks,
Sandeep.

 

Why Doesn't Batch Option Seem to Work
I am trying to save events to the server. The events are saved but I noticed if I put a break point on the server action the the function is called for every event in the scheduler. The events fail when they have and id set other than zero so. 

dataSource: { 
    batch:false,
    transport.... }

Hi!,

I am creating a project in AppBuilder based on Kendo UI mobile app. I am trying to customize it in such a way that the footer element of the layout is not visible when in the login page but becomes visible once logged in and navigate to other tabs. Any advise will be highly appreciated.

Regards

Hi,

I am trying to configure kendo GanttDataSource, but i encountered an error: custom function which i set to transport.update is never called. See example.

Thanks.

Hello everybody,

I have put a partial view in a kendo accordion, the partial view contains a grid with add/edit and delete functionalists, it was working alright but after putting it in an accordion its showing some issues...

1. After adding a new record if you go to edit the same record, the grid refreshed and you have to search for the newly added record.
2. When you click the delete button the message 'Do you want to delete the record' comes twice.

Please help me I am really stuck.

Hello,

i am displaying a partialview with splitter having 2 vertical panes. upper vertical pane is non rezizable and lower has 2 horizontal panes. Left side has a treeview and right side grid. When the window Comes up sometimes the splitter loks oka nd sometimes there is a lot of gray space inbetween both vertical panes like attached Image. on resizing window sometime one pane vanishes completely.
My code goes like this and i want to fix the height of lower vertical pane and make grid and treeview use entire spaace.

@(Html.Kendo().Splitter()
.Name("vertical")
.Orientation(SplitterOrientation.Vertical)
.Panes(verticalPanes =>
{

verticalPanes.Add()
.Size("50px")
.HtmlAttributes(new { id = "bottom-pane" })
.Resizable(false)
.Collapsible(false)
.Content(@<text><div class="pane-content">Suchen:
@Html.TextBox("searchbox")<input class="k-button" id="searchBtn" type="button" value="Suchen" />
<label><input type="checkbox" id="IsNew-checkbox" checked="checked" /> Archivierte Aufträge Anzeigen</label>
</div></text>);
verticalPanes.Add()
.HtmlAttributes(new { id = "top-pane" })
.Scrollable(true)
.Collapsible(true)
.Size("550px")
.Content(
Html.Kendo().Splitter()
.Name("horizontal")
.Panes(horizontalPanes =>
{
horizontalPanes.Add()
.HtmlAttributes(new { id = "left-pane" })
.Collapsible(true)
.Content(@<text>

@(Html.Kendo().TreeView()
.Name("treeview")
.HtmlAttributes(new { @class = "demo-section" })
.DataTextField("Text")
.DataSource(dataSource => dataSource
.Read(readtree => readtree
.Action("ReadObjects", "Objekt")
)
)
)

</text>);


horizontalPanes.Add()
.HtmlAttributes(new { id = "right-pane" })
.Collapsible(true)
.Content(@<text>
@(Html.Kendo().Grid(Model)
.Name("Grid")
.DataSource(dataSource => dataSource
.Ajax()
.Model(model =>
{
if (Model != null)
{
foreach (System.Data.DataColumn column in Model.Columns)
{
model.Field(column.ColumnName, column.DataType);
}
}
})
.Read(read => read.Action("Object_Read", "Objekt").Data("addSearch"))
.ServerOperation(false)
)
.Columns(columns =>
{

for (int i = 0; i < ViewBag.ListHeader.GetLength(0); i++)
{

if (ViewBag.ListHeader[i, 1] == "ObjektID")
{
columns.Bound(ViewBag.ListHeader[i, 0]).Title(ViewBag.ListHeader[i, 1]).Visible(false);
}
else if (ViewBag.ListHeader[i, 1] == "Typ")
{
columns.Bound(ViewBag.ListHeader[i, 0]).Title(ViewBag.ListHeader[i, 1]).Visible(false);
}
else if (ViewBag.ListHeader[i, 1] == "imagePath")
{
columns.Bound(ViewBag.ListHeader[i, 0]).Title("Typ").ClientTemplate("#= AnspracheTemplate(imagePath) #");
}
else
{
columns.Bound(ViewBag.ListHeader[i, 0]).Title(ViewBag.ListHeader[i, 1]);
}
}

})
.Selectable(selectable => selectable
.Mode(GridSelectionMode.Single))

.Pageable(pageable => pageable
.PageSizes(true)
.ButtonCount(20))
)
</text>);
}).ToHtmlString()
);


})
)

<style scoped>
#example {
text-align: center;
}
.demo-section {
vertical-align: top;
width: 320px;
text-align: left;
}

#vertical
{
border-width: 0;
}
#top-pane
{
overflow: visible;
z-index: 2;
}
#middle-pane {
background-color: rgba(60, 70, 80, 0.10);
}
#bottom-pane {
background-color: rgba(60, 70, 80, 0.15);
}
#left-pane {
background-color: rgba(60, 70, 80, 0.05);
}
#center-pane {
background-color: rgba(60, 70, 80, 0.05);
}
#right-pane {
background-color: rgba(60, 70, 80, 0.05);
}

</style>

Hi there,

There is a problem with the formatting on DropDownLists without data when they are in a Toolbar. If there is no data, the height collapses. See this JS Bin for an example: http://jsbin.com/netamonu/1/edit.

Can't Send Start/End Date to Server

When, I save my event the start and end dates don't get posted to the server. I can override the save event and do something like this. 
e.event.start = kendo.toString(e.event.start, "u"); The values are then saved and the records it successfully added to the database.

Why does this happen? 

Example of Post from Scheduler MVC Controller
I need an example of how to setup a SchedulerDataSource so that it is posted to the server. Currently the data is sent in the query string. 

create: {
      url: "/Event/SaveEvent",
      contentType: "application/json",
}

I tried adding type:POST to the create action but that didn't work. 

Is it possible to support the TAB key when an item is partially selected so that it will resolve to the highlighted item?  For example if my MultiSelect contains an item "Apple" and I start typing "App", I would like to be able to hit TAB and have it resolve to the highlighted item which would be "Apple" in this case.

Thanks,
Blake