Questions on Kendo UI for jQuery Forum

1 answer

130 views

[Solved] Error in navbar back button

Hi, I have encountered this strange error that was not present earlier.

The back button in a navbar, causes a jquery error, this is reproducible also in one of your demos:

http://demos.telerik.com/kendo-ui/mobile-view

Simply go to the local view then click back, you'll get an error like:

Uncaught Error: Syntax error, unrecognized expression: #!

NavBar

answered on 29 May 2015

1 answer

101 views

overflow button in html instead of java script

Is it possible to define a toolbar with overflow button in html instead of java script?

When I create the toolbar in html there is no <ul> tag with k-overflow-container which contains the button in toolbar.

Example:

</div>

Toolbar

answered on 29 May 2015

1 answer

167 views

Grid, Master-Detail with Stacked chart

Hi,

I need help on how to achieve the Master and Detail using Grid and Chart in 1.png.

And when user click on the row, it will show the detail records like in 2.png.

Any way to achieve this?

Grid

answered on 29 May 2015

1 answer

217 views

Format Date(Time)Picker return value

How can i define the date format whicht should be send to a remote server, when using a Date(Time)Picker as filterable ui in column definition?

DatePicker

answered on 29 May 2015

1 answer

310 views

Grid MVVM data-columns

Does the treelist/grid support data-bind on the attrubite data-columns?

Grid

answered on 29 May 2015

1 answer

318 views

Hide Aggregate Values

I do not want do display aggregate values(rows/ columns) for certain measures. Is there a way to achieve this?

PivotGrid

answered on 29 May 2015

3 answers

552 views

Kendo MVC [Required] attribute causes .set to fail in js

I have a Kendo().Grid<>() that uses a MVC EditorTemplate to PopUp and allow the fields to be changed. When I type in the editor template all is well. However, if I update the field using .set('Field', 'Value') on a field that has the [Required] attribute set in C#, the set does not update the value.

Here is the ViewModel object definition:

public class SampleVM

{

public int Id { get; set; }

[Required]

public string Foo { get; set; }

public string Bar { get; set; }

}

Here is my Grid definition:

@(Html.Kendo().Grid<SampleVM>()

.Name("cSampleGrid")

.DataSource(ds => ds

.Ajax()

.Read(r => r.Action("IndexList", "Home"))

.Create(c => c.Action("CreateIndex", "Home"))

.Model(m =>

{

m.Id(f => f.Id);

}

)

.ToolBar(t => t.Create().Text("Create Index"))

.Editable(e => e.Mode(GridEditMode.PopUp))

.Events(e => e.Edit("OnEditSample"))

)

@section Scripts {

<script>

function OnEditSample(pEvent) {

var editDiv = pEvent.container;

var editWindow = pEvent.container.data('kendoWindow');

var editable = pEvent.model;

if (editable.ContactID == 0)

editWindow.title = 'Create Index';

else

editWindow.title = 'Edit Index';

editWindow.editable = editable;

$('#cFillButton', pEvent.container).click(function (pEvent) {

editWindow.editable.set('Foo', 'Foo');

editWindow.editable.set('Bar', 'Bar');

});

}

</script>

}

Here is my editor template:

@model KendoRequiredBug.Models.SampleVM

@Html.AntiForgeryToken()

@Html.ValidationSummary(true, "", new { @class = "text-danger" })

<div class="field-label">

@Html.LabelFor(model => model.Foo, htmlAttributes: new { @class = "control-label col-md-2" })

</div>

<div class="field-editor">

@Html.EditorFor(model => model.Foo, new { htmlAttributes = new { @class = "form-control" } })

@Html.ValidationMessageFor(model => model.Foo, "", new { @class = "text-danger" })

</div>

<div class="field-label">

@Html.LabelFor(model => model.Bar, htmlAttributes: new { @class = "control-label col-md-2" })

</div>

<div class="field-editor">

@Html.EditorFor(model => model.Bar, new { htmlAttributes = new { @class = "form-control" } })

@Html.ValidationMessageFor(model => model.Bar, "", new { @class = "text-danger" })

</div>

<div style="clear:both"></div>

<div><a id="cFillButton" class="k-button">Fill</a></div>

When the Fill button is clicked, the Bar field is set properly, however the Foo field is left blank and the "Required field" error message is shown. If I remove the [Required] attribute from 'Foo', then both fields update as expected. I am using Kendo 2015.1.429.

Can anyone explain what is going on?

MVVM

answered on 29 May 2015

8 answers

998 views

Kendo UI Javascript Source Maps

Has Telerik considered publishing Javascript Source Map files with their Kendo UI minified files? These files allow a developer to publish their application using minified files, but have the browser (at least Chrome and Firefox) automatically load and link up with a non-minified version for debugging purposes. I'm not sure which minifier you use, but Closure supposedly can create them automatically. Thanks for considering this.

General Discussions

answered on 29 May 2015

1 answer

96 views

Strange IE problem

Hey,

Having a very peculiar problem with the scheduler I have created. It works perfectly in all browsers except IE.

While loaded in IE the move/create events do not update the scheduler until after a page reload.

The strange part is that if you have the debug console open in IE the problem resolves itself and no errors are fired.

Any help would be greatly appreciated - I've completely ran out of ideas.

Cheers,

Scheduler

answered on 29 May 2015

3 answers

503 views

Is it ok to have nested View Models

I just want to make sure i'm not doing anything wrong. This seems to work fine.

So in my html/javascript spa (no mvc), I've got what's like a master page, loading content from an HTML file on each menu click. Is it ok to bind a viewmodel under another div that has a binded view model? I just want to make sure. You guys should set up a SPA example with this type of format, with a menu loading different content.

<div id="divMaster">

Kendo Menu Here With clicks to fill content...

<div id="divContent"></div>

</div>

<script>

$(document).ready(function () {

   kendo.bind(divMaster, app.masterService.viewModel);

}

</script>

function clickAbout() {

$('#divContent').load('/Content/About.html #about');

location.hash = "#about";

}

function clickHome() {

$('#divContent').load('/Content/Home.html #home');

location.hash = "#home";

Here's the Home, About is similar

<script src="/scripts/home.viewmodel.js"></script>

<script>

$(document).ready(function () {

var divHome = $("#divHome");

kendo.bind(divHome, app.homeService.viewModel);

});

</script>

<div id="divHome">

Home Page

<br />

<input id="txtHomelbl" data-bind="value: testText" />

</div>

MVVM

answered on 29 May 2015