Questions on Kendo UI for jQuery Forum

1 answer

187 views

Here is my code:

@(Html.Kendo().Grid(Model.Available).Name("s").DataSource(d => d.Ajax()).Filterable())

or

@(Html.Kendo().Grid().Name("s").DataSource(d => d.Ajax()[read data ...]).Filterable())

The grid displays information fine but it does not filter when I use the funnel filter icon or when I add my own custom filter.
I am sure this is straight forward but I can't find the answer.

Grid

answered on 30 Aug 2013

4 answers

93 views

KendoUI Complete - Compatible with Tizen?

Hello KendoUI Team,

I'm about to start work a project for deployment to the Tizen platform (tablet and smartphone). I did a search for "Tizen" in the forums but found no references to it.

Has the KendoUI Team looked into Tizen and/or tested KendoUI Complete for it? Any "gotchas" to watch out for vis-a-vis the use of KendoUI Complete for Tizen?

Will appreciate any definitive response on this.

~Oscar

General Discussions

answered on 30 Aug 2013

6 answers

191 views

problems in the update and delete methods

I tried to call the update and delete methods and always enters the created.
it can be?

<script>

$(function () {

$("#scheduler").kendoScheduler({

date: new Date("2013/1/1"),

startTime: new Date("2013/1/1 07:00 AM"),

height: 600,

views: [

"day",

{ type: "month", selected: true },

"month",

"agenda"

],

timezone: "Etc/UTC",

//editable: { template: kendo.template($("#schedulerTemplate").html()) },

dataSource: {

batch: true,

transport: {

read: {

url: "/Home/CalendarioCargar",

dataType: "jsonp"

},

update: {

url: "/Home/CalendarioUpdate",

dataType: "json"

},

create: {

url: "/Home/CalendarioAdd",

dataType: "json"

},

destroy: {

url: "/Home/CalendarioRemove",

dataType: "jsonp",

},

parameterMap: function (options, operation) {

if (operation !== "read" && options.models) {

return { models: kendo.stringify(options.models) };

}

},

schema: {

model: {

id: "TaskID",

fields: {

taskId: { from: "TaskID", type: "number" },

title: { from: "Title", defaultValue: "No title", validation: { required: true } },

start: { type: "date", from: "FechaIni" },

end: { type: "date", from: "End" },

startTimezone: { from: "StartTimezone" },

endTimezone: { from: "EndTimezone" },

description: { from: "Description" },

recurrenceId: { from: "RecurrenceID" },

recurrenceRule: { from: "RecurrenceRule" },

recurrenceException: { from: "RecurrenceException" },

ownerId: { from: "OwnerID", defaultValue: 1 },

isAllDay: { type: "boolean", from: "IsAllDay" }

}

},

filter: {

logic: "or",

filters: [

{ field: "ownerId", operator: "eq", value: 1 },

{ field: "ownerId", operator: "eq", value: 2 }

]

}

},

resources: [

{

field: "ownerId",

title: "Owner",

dataSource: [

{ text: "Alex", value: 1, color: "#f8a398" },

{ text: "Bob", value: 2, color: "#51a0ed" },

{ text: "Charlie", value: 3, color: "#56ca85" }

]

}

]

});

$("#people :checkbox").change(function (e) {

var checked = $.map($("#people :checked"), function (checkbox) {

return parseInt($(checkbox).val());

});

var filter = {

logic: "or",

filters: $.map(checked, function (value) {

return {

operator: "eq",

field: "ownerId",

value: value

};

})

};

var scheduler = $("#scheduler").data("kendoScheduler");

scheduler.dataSource.filter(filter);

});

</script>

Scheduler

answered on 30 Aug 2013

1 answer

114 views

[Solved] How do I get the ListView refresh after adding content?

hi,

i have a listview with tab strip. its will appear after login. i am adding some records after adding i want to refresh the listview. for this i am rebinding the listview. here i got the issue after rebind listview items click event not working. anyone can help me in this issue i posted this one month before also still now i am struggling in this issue due to this issue i am unable to go further.

with regards
sumalatha

General Discussions

answered on 30 Aug 2013

2 answers

388 views

Scroll a view to top

Is there a way to scroll the view of the application to the top?

I'm not talking about the Scroller control, but the view itself. My application loads content from the server and displays it using templates. The show_page.html looks something like this:

<div data-role="view" id="page_side" data-show="js_page_side">

<div id="foo"></div>

<script id="sidetemplate1" type="text/x-kendo-template">

<h1>#= overskrift #</h1>

<p>#= ingress #</p>

<div class="brodtekst">

#= brodtekst #

</div>

</script>

</div

>

<script>

function js_page_side() {

datakilde_sider.query({filter: {field: "id", operator: "eq", value: window['globalvar_vis_side_id'] }});
$("#foo").html(kendo.render(sidetemplate1, datakilde_sider.view()));

//(Here there should be something forcing the view to scroll to top)
}

</script>

It works great, except if the user is viewing a large page, and has scrolled down - then goes back to the menu and selects a new site to view. show_page.html is shown once again, the new content is loaded through the js_page_side() function. It all works - but this new content is now shown already scrolled down to the position the user was before.

Any ideas?

General Discussions

answered on 30 Aug 2013

8 answers

318 views

[Solved] TabStrip does not work with float

How can you have two columns of content inside of one tab in a tabstrip?

Float - breaks the tabstrip control (the red box surrounding the tab closes and your content appears below it).

Inline container of block elements - This technique inside of a tab simply puts all to block.

You can see the problem by simply adding html elements to the sample.

UPDATE: SOLVED.

I discovered that this, amongst other problems with the tabcontrol go away once you set the height.
You must set the height of tab for each tab seperately in the tabcontrol (note: you should also set the height of grid if using grid control) controls in order for the inner contents to render properly.

TabStrip

answered on 29 Aug 2013

2 answers

589 views

MVC Grid Ajax paging not working

I have a generic partial view that I want to use for all of my Grids. The Model for the partial view it a Report object. The Report object has a DataTable property that contains the Grid's data source. The Report is also handling its own pages, page size, filtering, sorting, and grouping. The Ajax call is returning with the correct total number of records and I know that the Report.Query.PagedResults has the correct data. However, when the DataTable is passed to the extension "ToDataSourceResult()" the Data comes back without the data provided in the PagedResults. It's just an empty dictionary. This causes the grid to change pages but the data is missing, only the first page ever has data. Can you provide me with some guidance on what I might be missing?

_GridPartialView

@model GridReport

@using System.Data;

@using MVCReportingConcept.Reports;

<div id="report" class="chart-wrapper">

@(Html.Kendo().Grid(Model.QueryResults)

.Name(Model.Name)

.EnableCustomBinding(true)

.Columns(columns =>

{

foreach (DataColumn col in Model.QueryResults.Columns)

{

columns.Bound(col.ColumnName);

}

})

.Pageable()

.Sortable()

.Scrollable()

.Filterable()

.DataSource(dataSource => dataSource

.Ajax()

.Total(Model.Query.TotalRecordCount)

.Read(read => read.Action("ReadGrid", "Home", new { reportId = Model.ReportId }))

.PageSize(Model.PageSize)

)

</div>

Controller Ajax Action (the comments are other failed attempts to get it to work)

public ActionResult ReadGrid([DataSourceRequest] DataSourceRequest request, int reportId)

{

GridReport report = (GridReport)ReportBuilder.BuildReport(reportId);

report.Refresh(request.Page, request.PageSize);

DataSourceResult ds = report.Query.PagedResults.ToDataSourceResult(request);

//ds = report.QueryResults.ToEnumerable().ToQueryable().ToDataSourceResult(request);

//ds.Data = report.DataSourceResult.Data;

ds.Total = report.Query.TotalRecordCount;

return Json(ds);

}

Grid

answered on 29 Aug 2013

1 answer

129 views

How to implement shaded patterns in kendo charts?

Is it possible to implement shaded patterns in kendo chart as highlighted in the attachment?

If yes, can you guys provide us any solution?

Charts

answered on 29 Aug 2013

1 answer

319 views

How do I programmatically trigger a tooltip for a given pie slice or Series?

We have a separate HTML legend that we are building up, and when someone mouses over an item in the legend, we would like the corresponding slice to show a tool tip, and or highlight.

Is there a programmatic function to enable this? Is there another way to do this, or will we need to custom manage the tooltip? I think I could unhide the tooltip html with javascript or jQuery, or is there a better way?

Charts

answered on 29 Aug 2013

5 answers

5.2K+ views

[Solved] MultiSelect remove selected item event handling?

Hi
I'd like to be able to respond when the user clicks the small x to remove a selected item from the multi select. I see the change Event but I don't know how to tell what triggered it (ie was it from a delete?) because that event fires both when items are added and removed.

any help / sample snippet code would be greatly appreciated.

Thanks
Dan

MultiSelect

answered on 29 Aug 2013