I am trying to use the kendo ui window control as a modal when I press a button to display a kendo ui grid; however, when I put the control in form tags, the window doesn't display.  Below is a simplified version of what I am trying to do.

We are using the latest version of Kendo UI and jQuery 2.1.14.

Hello,

I found there were two ZIP files in my latest internal builds, "......commercial.zip" and "......office365.zip".

What's difference between the two ZIP files?

Which one should I download?

Thank you very much

Hi there,

I'm sure there's an easy way to do this but I can't seem to figure it out from the various examples I've seen using the Kendo Grid.  I have a view which has a model, and I want a grid to appear on the page populated from a collection that is a child property in my model.  The grid is 100% read-only for display only, and doesn't need any server side binding.  It also doesn't need paging, but client side sorting would be helpful.  Here is my model :-

public class RegisterViewModel
    {
        public int RegisterID { get; set; }
        public string BuildingDesignation { get; set; }
        public string BuildingDescription { get; set; }
        public string AgeOfBuilding { get; set; }
        public string ConstructionType { get; set; }
        public int? PhotoID { get; set; }
        public List<Sample> Samples { get; set; }
        public string EmployeeName { get; set; }
    }

The property I want to generate the grid from is Samples.  The other properties are just normal properties I put into a form on the page.

Any help of how to accomplish this would be appreciated.  As it stands, the only way I can think to achieve this is to loop through the collection and draw out a HTML table row by row, but I'd like if possible to keep it as a Kendo grid in line with other gris in my application.

Many thanks, Mark

Hi

I try to use the upload widget in async mode to present a progress bar.

I add a bunch of form data within the upload event which works fine. Now I would like to validate the form data before uploading the file. If I do this in the upload event as well and set e.preventDefault() if validation fails, the list of selected files is cleared in the upload widget which doesn't make sense in this scenario as the customer is forced to correct the form data AND select the images again.

Is there a way to validate data before uploading a file without loosing the list of selected files?

Regards

Alex Bernhard

Has the "Done" color of the upload progress bar changed from orange to more redish?

I'm printing a table containing an unknown number of rows to pdf - the output is printing to multiple pages automatically. However, the width of the columns on each page varies and I would like to overcome this, if possible.

Ideally, I would be able to repeat the header row on each page using a template, but I suspect this wouldn't affect the cell widths of subsequent rows.

I don't want to fix the cell widths on the table when the page is rendered, but I have tried to fix the width of all the cells using javascript immediately before printing. This had no affect, however.

What is the best way to deal with this?

Hello, 

I am trying to update data from a kendo grid and the datasource transport is defined as.

var transport: kendo.data.DataSourceTransport = {
read: {
url: "/alert/get",
},
update: {
url: "/alert/put",
type: "POST"
},
parameterMap: function (options, type) {
if (type === "read") {
   var model: any = {
     id: vm.responderSelected.id,
   };
  return model;
}
else if (options) {
  var model: any = {
     id: options.models["id"],
   adHow: options.models["adHow"]
  };
  return model;
}
}
};

The problem is there is not models property on the options object as defined by interface DataSourceTransportParameterMapData. It is supposed to be just

var model: any = {
id: options.id,
adHow: options.adHow,
};

which works in plain JavaScript but in Typescript fails to compile.

 Am I using it incorrectly or is the definition of DataSourceTransportParameterMapData wrong in kendo.all.d.ts ?

Thanks,

Xavier

Hi,

My treemap seems to bind to the data but shows like a flat line as if the individual boxes don't get a width attributed to them.

The treemap as a whole does have ample space through but it fills it up with pure white nothingness (as you can see in the screenshot).
If I try the same thing (same data) with the same version of kendo on the demo page (http://dojo.telerik.com/ohOKA/2) it works just fine but somehow it doesn't show correctly on my own website.

 Anyone have an idea what might cause this?

 btw I'm using angularJS implementation of the treemap.

 thanks,

Arno

Hi all,

 we try to develope a Documentservice for one of our projects. In this we need a editor, to create and modify the documents. Our idea: the user is able to set fields in the text. The field could be a tag like this for example:

<span class="serialfield" sfield='firstname'><span class='sfieldinfo'></span>Firstname<span class='delsfield'></span></span>

<span class="serialfield" sfield='lastname'><span class='sfieldinfo'></span>Lastname<span class='delsfield'></span></span>​

The fields should be non-editable. The result should be similar to the attached mockup.

My questions:

1. How could it work, that i insert 'non-editable' elements in the editor?

2. How to style them?

3. How to get a event on click on them (to remove the element on click on the span.delsfield)?

We are using a combo box on an iPad and we have a bluetooth scanner hooked up so the user can either key in the values or scan a barcode.

When we key in the value from the virtual keyboard no problems.

When we scan the barcode the value shows up momentarily in the control and then gets cleared out.

We added a dataBound event which gets fired when typing in through the keyboard, but does not get fired when the blue tooth scanner puts text into the control.

$("#combobox").kendoComboBox({

     dataTextField: "text",

     dataValueField: "value", 

     filter: "startswith",

     dataSource: data,

     dataBound:getData 

});

function getData(e)
{
     scannedData = this.text();
     console.log(scannedData);
}

Is there a lower level even we can trap to get the value that temporarily shows up in the control?

If we can get the value we can save it and repopulate it to the combo box.