Questions on Kendo UI for jQuery Forum

7 answers

891 views

How do you update the model that the current View is using.

Okay so you load a model

var myModel = new kendo.observable({ name: "John", surname: "Doe" });

Then you load a view:

var myView = new kendo.View("idOfTemplateScriptTag", {model: myModel});

Assume you had a layout object called myLayout:

myLayout.showIn("#content", myView, "swap");

This works just fine. Everything okay up to this point.

But the documentation doesn't seem to say anything about how you're meant to replace the model in that view and still have MVVM properly bind all the new values to the relevant HTML elements. There are only two methods:

Destroy and
Render

Are you supposed to:

Reset the myModel properties back to defaults then set them to the new data that you want to display, or
Instantiate a new View and Observable and render them by using ShowIn on the layout object?

SPA

answered on 09 Nov 2015

4 answers

189 views

Unable to get Kendo UI with Angular integrated into app

I have JQuery 2.1.0 and Angular 1.4.0 registered on the page.

I am trying to integrate Kendo in our current app as a POC and I am getting the following error when trying to use the Splitter, although this error looks like it has nothing to do with the splitter.

I am using the kendo.all script.

Uncaught TypeError: t.register is not a function

(anonymous function) @ kendo.all.min.js:66

(anonymous function) @ kendo.all.min.js:86

(anonymous function) @ kendo.all.min.js:9

the t.register it is talking about is, I am not using angular2 at this time.

t.register("kendo/angular2",["angular2/angular2"]

I have also tried to just use kendo.core, kendo.angular, and kendo.splitter instead of the kendo-all script. When using these scripts I get the following error:

TypeError: d.ui.Resizable is not a function

at Object.s (https://localhost/ADG.MAP.Web/Scripts/kendo/js/kendo.splitter.min.js:9:577)

at new g.extend.init (https://localhost/ADG.MAP.Web/Scripts/kendo/js/kendo.splitter.min.js:9:1460)

at HTMLDivElement.<anonymous> (https://localhost/ADG.MAP.Web/Scripts/kendo/js/kendo.core.min.js:10:3674)

at Function.jQuery.extend.each (https://localhost/ADG.MAP.Web/scripts/jquery/jquery-2.1.0.js:381:23)

at jQuery.fn.jQuery.each (https://localhost/ADG.MAP.Web/scripts/jquery/jquery-2.1.0.js:137:17)

at e.fn.(anonymous function) [as kendoSplitter] (https://localhost/ADG.MAP.Web/Scripts/kendo/js/kendo.core.min.js:10:3651)

at v (https://localhost/ADG.MAP.Web/Scripts/kendo/js/kendo.angular.min.js:9:433)

at r (https://localhost/ADG.MAP.Web/Scripts/kendo/js/kendo.angular.min.js:9:1509)

at link (https://localhost/ADG.MAP.Web/Scripts/kendo/js/kendo.angular.min.js:9:8342)

at invokeLinkFn (https:

//localhost/ADG.MAP.Web/scripts/angularjs/angular.js:8604:9) <div kendo-splitter="" style="height:100%;width:100%;border:0;" k-panes="[ {collapsible: false, size: '70%'} ,

{collapsible: true, collapsed: true, size: '30%' }]" k-orientation="'vertical'" data-role="splitter" class="k-widget k-splitter">

Using the individual scripts I at least and able to get into the splitter code.

Here is the splitter I am trying to create in my app. http://dojo.telerik.com/@jmaronge/IROyo

Any help would be greatly appreciated. I need to get this POC done within the next week to present.

Jason

General Discussions

answered on 09 Nov 2015

2 answers

271 views

Popup Grid Editor Update Causing Update on All Grid Rows

I have a grid bound to a data source using transport functions, and I have enabled editing in popup mode.

Everything works great, except one odd issue: When I click the "Edit" button for a record, make a change, and click "Update" every record in my grid sends an update request to the server with their current values. The record I intended to edit, was updated as well. This is causing a performance issue.

I can't begin to work out the issue - all I have done so far is made sure that batch editing is set to false. Where can I begin to look? I'm not sure what code I can share that would be relevant.

Thanks,
Kevin

Grid

answered on 09 Nov 2015

3 answers

144 views

Import Issue

If you export using the spreadsheet and then import, it breaks due to a missing style issue. The demo for the import/export feature can reproduce this. If you download the xlsx and then upload the same document, it will throw an error.

Spreadsheet

answered on 09 Nov 2015

5 answers

140 views

Touch / Tap events in a non-mobile app

We want to be able to easily make use of Kendo's tap/touch framework. This is important in non-mobile situations such as Windows 8 touch screen scenarios.

The documentation on the "Touch" framework is very light. What I want to do is something like this:

$("#myobject").on("kendotap", callback);

I see how Kendo uses the data-tap attribute, or I can apply the kendoTouch like this:

$("#list li").kendoTouch({
surface: $("#list"),
drag: function(e) {
console.log("you dragged a list item");
}
});

But that sees a little heavy. Any suggestions?

General Discussions

answered on 09 Nov 2015

15 answers

570 views

[Solved] Document Upload in Grid

We want to be able to manage a list of documents in a MVC grid.

Essentially, the user should be able to select the document type from a dropdown,select a document to upload and when the user clicks save, the document gets saved to the database.

When the user views the grid, the document will provide a link to download the document. Can you please advise if this is doable?

Grid

answered on 09 Nov 2015

1 answer

1.0K+ views

Kendo UI Dropdown update with parameter on button click

I'm trying to update a Kendo UI dropdownlist programmatically when pressing a button.

Main dropdown:

@(Html.Kendo().DropDownList()

.Name(LayoutTemplate")

.OptionLabel("Templates")

.DataTextField("Text")

.DataValueField("Value")

.DataSource(source =>

{

source.Read(read =>

{

read.Action("GetLayoutTemplatesDropdown", LayoutTemplate");

});

}))

<button class="loadLayout" type="button">Load</button>

Second dropdownlist:

@(Html.Kendo().DropDownList()

.Name("CreateTemplateCSS")

.OptionLabel("Choose one")

.DataTextField("Text")

.DataValueField("Value")

.Template("<span class=\"glyphicon glyphicon-font\"></span> #:data.Text#")

.DataSource(source =>

{

source.Read(read =>

{

read.Action("GetTemplateCSSTemplatesDropdown", "TemplateCSSTemplate")

.Data("filterTemplateCSSTemplates");

});

})

)

Javascript

function filterTemplateCSSTemplates() {

return {

layoutTemplateID: $("#LayoutTemplate").val()

};

}

$(".loadLayout").on("click", function (e) {

var layoutTemplateID = $("#LayoutTemplate").val();

if (layoutTemplateID) {

$("#CreateTemplateCSS").data("kendoDropDownList").refresh();

}

});

Goal is:

When $(".loadLayout") is clicked refresh "CreateTemplateCSS" with the "layoutTemplateID" parameter.

How can I adjust this to make it work?

DropDownList

answered on 09 Nov 2015

2 answers

139 views

Grid's header title in column changes from dropdownlist selection!

It is possible to have a variable title on the grid's header that will be updated as I select the value from a dropdownlist?

Grid

answered on 09 Nov 2015

1 answer

915 views

perform the auto post-back on select Item change of drop-down using MVC3 razor.

Hello,

How to perform the auto post-back on select Item change of kendo drop-down using MVC3 razor. And also the same for Radio button, I am having the static radio buttons and want to perform the post-back once the user select the option.

Could you please help me.

Regards,
Ravi

ComboBox

answered on 09 Nov 2015

1 answer

66 views

Changed field left by clicking window close X does not register as change.

A function bound to 'set' on a viewModel is not called unless focus is lost to some other field, the window background, or a button if it is enabled. Clicking the X to close the window does not register as a change in focus. This leads to awkward behavior. Update one text field and click X and the window closes without having a chance to save the value. Update more than one field and the last field edit can be lost.

The attached Dojo snippet shows the problem. A lot of other stuff works and I will be using it a lot in my app.

Rick

Window

answered on 09 Nov 2015