Hi,
I'm using kendo.ui.progress to create a loading mask for many of my kendo widgets. On a mobile browser, the loading animation never disappears after the window content has finished loading. The loading masks on grids and views disappear correctly on mobile browsers. I can force the mask to disappear by calling kendo.ui.progress in Chrome's console, however I don't want to be adding this to my views when it is already functional on a desktop browser.
Has anyone run into anything like this before?
Thanks,
Brian
I have DropDownList with a remote data source and serverFiltering.
<input ref="combo3" data-role="dropdownlist" data-value-primitive="true" data-text-field="name" data-value-field="id" data-filter= "contains" data-bind="value: combo3Value, source: combo3Source"/>My data source is like this (ES6 code)
combo3Source = new kendo.data.DataSource({ serverFiltering: true, transport : { read : (e)=>{ let url = ""; if ( e.data.filter && e.data.filter.filters.length === 1){ url = `/CI/search?text=${e.data.filter.filters[0].value}`; this.httpClient.get(url).then((response)=>{ e.success(response.content); }); } else { e.success([]); } } } });
As you can see in the code, my idea ​is to only fetch data if a filter is provided and return and empty result if no filter is ​provided. This approach works well but there is one edge case​: If I load my form and the bound MVVM property already has a value then the DropDownList doesn't not know what text to display for the selected value. I expected that it would call the datasouce with a filter ​like "where id = 1829" but does not.
How am I supposed to provide the initial value?
Thanks
Sylvain
Hi,
I am trying to implement ImageBrowser feature of editor of KendoUI web but not able to make a webmethod call. Since I found sample code for MVC implementation and taken reference of the same but unfortunately not working for me. Below is my code.
HTML:
<textarea id="editor" rows="10" cols="15" style="height:200px">Test</textarea>
JS:
$(document).ready(function () {
$("#editor").kendoEditor({
imageBrowser: {
transport: {
read: {
type: "POST",
contentType: "application/json; charset=utf-8",
url: "ManageNotes.aspx/Read",
dataType: "json"
},
//destroy: {
// url: "http://localhost/editor/service/ImageBrowser/Destroy",
// type: "POST",
// dataType: "json",
// contentType: "application/json"
//},
create: {
url: "ManageNotes.aspx/Create",
type: "POST",
dataType: "json",
contentType: "application/json"
},
//thumbnailUrl: "http://localhost/editor/service/ImageBrowser/Thumbnail",
uploadUrl: {
url: "ManageNotes.aspx/Upload",
//data: "{'type':''}",
type: "POST",
dataType: "json",
contentType: "application/json"
},
imageUrl: "ManageNotes.aspx/Image?path={0}"
}
}
});
});
CS:
[WebMethod]
// [ScriptMethod(UseHttpGet = true, ResponseFormat = ResponseFormat.Json)]
public static void Read(string path)
{
}
Attaching same sample code... Is there anything I'm missing?
Hello,
Can you please help me for the following problem?
I have a Kendo Window. Now I have added one MultiSelectDropDownList inside the content like below.
@(Html.Kendo().Window()
.Name("window")
.Title("Add From Pool")
.Draggable(false)
.Modal(true)
.Width(600)
.Actions(actions => actions.Close())
.Visible(false)
.Events(e => e.Open("copyStructure_Open"))
.Content(@<table>
<tr>
<td colspan="2">
@(Html.Kendo().MultiSelect()
.Name("kMultiSelect")
.TagMode(TagMode.Single)
.DataTextField("Value")
.DataValueField("Key")
.Placeholder("Select Office")
.AutoBind(true)
.HtmlAttributes(new { style = "width:300px" })
)
</td>
</tr>
<tr>
<td>
@(Html.Kendo().Button()
.Name("btnContinue")
.Content("Continue"))
</td>
<td>
@(Html.Kendo().Button()
.Name("btnCancel")
.Content("Cancel"))
</td>
</tr>
</table>)
)
Now I want to bind the MultiSelectDropDownList each time when window opens using below mentioned Ajax Call.
function copyStructure_Open(e)
{
$.ajax({
url: 'Employee/GetEmployeesPool',
type: 'POST',
success: function (data) {
e.sender.content(data);
}
});
}
But I am not getting the expected result.
Please help me as I am new to this Kendo UI.
Thanks
Prasanta
What I am looking for is this:
Assuming I have a column defenition like this and I do grouping by drag and drop:
columns: [{
field: "productField",
title: ​​​​"Product Title", ​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​
aggregates: [
​​​​
"count"],], ​
groupHeaderTemplate:
​
"#= title #:#= value # Count(#= count #)"
}]
How do I get the header to look like like "Product Title: This is a product title Count(5)"? I keep getting title undefined. I am able to access the field but not title for that field.

My app is written with aurelia. This uses systemjs and modules are ​isolated (no globals). I need to use a helper in one of my kendo template but loading the helper module returns a promise. By the time the ​promise resolves kendo has already ​executed the template (blank).
Is there a way to tell kendo to wait ?
<script type="text/x-kendo-template"> <div> # System.import('template-helpers').then(function(module){ var h = new module.TemplateHelper(); h.format(data) }); # </div></script>