We are currently having issues calling the WCF data service from the Kendo Data Source object. 

Is there something wrong with this initialization? When running the developer tool in browser it returns 400 Bad Request from the service. 

Please help...



var dataSource = new kendo.data.DataSource({
        type: "odata",
        transport:
        {
            read:
            {
                url: "http://localhost:49266/AmRiscOnlineService.svc/tblLocations",
                dataType: "jsonp",
                data: { accId: '@ViewBag.AccountId' },
            }
        },
    });

I have a kendo grid which has collection of checkboxes. It is working fine and collection is posted back to server. Problem is with paging/filtering. If applied, it returns null to controller on post

@(Html.Kendo().Grid(Model.secList)
.Name("secList")
.Columns(columns =>
{
columns.Bound(p => p.SecurityListId).Hidden().ClientTemplate("<input type='hidden' value = '#=SecurityListId #' name='secList[#= index(data)#].SecurityListId'/>");
columns.Bound(p => p.HubId).Hidden().ClientTemplate("<input type='hidden' value = '#=HubId #' name='secList[#= index(data)#].HubId'/>");
columns.Bound(p => p.FormId).Hidden().ClientTemplate("<input type='hidden' value = '#=FormId #' name='secList[#= index(data)#].FormId'/>");
columns.Bound(p => p.DataActionId).Hidden().ClientTemplate("<input type='hidden' value = '#=DataActionId #' name='secList[#= index(data)#].DataActionId'/>");
columns.Bound(p => p.Description).Width(250).Filterable(true);
columns.Bound(p => p.Action).Width(25).Sortable(false).Filterable(false)
.HeaderTemplate("<div align=center><input id='selectall' type='checkbox' checked= 'checked' /></div>")
.ClientTemplate("<div align=center><input type='checkbox' name='secList[#= index(data)#].Action' checked= 'checked' value = 'true'/> <input type='hidden' value = 'false' name='secList[#= index(data)#].Action'/></div> ");
})
.ToolBar(toolbar =>
{
toolbar.Template(@<text>
<div class="toolbar">
<label>Hubs:</label>
@(Html.Kendo().DropDownList()
.HtmlAttributes(new { style = "width:130px" })
.Name("ddlHubs")
.DataTextField("Description")
.DataValueField("HubId")
.DataSource(ds =>
{
ds.Read("GetAllHubs", "SecurityTemplate");
})
)
<label>Forms:</label>
@(Html.Kendo().DropDownList()
.HtmlAttributes(new { style = "width:150px" })
.Name("ddlforms")
.DataTextField("Description")
.DataValueField("FormId")
.DataSource(source => {
source.Read(read =>
{
read.Action("GetAllForms", "SecurityTemplate")
.Data("filterforms");
})
.ServerFiltering(true);
})
.Enable(false)
.AutoBind(false)
.CascadeFrom("ddlHubs"))
<span style="float:right">
<a onclick=' FilterList(this)' class="btn btn-primary round_blue"><i class="icon-search" onclick=' FilterList(this) '></i> &nbsp;Search</a></span>


</div>
</text>);
})
.DataSource(dataSource => dataSource
.Ajax()

.ServerOperation(false)
.Model(model =>
{
model.Id(p => p.SecurityTemplateId);
model.Field(p => p.Description).Editable(false);
model.Field(p => p.Action).Editable(true);

}))
.Sortable()
.Scrollable()
.Filterable()
.HtmlAttributes(new { style = "height:320px;" }))

Any Clue?

Hi,

With Kendo Mobile version 2014.1.318, I'm using the following meta tag to get rid of Mobile Safari's toolbars in iOS7.1 (iPhone 4):


Changing orientation from portrait to landscape with this meta tag in place leaves the bottom part of the screen unused or, in other words, messes up the view's scroll position so that the top part of the screen gets hidden and "blank" content is shown at the bottom of the page.

This won't occur if the app is loaded from a home screen web app shortcut (toolbars are hidden automatically).

Slightly modified example code from Telerik's demos below (attached too). 

Original: http://demos.telerik.com/kendo-ui/mobile/layout/index.html

Hi,

I need a month in the YEAR view to be visible but disabled. I.E I do not want to set the max date for the datepicker but want the month to have a CSS that shows it to be disabled (like background-color:lightgray)

This works nicely for MONTH view :

I tried with the below code but it did not work. Invalid template error.
Do we have any template for YEAR view to customize month display?

Gday,

I've just started playing around with Kendo and I'm trying to enable cell edit on double click in Angularjs. 

I have got it working but I am using jquery event handlers and I was wondering whether there was a more 'Angular' way to do it via the templates for eg.

Also I saw some threads where people were using the delegate method - is that a better way to do this do you think?

Thanks,
Will

It seems that a refresh (F5) in Firefox automatically re-uploads a previously uploaded file. In other browsers a browser refresh resets the control to its initial state as expected.

You can reproduce it with the upload demo http://demos.telerik.com/kendo-ui/upload/events by selecting a file (uploaded) and hitting F5. You can see that the file is automatically remembered and uploaded.

Any way to avoid this?

Thanks

 I have a div with id="grid" which uses data-bind attribute, but when I add data-reorderable attribute it does not work at all.this is the div where I want to set data-reorderable="true"

the problem is in the data-bind="source: gridSource,... the gridSource comes from observable object (for clarity, I've substituted an array for my actual remote data):

the columnreordering property does not work on the Front End .... but if I use the array directly it works (not referencing kendo.data.DataSource):

The problem is that when I instantiate a new kendo.data.DataSource object,it creates a conflict. How can I solve/avoid that issue? .... (In my case I have to use new kendo.data.DataSource object )

Hi,

I'm experiencing display problems with the DatePicker and Bootstrap theme in IE11. This also counts to the DateTimePicker and ComboBox widgets. It can be easily reproduced with the DatePicker demo. Attached to this post you will find a screenshot showing the Problem.

Thanks,
Holger

Hi Guys
When the user drags a bunch of files into the upload widget, the files are being stored on the server and a logical file incl. a file version is being created
in the database backend assigning a unique ID to each uploaded file. I modified the widged in a way that the user can meanwhile edit some meta informations
like the name, the responsible person, whether a pdf view shall be generated and so on. This happens simultaneously while uploading on a "per file base". When all files are uploaded completely a button becomes active to commit all meta information. The problem is, that at this point (when the commit button is pressed after uploading all files), I need to know, which local "row" has which FileID on the server.

I didn't think this would be a problem in the first place as I realized, that a separate "upload" event and corresponding "save" request is being performed for each file (even when selecting multiple files at once). So I thought, I simply send the uid to the server by evt.data = {uid: file.uid) and the "save" handler on the server side returns a tuple (uid, FileID) which I can catch in the success event and assign the fileID to the matching DOM element containing the appropriate uid data attribute. What I didn't realize was, that it seems to be impossible to know for which file a "upload" event is being fired, so I don't know which uid to select as I always get the entire array of selected files.

Am I missing something here?

Best regards

I'm using the DropDownList within a Kendo Mobile application targeting Android (Samsung S4 in particular). The scenario is that I have a drop down list with many items and one of the later items is selected. When the list  is 'opened', there are two many items to be visible at one time so scrolling is required. The normal behaviour for the widget (when run as a web widget on a desktop browser) is that when the drop down list is opened, the selected item is located in the visible portion of the opened widget. Is this a bug or am I missing something?

When viewed on an Android Samsung S4 (or using Chrome Developer tools to emulate this device), the opened drop down list does not scroll to the selected item.

I have created this Dojo Snippet Kendo Mobile use of DropDownList to illustrate the problem. Use this to view the behaviour http://runner.telerik.io/fullscreen/@martinho/oKAj/3