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>Hello,
Is there a way to have the Kendo Splitter support vertical scrolling of the child content with the added ability to allow for popup content (like hints or "modal pages") to not get clipped by the boundaries of the splitter panes?
See attached drawing.
Is there anything that can be done to the popup content to make them overflow?
Thanks.