This is what I have. why is DetailTemplate saying "Cannot use only server templates in Ajax or WebService binding mode. Please specify a client template as well."  I am only using one datasource.



@(Html.Kendo().Grid(Model.ProcessHistoryItems)
      .Resizable(resize=>resize.Columns(true))
      .Groupable(group=>group.Enabled(true))
      .Name("GridHistory").Navigatable()
      .Columns(columns =>
                   {
                       columns.Bound(item => item.ProcessorCode).Width(200);
                       columns.Bound(item => item.CreatedBy).Width(150); 
                       columns.Bound(item => item.StartDate).Width(150);
                       columns.Bound(item => item.EndDate).Width(150);
                       columns.Bound(item => item.Parameters).Width(375);
                       columns.Bound(item => item.Exception).Width(100);
                       columns.Bound(item => item.Status).Width(100);
                  }
                   ).Pageable(pager => pager
                             .Input(true)
                             .Numeric(true)
                             .Info(true)
                             .PreviousNext(true)
                             .Refresh(true)
                             .PageSizes(true)
      ).DetailTemplate(detail=>  @Html.Kendo().Grid(detail.ChildProcesses)
                                       .Name("DetailHistory")
                                       .Columns(columns =>
                                                    {
                                                        columns.Bound(item => item.ProcessorCode).Width(250);
                                                        columns.Bound(item => item.CreatedBy).Width(100);
                                                        columns.Bound(item => item.StartDate).Format("{0:MM/dd/yyyy hh:mm:ss}").Width(200);
                                                        columns.Bound(item => item.EndDate).Width(200);
                                                        columns.Bound(item => item.Parameters).Width(200);
                                                        columns.Bound(item => item.Exception).Width(100);
                                                        columns.Bound(item => item.Status).Width(100);
                                                    })                                   
      .Resizable(resize=>resize.Columns(true)).Scrollable().Sortable(sort=>sort.Enabled(true)).Filterable(filter=>filter.Enabled(true))
     
                                               ).DataSource(dataSource => dataSource
                                        .Ajax()
                                        .Read(read => read.Action("Refresh", "ProcessServer"))
                                        .Model(m=>m.Id(p=>p.ProcessorCode)))
      ) 

how to use kendo ui upload file in codegniter, simply i upload file in codigniter  but in add and edit form it cant work i mean it cant save in particular directory.

<input name="files" id="files" type="file" />

$(document).ready(function () {
$("#files").kendoUpload({
                async: {
                    saveUrl: "<?php  echo base_url(); ?>upload_plan_image",
                    removeUrl: 'remove.php',
                    autoUpload: true
                }
            });
 });


$("#grid").kendoGrid({
            dataSource: dataSource,
            pageable: true,
            height: 400,
            
            toolbar: [{name:"create",text:"Add new Plan"}],
            columns: [                          
                {field:"plan_img_file", title:"PlanImgFile"}, 
                {command: ["edit", "destroy"], title: "&nbsp;", width: "210px",title:"Action" }],     
            groupable:true,
            editable: {
                mode: "popup",           
                destroy: true,             
                confirmation: "Are you sure you want to remove this test member?"
            }
        });

I am working on adding and editing items on my grid and occasionally I will get an error back from the server if there is a problem with the submission (i.e. username already exists, etc.).  I would like to handle this error gracefully and let the user re-edit the line and re-submit the changes.  Right now, it just looks like it changes in the grid but it doesn't actually update.

Here is what I have:

If there is an error on the add or update then I will get a JSON response from the server -- some thing like this: 

"[{'error','CompanyId already in system'}]"

Any ideas on how I can use the datasource and/or grid to process this error response and allow the user to re-edit??

Thanks so much!!!

Hi. I'm currently working on styling my charts for a web application I'm building, but I'm running into some issues with styling the charts.

As an example of what I would like my charts to look like, please take a look at the attached file:  chart-large.gif

I'm styling it so that the grid lines are transparent, and basically everything but the area is not visible. 

As an example of what I've got it looking like now, almost to were we want it: screen-shot.png

And a diagram of what we are hoping to change it to look like: desired.gif

So my questions is this: how do I get the plots to move from in between the grid lines (that are currently not visible) and stretched to both ends of the chart?

Is this not possible? Is there any way to hack it to achieve what I'm looking for?

Thanks in advance for any input. It will be most helpful.

HTML5
<section id="leftcontainer"></section>
<section id="maincontainer"  ></section>

I am loading one kendo window in leftcontainer and four kendo windows in maincontainer.
Now i want to close or destroy the windows, which in maincontainer and retain leftcontainer
Same time i am not aware of windows name because all windows are creating during runtime but i have maincontainer reference

Please advise me how to proceed this.

Hi,
I am testing Kendo UI Mobile on different devices and I have a problem with text input on android 4 devices when using native browser.
For example, when entering text in input text box if I click smiley on keyboard or select suggested text, only first letter is written to text box. If textarea is used instead of input text box everything works OK.
This problem is detected in Android native browser only and on multiple devices (Acer Iconia a500, Galaxy Tab ...). If I test this in other browser (ex. Google Chrome) text input works normally.

For testing I have used simple Kendo mobile application with one view and input text box as view content.

NOTE: I couldn't figure out if this is a browser's bug or has something to do with Kendo styling or events attached to elements but text input works normally if I don't initialize Kendo application or if I remove styles from body (.km-pane and .km-vertical) using jQuery removeClass.

Best regards,
Ivan

Hi,
I'd just like to know, what would be the best way to aggregate a columns sum, where the column type is string. So the items would be "10", "20", "30".

Many thanks,
Hermann

I am using the following JavaScript to append a child node to the selected node:

        var nodeText = prompt("Please enter a description", "");
        if (nodeText != null && nodeText != "")
        {
            var treeView = $('#catalogTreeView').data('kendoTreeView');
            var selectedNode = treeView.select();
            treeView.append( { text: nodeText }, $(selectedNode));
        }

The first attempt results in an exception thrown in kendo.web.min.js at:

return this.insert(this._data.length,a) (_data is undefined)

However, if I immediately attempt to add the child node again, it appends without any errors.

The nodes for this TreeView are loaded using an MVC DataSource.  However, I would like my users to be able to append nodes manually.

Is there any sort of a provision for this in the grid? (similar to here : http://www.telerik.com/help/aspnet/grid/grdnorecordstemplate.html)

I'm not sure if this is possible. I'm quite new to Kendo UI and so I would like to ask:

Is it possible to force the validator to "put" a default text and style (css class) to the "k-invalid-msg" should the input PASS the validation? Let's say I have an asterisk * for required fields. Should user try to submit an empty form, these asterisks will be replaced by a "required" message. However if the user submits that form again and required fields are filled out I would like to get those asterisks back. It would be lovely if I could manipulate css classes for those cases, like: .warning, .info, .error, .notice, etc...

Thanks for any suggestions.