Questions on Kendo UI for jQuery Forum

4 answers

526 views

Change grid dataSource and send object as a parameter

I am changing the url of a grid and then sending an object as a parameter. The grid is calling the new controller I want, but the view model is empty. What am I missing?

1.return mvvm.toJSON(self, function (data) {

2. data.Criteria = self._grid.dataSource.data();

3. });

New grid datasource:

01.var dataSource = new kendo.data.DataSource({

02. page: ds.page(),

03. pageSize: ds.pageSize(),

04. sort: ds.sort(),

05. type: "aspnetmvc-ajax",

06. transport: {

07. prefix:"",

08. read: {

09. url: "/AdvancedSearch/GetResults",

10. dataType: "json",

11. data: { criteria: data },

12. type: "POST",

13. traditional: true,

14. contentType: "application/json",

15. }

16. }

17.});

Replacing grid datasource:

1.self.bindings.controls.EquipmentListGrid.setDataSource(dataSource);

2.self.bindings.controls.EquipmentListGrid.rebind();

Controller:

1.[HttpPost]

2.public ActionResult GetResults([DataSourceRequest] DataSourceRequest request, AdvancedSearchViewModel criteria)

3.{

4.}

ViewModel:

01.[Serializable]

02.public class AdvancedSearchViewModel

03. {

04. [DisplayName("Include Junk Pool")]

05. public bool IncludeJunkPool { get; set; }

06. public List<string> Areas { get; set; }

07. public List<string> GeoMarkets { get; set; }

08. public bool ApplyBasket { get; set; }

09. public IList<int> Basket { get; set; }

10. public bool Export { get { return true; } }

11.

12. public string Page { get; set; }

13. public string Column { get; set; }

14. public string DisplayName { get; set; }

15. public string Operator { get; set; }

16. public string Value { get; set; }

17. public string DataType { get; set; }

18. public string Table { get; set; }

19.

20. public IList<AdvancedSearchListItem> Criteria { get; set; }

21.

22. public CurrentPage CurrentPage { get; set; }

23. public Sort Sort { get; set; }

24.}

1.return mvvm.toJSON(self, function (data) {

2. data.Criteria = self._grid.dataSource.data();

3.});

1.return mvvm.toJSON(self, function (data) {

2. data.Criteria = self._grid.dataSource.data();

3.});

Grid

answered on 06 Feb 2014

1 answer

483 views

Set map Size?

Hope this is an easy one. How do I set the size of the map? Say I want the map to be 300x300 px.

thanks,

Brian

Map

answered on 06 Feb 2014

2 answers

53 views

Bug report for Kendoui scheduler, deselecting all owners disables filtering

On

http://demos.telerik.com/kendo-ui/web/scheduler/index.html

there are three owners.

If you deselect them all, you can see all events.

The expected outcome was that no events was visible.

Scheduler

answered on 06 Feb 2014

1 answer

101 views

How to select a grid element on my controller ?

How get a reference of my grid widget on angular ?

for example the normnal way is this :

$("#GridID").data("kendoGrid").dataSource.fetch();

but I make a reference to my widget from an angular controller ?

Grid

answered on 06 Feb 2014

6 answers

161 views

Rubber band scrolling problem with part of the day view

If you look at scheduler1.png, you'll see what the scheduler looks like when I'm not scrolling (it's so pretty!). However, when I start scrolling on the top or the bottom of the control, the times are offset from the content, as shown in scheduler2.png. Below is my angular initialization code. Thanks!

BTW, we're using this inside the new AppStudio (previous Icenium) and *loving* it. Keep up the good work!

<div id="scheduler" kendo-scheduler k-options="schedulerOptions"></div>

$scope.schedulerOptions = {
startTime: new Date(kendo.toString($scope.today, 'd') + " 8:00 AM"),
endTime: new Date(kendo.toString($scope.today, 'd') + " 6:00 PM"),
views: ["day"],
editable: false,
dateHeaderTemplate: "",
footer: false,
height: 747,
majorTimeHeaderTemplate: kendo.template("<div class='schedule-tick'>#=kendo.toString(date, 'h')#<span>#=kendo.toString(date, 'tt')#</span></div>"),
minorTickCount: 4,
eventTemplate: $("#schedule-event-template").html(),
dataSource: $scope.appointmentDataSource,
navigate: function (e) {
$scope.today = e.date;
var todaysDate = new Date();
if ($scope.today.setHours(0, 0, 0, 0) === todaysDate.setHours(0, 0, 0, 0)) {
$scope.isToday = true;
} else {
$scope.isToday = false;
}
$scope.$digest();
}
};

Scheduler

answered on 06 Feb 2014

1 answer

112 views

Binding Array to HTML Element and Template

Hello,

how do i bind an array in my js code to a html ul element.

This is my element:
<ul id="attendees"></ul>

this is my template:
<script type="text/x-kendo-tmpl" id="tml_attendees">
<img src="${url}">
</script>

i dont want to use an kendoMobileListView

General Discussions

answered on 06 Feb 2014

1 answer

92 views

iOS 7.0.4 - Mobile Demo - Nav and Tab bars don't retract

Forgive me if this has been answered or if it's something really elementary. I'm not a very strong developer for mobile web...

When I view the KendoUI mobile demos using my iPhone (iOS 7.0.4), the browser's Navigation and Tab bars (top and bottom) don't retract, leaving a significant amount of vertical space unusable and detracting from the otherwise app-like appearance of the demo.

Other web pages, including those not optimized for mobile, don't have this problem. The bars retract on only reappear on a swift swipe up on the page.

Is this behavior intentional - and is there any way to 'fix' or change it?

Thanks!

General Discussions

answered on 06 Feb 2014

2 answers

210 views

Kendo DropDownListFor in Grid popup Edit template

I have a grid that uses the same template for editing and creating a new user record.
Everything works fine when editing but for some reason when creating a new user the lanuageId is not being returned when posting the data back.

All of the other fields are binding fine but no matter what the value selected in the dropdownlist the value 0 is being returned.

@(Html.Kendo().DropDownListFor(m => m.LanguageId)
                  .DataTextField("Name") //Specifies which property of the Product to be used by the dropdownlist as a text.
                  .DataValueField("Id") //Specifies which property of the Product to be used by the dropdownlist as a value.
                  .HtmlAttributes(new { @class = "form-control" })
                  .DataSource(source => source.Read(read => read.Action("GetLanguageValues", "Account")))

The form works perfectly fine when editing.

What am I doing wrong?

Grid

answered on 06 Feb 2014

3 answers

217 views

Hide footer on start scrolling down, show on start scrolling up

Since header and footer take a lot of mobile app screen, would it be possible to hide footer when user starts scrolling down and display it back on scrolling up?

Application

answered on 06 Feb 2014

1 answer

100 views

Access to Datastore within x-kendo-template?

How do I access datastore and/or global objects from within template?

Scheduler

answered on 06 Feb 2014