or
4 answers
179 views
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:66(anonymous function) @ kendo.all.min.js:66(anonymous function) @ kendo.all.min.js:86(anonymous function) @ kendo.all.min.js:9(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
Petyo
Telerik team
answered
on
09 Nov 2015
2 answers
264 views
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
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
3 answers
135 views
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.
Nikolay Rusev
Telerik team
answered
on
09 Nov 2015
5 answers
133 views
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?
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?
Petyo
Telerik team
answered
on
09 Nov 2015
15 answers
567 views
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?
Dimiter Madjarov
Telerik team
answered
on
09 Nov 2015
1 answer
1.0K+ views
I'm trying to update a Kendo UI dropdownlist programmatically when pressing a button.
Main dropdown:
Goal is:
When $(".loadLayout") is clicked refresh "CreateTemplateCSS" with the "layoutTemplateID" parameter.
How can I adjust this to make it work?
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?
Georgi Krustev
Telerik team
answered
on
09 Nov 2015
2 answers
135 views
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?
Nikolay Rusev
Telerik team
answered
on
09 Nov 2015
1 answer
908 views
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
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
1 answer
66 views
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
Nikolay Rusev
Telerik team
answered
on
09 Nov 2015
2 answers
1.1K+ views
In my Kendo.Grid I have:
columns.Bound(c => c.FORMRIGHTTYPEID).Width("25").Title("Form Right").HtmlAttributes(new { @class = "text-align: center;" })
.Template(@<text>
@if (item.FORMRIGHTTYPEID != null)
{
@DisplayRight((long)item.FORMRIGHTTYPEID)
}
</text>);
Note that I am displaying a text value associated w/the FORMRIGHTTYPEID numeric value. I have made the grid "Filterable":
@(Html.Kendo().Grid<EPIMS.Models.FORMRIGHTS>()
...
...
.Scrollable()
.Groupable()
.Sortable()
.Filterable(filterable => filterable
.Extra(false)
.Operators(operators => operators
.ForString(str => str.Clear()
.Contains("Contains")
)))
.Pageable(pageable => pageable
.Refresh(true)
.PageSizes(true)
.ButtonCount(5))
.BindTo(Model)
)
My problem is that the Filter option shows "Show items with value that: Is equal to" but does not allow me to enter text. Rather (and as expected), the value MUST BE numeric as the column is bound to a numeric value field.
Is it possible to customize the Filter?
Thanks
