
Hi!
I cannot edit a grid configured with fixed column values for boolean for boolean fields.
Try to edit the grid configured with the following dojo:
http://dojo.telerik.com/ObiFOc

Hi,
I want to use a multiselect widget inside of a grid. The applicaton is Angular 1.6 with typescript.
The model consists of a comma separated string.
Problem: the widget is opened and initialized with the correct values. But when I change the widget these modifications do not update the model.
This is what I've got so far:
module kendo.data.binders.widget { export class commaseparatedvalue extends kendo.data.Binder { init(widget, bindings, options) { kendo.data.Binder.fn.init.call(this, widget.element[0], bindings, options); } refresh() { // this is called correctly! console.log("refresh", this.bindings, this.element); var that = this; var value = that.bindings["commaseparatedvalue"].get(); var values = value ? value.split(",") : []; that.element.value(values); } change() { // this is not called console.log("change", this.bindings, this.element); } }}
any help greatly appreciated!
Thank you!


Hello,
I have a TreeList with a nullable date field to be displayed. The following line adds the field to my Treelist:
columns.Add().Field(e => e.LastUsed).Format("{0:MMMM d, yyyy}");
If the date field has a value, then the date is displayed. If it is null, the word "null" is displayed. I would like to be able to display either a custom text string like "N/A" or a blank, instead of the word "null".
I also don't want to convert the Treelist to all javascript.
Thank you very much for your assistance.
Dave

I'm diagramming some product structures with 50-100 parts (3 levels). Rendering is taking about a minute (sometimes longer) in IE11 and sometimes the page is dying. If I break, it's always in kendo.all.min.js.
Does this sound right? It seems slow...
Attaching a picture of a typical diagram and my initial code. I'm using Kendo UI v2015.2.902
<div id="diagram" style="width: 100%; height: 800px;"> @(Html.Kendo().Diagram() .Name("diagram") .DataSource(dataSource => dataSource .Read(read => read.Action("_GetParts", "Diagram", new { partId = Model.PartId, level = Model.Level })) .Model(m => m.Children("Children")) ) .Editable(false) .Layout(l => l .Type(DiagramLayoutType.Tree) .Subtype(DiagramLayoutSubtype.Tipover) .HorizontalSeparation(10) .VerticalSeparation(10) ) .ConnectionDefaults(cd => cd .Stroke(s => s .Color("#bbb") .Width(1) ) .Editable(false) ) .ShapeDefaults(sd => sd .Visual("visualTemplate") ) .Events(e => e.Select("onClick"))
<script type ="text/javascript">
function visualTemplate(options) {
var dataviz = kendo.dataviz;
var g = new dataviz.diagram.Group();
var dataItem = options.dataItem;
var imageLink = "../../Content/images/cc/" + dataItem.CommCode + ".png";
var lc = dataItem.Lifecycle;
if (lc == null) {
lc = "?";
}
if (dataItem.IsParentLevel) {
g.append(new dataviz.diagram.Rectangle({
width: 400,
height: 50,
stroke: {
width: 1,
color: "#000"
},
fill: {
color: "#efefef"
}
}));
g.append(new dataviz.diagram.Image({
source: imageLink,
x: 10,
y: 3,
width: 16,
height: 16
}));
g.append(new dataviz.diagram.TextBlock({
text: dataItem.PartNum,
x: 32,
y: 3,
color: "#000",
fontSize: "14"
}));
g.append(new dataviz.diagram.TextBlock({
text: dataItem.ItemDesc,
x: 12,
y: 28,
color: "#000",
fontSize: "9"
}));
g.append(new dataviz.diagram.TextBlock({
text: lc,
x: 300,
y: 3,
color: "#000",
fontSize: "9"
}));
g.append(new dataviz.diagram.Rectangle({
width: 4,
height: 50,
fill: dataItem.DiagramColor,
stroke: {
width: 0
}
}));
} else {
g.append(new dataviz.diagram.Rectangle({
width: 120,
height: 36,
stroke: {
width: 1,
color: "#000"
},
fill: {
color: "#efefef"
}
}));
g.append(new dataviz.diagram.Image({
source: imageLink,
x: 10,
y: 3,
width: 16,
height: 16
}));
g.append(new dataviz.diagram.TextBlock({
text: dataItem.PartNum,
x: 32,
y: 3,
color: "#000",
fontSize: "10"
}));
g.append(new dataviz.diagram.TextBlock({
text: dataItem.ShortDesc,
x: 10,
y: 23,
color: "#000",
fontSize: "8"
}));
g.append(new dataviz.diagram.Rectangle({
width: 3,
height: 36,
fill: dataItem.DiagramColor,
stroke: {
width: 0
}
}));
}
return g;
}
</script>
)</div>
I am trying to filter a Kendo UI Grid based on Kendo UI DatePicker date but getting this error: "Error: Unable to get property 'dataSource' of undefined or null reference". As shown below, I am trying to pass the selected date as a parameter to the controller of the Kendo Grid.
Below is my View:
@model RainfallReporting.Models.RainFallData
@{
ViewBag.Title = "RainFall Data";
}
<h2>Daily RainFall Data</h2>
<div class="container">
<div class="row">
<p></p>
@(Html.Kendo().DatePicker()
.Name("rfallDate")
.Events(e => e.Change("onChange"))
)
<p></p>
@(Html.Kendo().Grid<RainfallReporting.Models.RainFallData>()
.Name("rfallGrid")
.AutoBind(false)
.Selectable()
.Columns(columns =>
{
columns.Bound(c => c.RecordNo);
columns.Bound(c => c.TimeStamp).Title("RainFall Date").Format("{0:dd-MM-yyyy}");
columns.Bound(c => c.BattVolts_Min);
columns.Bound(c => c.LoggerTemp_Min);
columns.Bound(c => c.LoggerTemp_Max);
columns.Bound(c => c.Rainfall_Tot);
columns.Bound(c => c.Total);
}
)
.DataSource(datasource => datasource
.Ajax()
.PageSize(100)
.Model(model =>
{
model.Id(rfall => rfall.RainFallDataId);
model.Field(rfall => rfall.RainFallDataId);
}
)
.Read(read => read.Action("GetRainfall_ByDate", "RainFall").Data("additionalData"))
)
//Set grid sortable
.Sortable()
//set grid selectable
.Selectable()
//set grid pagable
.Pageable(pageable =>
{
pageable.Refresh(true);
pageable.PageSizes(true);
}
)
)
<script>
function additionalData(e) {
var value = $("#rfallDate").data("kendoDatePicker").value();
return { selectedDate: value }; // send the filter value as part of the Read request
}
function onChange() {
var grid = $("rfallGrid").data("kendoGrid");
grid.dataSource.read(); // rebind the Grid's DataSource
}
</script>
</div>
</div>
This is my controller that returns data for the Kendo UI Grid:
public class RainFallController : Controller
{
private RAINFALLDBEntities db = new RAINFALLDBEntities();
public ActionResult GetRainfall_ByDate([DataSourceRequest]DataSourceRequest request,DateTime selectedDate)
{
try
{
var query = from c in db.RainFallDatas
where c.TimeStamp == selectedDate
select c;
query.ToList();
DataSourceResult output = query.ToDataSourceResult(request);
return Json(output, JsonRequestBehavior.AllowGet);
}
catch (Exception ex)
{
return Json(ex.Message);
}
}
}
Hello,
I have written the code to transfer an element in the source listbox by double clicking on it as follows
function RegisterTransfer(ctrlId)
{
var listBox = $("#" + ctrlId).data("kendoListBox");
listBox.wrapper.find(".k-list").on("dblclick", ".k-item", function (e) {
listBox._executeCommand("transferTo");
});
}
this works fine.
But, I am unable to achieve the reverse scenario.
viz; I can't transfer an element in the destination listbox back to the source listbox by double clicking on it.
Any help would be appreciated!
Thanks,
Niranjan
Hi,
when I use trigger select in combobox it is fired twice and the second time it is fired the item property comes to null.
Has anyone had a similar problem and can you help me?
Thank you.
BR,
MCosta
My co-workers are forcing me to include all the little kendo JS files separately rather than just using "all".
This is rather difficult since kendo.spreadsheet.js has dependencies, but I don't know what they are. Currently I am stuck on kendoColorPalette. No idea which JS file to include.
Does anyone know which of the JS files to include (in what order) to be able to use Spreadsheet?
Thanks!
