Can I achieve the functionality as shown in the attached file using Kendo Grid/ListView?

It should support the following functionality

1. Edit the Group Name (inline)
2. Edit the Item Name (inline)
3. Items rows should be split in two columns under the Group
4. Rearrange the Group using drag and drop

Can this be done using declarative markup?

A small example would really help. Thanks

I am using Webmatrix 3 and have downloaded both the KENDO UI Professional Trial Version and the KENDO UI Core.  I am using VB in Webmatrix
I am trying to find an example in Webmatrix VB of using MS SQL (CE or otherwise) as the data source with the Grid.  Is this possible?   All examples I have found so far use only local data and in C#    

I recently started using bower (http://bower.io/) to manage my external packages (github) it makes update very easy. (leaflet, pouchdb, etc.) I see there is a bower package for the kendo core, but I am a longtime (since your first version) subscriber and I tend to use kendo.all.min.js.

Our projects are for offline use, so we cannot use internet urls for download of javascript.

Any chance of getting a bower package for Kendo Web? Mobile?

Your public-facing documentation keeps pace with your releases... which is great - but what about documentation for previous releases? Do you have any kind of 'snapshot' of your documentation per-release?

The concern, is that customers who cannot update their projects in-step with your releases will quickly get out of sync with implementation details.

HI, 

We are trying to display a dashboard with few stacked bar charts for well monitoring in "Gas and petrol insustries".
As part for this we are trying to show few more information in the form of images.

Mostly these images will be up/down arrows on top of the bar, a small rectlange inside the bar etc. 

What we would like to know is, is there a facilty in chart itself to achieve this are should we manually add div elements to 
chart area as shown here:http://jsbin.com/azeRAY/2/edit.
I have attached a image to show what we want to achieve

Right now we are the evaluation phase of Kendo UI for our applications and any help would be appreciated.

Regards
Sripriya
Senior engineer, Honeywell Technologies.

Sorry If this is not a good question but I am new to Kendo UI and didn't find any answer on the web.
1) I am trying to develop an e-commerce mobile app in which i have to display products on a page (say two products per row) I have achieved this using UI-Grid-a in JQmobile but didn't find anything as such in Kendo UI . I implemented it using tables in KedoUI but I think it is not appropriate . Is there an Kendo UI equivalent of UI-Grids in JQMobile.
2)I also couldn't find any panel(Pops up from the left/right  Top corner of screen when user touches the panel button) UI  in Kendo .May I know how it is enabled in Kendo.
Thanks in adavnce

Hey everyone,

I have a Kendo grid that has two columns on it. Column A dictates what happens in column B. Column B uses an EditorTemplateName file that contains a Kendo drop down list. When certain values are selected in column A, I need to disable editing in the drop down list in column B.

Right now I am just trying to focus on getting the DropDown or column to disable (Ignoring the condition). I have tried doing this in the Edit event of the grid, however nothing will disable the column or the dropdown. The user is always able to click the cell and expand the dropdown despite setting things like "enabled = false;" How do I stop this?

main.cshtml:

@(Html.Kendo().Grid<My.Namespace.ViewModel>()
.Name("grid")
.Columns(column =>
{
column.ForeignKey(p => p.A_ID, (System.Collections.IEnumerable)ViewData["A"], "A_ID", "A_Name").Title("A").Width(150);
column.ForeignKey(p => p.B_ID, (System.Collections.IEnumerable)ViewData["B"], "B_ID", "B_Name").EditorTemplateName("Template").EditorViewData((System.Collections.IEnumerable)ViewData["B"]).Title("B");
 })
.ToolBar(toolbar =>
{
toolbar.Create().Text("Add New");
toolbar.Save().Text("Save"); //Needed for saving the grid. Hidden by CSS.
})
.Selectable()
.Editable(editable => editable.Mode(GridEditMode.InCell))
.Navigatable(n => n.Enabled(true))
.Pageable()
.Sortable()
.Scrollable()
.Events(e => e.Edit("onEdit"))
.AutoBind(false)
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(20)
.Events(events => events.Error("error_handler"))
.ServerOperation(true)

.Model(model =>
{
model.Id(p => p.ID);
model.Field(p => p.ID).Editable(false);
model.Field(p => p.A_ID).DefaultValue(1);

})
.Create(update => update.Action("C_Create", "Controller"))
.Read(read => read.Action("C_Read", "Controller"))
.Update(update => update.Action(C"_Update", "Controller"))
.Destroy(update => update.Action("C_Destroy", "Controller"))

)
.ToClientTemplate()

Template.cshtml

@(
Html.Kendo().DropDownListFor(m => m)
.BindTo((System.Collections.IEnumerable)ViewData["B"])
.DataTextField("B_Name")
.DataValueField("B_ID")
)


function OnEdit(e)

var B_DropDown = e.container.find("#B_ID").data("kendoDropDownList");

if (B_DropDown) {
//Some custom filtering based on the value in Column A
 B_DropDown.dataSource.filter({ field: "A_ID", operator: "eq", value: e.model.A_ID });
 B_DropDown.enable = false; //Doesn't work.
 }

var dropdown = e.container.find("B_ID");

dropdown.hidden = true; // Doesn't work 
dropdown.disabled = true; //Doesn't work.
dropdown.enable = false; //Doesn't work.
dropdown.enabled = false; //Doesn't work.

var grid = $("#grid").data("kendoGrid");
var row = grid.select();
var uid = row.data("uid");
$('[data-uid="' + uid + '"] td:nth-child(2)').text("");
$('[data-uid="' + uid + '"] td:nth-child(2)').enabled = false; //Doesn't work.  

When I set  the data-mobile="true" on a scheduler MVVM mobile setup, the   scheduler is not viewable and no error is reported in the console;  remove the data-mobile="true" and the scheduler is viewable and useable.

 <div id="commplanner"
                 data-role="scheduler" 
              data-views="['day','week','month','agenda']"
                 data-mobile="true"
                 data-footer="false"
                 data-show-work-hours="true"
                 data-editable="true"
              data-bind="source: plannerDS"
            ></div> 

I have not seen any caveats against this setup (scheduler with a pane), should it work?

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8" />
    <link href="kendo/styles/kendo.common.min.css" rel="stylesheet" />
    <link href="kendo/styles/kendo.default.min.css" rel="stylesheet" />
    <link href="kendo/styles/kendo.mobile.all.min.css" rel="stylesheet" />
    <link href="styles/main.css" rel="stylesheet" />

    <script src="cordova.js"></script>
    <script src="kendo/js/jquery.min.js"></script>
    <script src="kendo/js/kendo.all.min.js"></script>
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=true"></script>

    <script src="scripts/app.js"></script>
    <script src="scripts/login.js"></script>
    <script src="scripts/location.js"></script>
    <script src="scripts/weather.js"></script>
</head>
<body>
    <div id="SplitView1" data-role="splitview">
       <div data-role="pane">
           <div id="View1" data-role="view"></div>
       </div>
        <div data-role="pane">
           <div id="View2" data-role="view">
               
              <div id="commplanner"
                 data-role="scheduler" 
              data-views="['day','week','month','agenda']"
                 data-mobile="true"
                 data-footer="false"
                 data-show-work-hours="true"
                 data-editable="true"
              data-bind="source: plannerDS"
            ></div> 

           </div>
       </div>
    </div>
</body>
</html>

If my datasource has non string values like in the below example (modified the Basic Usage demo code)


Whenever I change/select another the dropdown option, I try to get the selected item's value using value() method. It always returns a string value.
In this example, it returns "1" or "2" or "3" even if the values are integer and not string.
Is there any other way, I can get the correct values (as integer) ?

I figured the demos are pretty straight forward but i get the impression I need to specify something that is currently missing.

Can anyone see what I missed?

I had to change the line "var hubStart = connection.start({ jsonp: true });" to "var hubStart = connection.start();" because i got a "jsonp is disabled" error, I read up on it and my understanding was that this was a cross domain feature which I don't need since im only pulling data from a hub on the current app / domain so i took it out.
I also got the impression that this was regression from the COR stuff which is event driven rather than polling (so less advanced forcing a regression).

So here's my MVC view code ...



And here's my hub code ...
For now it's a just simple "respond with what you get", notice that I have a hard coded static type called "Database", and Database.Submissions just returns a list of submission objects (as if to simulate a database call but from ram)