Questions on Kendo UI for jQuery Forum

2 answers

270 views

[Solved] collapseGroup function not work

Hi, my kendo version is 2017.3.1026, chrome version is 63.0.3239.84

I found that collapseGroup is not work ,

dojo example:https://dojo.telerik.com/Ehuru

you can see that only first row has been collapse....

but I want it collapse all rows, is this a bug?

Grid

answered on 15 Dec 2017

2 answers

615 views

Select all collection items using the Header Checkbox

I'm using the Selectable Columns with Checkboxes options.

As the documentation mentions, the header checkbox checks only the items in the current page. Is it possible to change this behaviour to select all items in the grid's collection regradless of curent pager size?

Grid

answered on 14 Dec 2017

1 answer

1.0K+ views

override validationMessage on datapicker input

I have a datapicker:

<label class="required label-date" for="a-c">StartDate</label>

<input id="a-c" class="k-datepicker" name="Date" required validationMessage="Write {0}" data-role="datepicker" data-bind="value: start, events: {change: OnChangeStart}" />

and a kendo validator with datapicker rules:

var validator = $("#form").kendoValidator({

rules: {

datepicker: function(input) {

if (input.is("[data-role=datetimepicker]")) {

return input.data("kendoDateTimePicker").value();

} else {

return true;

}

},

messages: {

datepicker: "Please enter valid date!",

required: " Required input"

}

}).data("kendoValidator");

validationMessage override the datapicker message.

I would not like to delete the Validation Message.

DatePicker

answered on 14 Dec 2017

1 answer

213 views

Read Data before autocomplete widget opens

Hi,

I'm wondering how can I read get the data from datasource before user click on the autocomplete widget. I have the following code:

var ds = new kendo.data.DataSource({
transport: {
read: {
url: "../IndividualData/SalesPerson",
dataType: "json",
data: this.requestData()

}
},
schema: { data: "data", total: "total" },
pageSize: 50
})
this.autocomplete.setDataSource(ds);
console.log(this.autocomplete.dataSource);

But it seems like I'm always getting empty datasource for some reason. Can anyone help me?

Regards,

Yifan

AutoComplete

answered on 14 Dec 2017

1 answer

164 views

Don't update recurrence exception when updating the recurrence series

Hey, I understand that the default of the scheduler is that is user updates a recurrence series, the will be applied to all the exception too. Also if removes one occurrence from a series, when user series, a new occurrence will be created to fill in the spot. I was wondering there any configuration or tweak that I can use to leave the as it is when a series? e..g user changes the time of one occurrence. Then updates the title of the . The exception will still keep the updated time and the old title. And the exception is still linked to the series, so when users delete the series, the exception will be removed too. Thanks, Yinan

Scheduler

answered on 14 Dec 2017

1 answer

821 views

Kendo grid Add New Record start date giving throwing an error called"Uncaught ReferenceError: StartDate is not defined".

Here i have grid with columns, when try to add a new record giving an error and following is the code.

$('#dcmMappingGrid').kendoGrid({
dataSource: response.DCMMappings,
schema: {
type: 'json',
parse: function (data) {
$.each(data.items, function (i, val) {
val.StartDate = toDate(val.StartDate);
val.EndDate = toDate(val.EndDate);
});
}
},

pageable: false,
height: 550,
toolbar: ['create'],

columns: [
{ field: 'DCMId', title: 'DCM Id', width: '120px', format: '{0: 0}' },
{ field: 'StartDate', title: 'Start Date', width: '120px', format: '{0: dd-MMM-yyyy}', template: '# if( false ) { #<span>#: kendo.toString(new Date(), "dd-MMM-yyyy")#<span># } else {#<span>#: kendo.toString(toDate(StartDate), "dd-MMM-yyyy")#<span>#} #', editor: startDateEditor },
{ field: 'EndDate', title: 'End Date', width: '120px', format: '{0: dd-MMM-yyyy}', template: '#= kendo.toString(toDate(EndDate), "dd-MMM-yyyy") #', editor: endDateEditor },
{ command: ['edit', 'destroy'], title: ' ', width: '250px' }],
editable: 'inline',
edit: function (e) {
//if (!e.model.isNew()) {

//}
},
detailTemplate: kendo.template($('#template').html()),
detailInit: detailInit
});

Please help to fix this.

advance thanks.

Grid

answered on 14 Dec 2017

1 answer

878 views

kendo drawDOM exportPDF not showing currency symbols

I need to download the contents of a div to a pdf. there are some currency symbols as unicode which are not getting rendered in the pdf

self.pdfPrint = function () {
kendo.drawing.drawDOM($("#content"))
.then(function (group) {
return kendo.drawing.exportPDF(group, {
paperSize: "auto",
margin: { left: "1cm", top: "1cm", right: "1cm", bottom: "1cm" }

})
})
.done(function (data) {
kendo.saveAs({
dataURI: data,
fileName: "file.pdf",
});
});
}

Drawing API

answered on 14 Dec 2017

3 answers

968 views

[Solved] How to change placeHolder of search textbox in the multiselect?

How to change placeHolder of search textbox in the multiselect?

MultiSelect

answered on 13 Dec 2017

6 answers

987 views

[Solved] tab focus in editor

When tabbing to the editor from another input field, the focus first goes to the buttons (bold, italic, etc) instead of giving focus to the actual editable area.

Is there a workaround to this?

Editor

answered on 13 Dec 2017

1 answer

3.1K+ views

Kendo grid update dateitem dynamically - Javascript

I have a grid with columns name, status and updatedAt. Status column as editable and has dropdown values. When a user update status value, I have called the rest api for doing some business logic and returns response with an updated date. I want to update that date in updatedAt column.

Please help me to achieve this.

Grid

answered on 13 Dec 2017