Hello,
I create a new record when the button "Add new Record" is clicked, it creates a new record but I then need the focus to be on the second column. My first coulmn as the checkboxes and the next column is UPC.. so when the new row is created in a  grid the focus should be on the second column of the grid.

Here is my code:

<table>
<tr class="spaceUnder">
<td> <button id="idAddComplexRecord" onclick="CustomAddButtonComplexRecord(this)" class="ui-submit k-button" style="height:23px; width:150px; padding-left:0px; padding-right:0px; padding-bottom:0px; padding-top:0px; align-content: center">
<img src="Images/add15-1.png" style="height:10px; padding-top:0px;" title="Add a new Record" alt="Add a new Record"/>&nbsp; Add New Record
</button>
<button id="idDeleteComplexItems" onclick="CustomDeleteButtonComplex(this)" class="ui-submit k-button" style="height:23px; width:75px; padding-left:0px; padding-right:0px; padding-bottom:0px; padding-top:0px; align-content: center">
<img src="Images/delete15.png" style="height:10px; padding-top:0px;" title="Delete Item" alt="Delete Item"/>&nbsp; Delete
</button></td>
</tr>
</table>
<div >
@(Html.Kendo().Grid<SurveyMaintenance.Models.SurveyComplexItemDetail>()
.Name("idComplexGridSurveyItems")
.HtmlAttributes(new { ID = "idComplexGridSurveyItems", Class = "k-grid-header" })
.Columns(columns =>
{
columns.Bound(p => p.ItemSelected).ClientTemplate("<input type='checkbox' class='chksvycomplexitem' #= (ItemSelected === true) ? checked='checked' : '' # onclick='SurveyComplexFunctions.toggleComplexItemSelection(this)' />")
.HeaderTemplate("<input type=\"checkbox\" id=\"toggleAllComplexItems\"/>").Width(40);
columns.Bound(p => p.UPC).Width(100);
columns.Bound(p => p.Brand).Width(100);
columns.Bound(p => p.ShelfTagDesc).Width(100);
columns.Bound(p => p.CasePack).Width(60);
columns.Bound(p => p.UnitSize).Width(60);
columns.Bound(p => p.ComplexDetailID).Title("").ClientTemplate("<input id='Find' type='button' name='Find' style='display:inline; width:100px; border-style: inset; padding:0; height:100%;' value='Find UPC'; onclick='FindComplexUPCItem()' /> ").Width(100);

})
.Editable(editable => editable.Mode(GridEditMode.InCell))
.Scrollable()
.Resizable(resize => resize.Columns(true))
.DataSource(dataSource => dataSource
.Ajax()
.ServerOperation(false)
.Events(events => events.Error("grid_error_handler"))
.Read(
read => read.Action("GetSurveyItems", "Survey").Data("SurveyComplexFunctions.additionalData")

)
.Model(model =>
{
model.Id(p => p.ComplexDetailID);
model.Field(p => p.ComplexDetailID).Editable(false);
})
　
)
)
</div>

function CustomAddButtonComplexRecord(e) {
var complexGrid = $('#idComplexGridSurveyItems').data('kendoGrid');
var dataSource = complexGrid.dataSource;
dataSource.insert({ ItemSelected: false, UPC: '', Brand: '', ShelfTagDesc: '', CasePack: '' , UnitSize: '', ComplexDetailID: 0});


}

Hi,

i tried to create one of your examples standalone. But I get this error:

In the script on this page an error occurred.

Row: 3
Character: 23238
Error: Member not found
Code: 0
URK: file://linnup/windemo/data/jquery.min.js

What could be the problem?  Thanks
Best Regards
Rebe

Hello,

I am using the Autocomplete control with a text input. Users can enter characters in two ways, either directly type it in or use an on screen keyboard and click on keys to inserts characters in the text input control (multi-language keyboards). When I type the characters directly in the textbox the autocomplete works fine and displays the list of characters. 

In the on screen keyboard mode, I trigger both Keypress and Keydown events for the input control by clicking on each key on keyboard picture and pass the characters through those events. As a result the characters appear correctly and I even can see that autocomplete is triggered and queries the server and obtains a list of words but the list never shows up and there is no dropdown.

Here is the function I use to insert characters by passing character code:
I used both events to make sure I am covering every possibilities.
Could you let how can I force the autocomplete to display the list of choices that it is obtained?

Thanks
Ron

I have the requirement to load a set of data in kendo grid editable cell in a dropdown list. The model which I have used to populate the
kendo grid Sales and the model that will be used for the dropdown is resource.

I have added the client template to the resource field

columns.Bound(p=> p.Resource).ClientTemplate("#=Resource.DisplayName#").Width(150);

model.Field(p=> p.Resource).DefaultValue(ViewData["defaultCategory"] as FOO.Models.ResourceModel);

 
But the above lines shows converting type error in view itself.

I have followed the procedures in the below link
http://demos.kendoui.com/web/grid/editing-custom.html

I have my view, controller code below. Can anyone help me out how to solve this.. or is there any other way is there to populate the kendo dropdown
in the kendo grid cell ?

View
  @(Html.Kendo().Grid<FOO.Models.Sales>()
    .Name("SalesGrid")
    .Columns(columns =>
    {
        columns.Bound(p => p.ID);
        columns.Bound(p =>p.Resource).ClientTemplate("#=Resource.DisplayName#").Width(150);
        columns.Bound(p =>p.Customer).Width(150);
        columns.Bound(p => p.GS).Width(150);
        columns.Bound(p =>p.Price).Width(150);
    })
    .Scrollable()
    .Editable(editable => editable.Mode(GridEditMode.InCell))
    .HtmlAttributes(new { @style = "Font:12px calibri; " })
  .DataSource(dataSource => dataSource
        .Ajax()
        .Read(read => read.Action("GetSaleDetailsByID", "Sales")
        .Data("GetSaleByID")
        )

        .ServerOperation(false)
        .Model(model =>
        {
           model.Id(p => p.Resource);
            model.Field(p =>p.Resource).DefaultValue( ViewData["defaultCategory"] as FOO.Models.ResourceModel);
            model.Field(p => p.Customer);
            model.Field(p => p.GS).Editable(false);
            model.Field(p => p.Price);
     })
    )
    )
Controller
public ActionResult AppointmentSales()
        {
            PopulateCategories();
            var id = RouteData.Values["id"];
            EditSales oresult = new EditSales();
            ViewData["appid"] = "";
            if (id != null)
            {
                oresult = GetSalesDetails(id);
                ViewData["appid"] = id;

            }
            return View(oresult);
        }

CODE FOR POPULATING THE VIEW DATA
private void PopulateCategories()
        {
         
            var categories = _Sales.GetEmployees()
                        .Select(c => new ResourceModel
                        {
                            ID = c.ID,
                            DisplayName =c.DisplayName
                        })
                        .OrderBy(e => e.ID);
            ViewData["categories"] =categories;
            ViewData["defaultCategory"]= categories.First();
        }
 
I have tried to populate a dropdown list box in kendo grid with the example given in kendo demos “Editing Custom editor”. But its not
working , it shows error in the view itself in the following set of line

            model.Field(p =>p.Customer).DefaultValue(ViewData["defaultCategory"] as FOO.Models.ResourceModel);

and the error is
                Cannot Convert from FOO.Models.ResourceModel to string

Can anyone help me out what is the mistake in the code ?

 Mayil.M
On Behalf of
Jeremy Thompson

 

I have been looking through the postings but can't find one that addresses by specific issue.  I have a grid that is being loaded with data just fine on the initial page request.  But now the user wants to select a subset of the data.

Here is the grid HTML helper from the MVC razor view page:

@(Html.Kendo().Grid<AdvisorSearchResultsVM>()
.Name("Grid")
.Columns(columns =>
{
columns.Bound(a => a.AdvisorID);
columns.Bound(a => a.CIFID);
columns.Bound(a => a.FirstName);
columns.Bound(a => a.LastName);
columns.Bound(a => a.Status);
})
.Sortable()
.Pageable()
.Filterable()
.DataSource(dataSource => dataSource
.Ajax()
.Events(events => events.Error("onError"))
.Model(model =>
{
model.Id(a => a.AdvisorID);
                                model.Field(a => a.AdvisorID).Editable(false);  
})
                            .Read(read => read.Action("GetAdvisors","Advisor"))
)
)

I want to change the grid datasource action to call the Advisor controller GetRegistered method.

I tried doing this in a javascript method

$("#Grid").kendoGrid.dataSource.transport.options.read.action("/Advisor/GetRegistered");

But I get an error that says  $(...).kendoGrid.dataSource is undefined.

Any suggestions?

I'd like to set the legend and plotArea on multiple pie charts to fixed width and height to maintain visual consistency for a client's dashboard app.  There doesn't seem to be any legend.width, legend.height, plotArea.width, or plotArea.height properties, however. Is there a workaround for this which can let me set fixed legend and plotArea sizes consistently? 

Hi!

We are trying to bind declaratively to date columns represented like "/Date(1325289600000)/". This works when creating the grid in code and setting column type to "date", but not declaratively. This is shown in the DtStart column. As shown in the DtStop column though this does work when the date value is a real date as opposed to a string.

It is possible to create a template for the column using for example "#=kendo.dateParse(DateFrom)#", but the datepicker will still not "understand" the value.


The full example can be seen here: http://jsfiddle.net/Gkgg9/3/

Thanks for any help!
/Victor

I had loading ajax spinner working in my MVC project. When I convert my project to use Kendo UI it stopped working. Because it there is no dialog method in Knedo Ui. I post my old code can you help me convert this code to work with Kendo 
Thanks

  
        var loader = $('#loader').dialog({ autoOpen: false, modal: true, resizable: false, width: 150, height: 50 });
        $(".ui-dialog-titlebar").hide();
        
        loader.ajaxStart(function () {
              $(this).dialog('open');
     
        }).ajaxStop(function () {
              $(this).dialog('close');
        });

Hi,

 in my viewmodel i have defined a datasource with type: "odata".
The datasource is bound to a listview like this:
The used template is a combination of parts defined in html and code. - including some if-statements.
Inside the template i have this textbox:

This should make it possible for the user to change the "someIntValue" directly from the list.
In another function i want to foreach all the bound items and submit the new "someIntValue" values to the server,
but every time i try that the values are still the original ones.

Any ideas what i'm missing to make this work?

Here is the model i defined in the schema of the datasource:

Hello,

We encounter the following issue,
- a form with many combobox-es each of them will load its items using ajax from the server using ServerFiltering (true)
- sometime obtaining the filtered items takes a bit, and our users just go ahead and start to fill in the next combobox in the form.
- problem is that at some point the previous combo async operation completes and the dropdown of previous combobox will open and the focus is shifted back to the previous control

The behavior we consider appropriate here would be that the previous combo handles silently the end of async operation if it is no longer focused control on the form.
Can this behavior achieved somehow with current version.

As a side note there was something similar with TabStrip control where asynchronous tab contents were stacked as the asynchronous operation completed, I see now that this was solved in the last internal build (2013.2.1015) perhaps you can consider a similar fix for the combo async behavior explained above.

Thanks
Ovidiu