Questions on Kendo UI for jQuery Forum

3 answers

4.1K+ views

get all cell values

Is there a way to get a value of all cell 1 for every row within the grid without selecting a row on button click?

I want to grab all of the ID's without selecting a row so I can pass those Id's to another function

Grid looks like this

id Name

1 Stewart

2 Jones

3 Smith

4 Johnson

Grid

answered on 20 Jan 2020

3 answers

470 views

Resulting image not like others QR code generators

I have an application that needs to support QR codes and I am analysing different solutions. Since I am already using kendo in the application I though I should test it. However when I tried with an example I saw that the code generated is not the same as the other QR code generators out there on the internet. All that I tested resulted in the same image, however the telerik resulted in a different image.

What QR code does it generate?

the text I used was "ABC123456789" on

https://racoindustries.com/barcodegenerator/2d/qr-code/

https://www.qrstuff.com/

https://ro.qr-code-generator.com/

https://www.the-qrcode-generator.com/

and all generated the same image but the https://demos.telerik.com/aspnet-core/qrcode/api generated a different image.

Is there a configuration that will generate the same code like the others code generators

QRCode

answered on 20 Jan 2020

2 answers

5.1K+ views

dropdown change event does not update the value

I am using a dropdown list that based on the selected item a second dropdown need to be cleared. Selecting an item from the UX fires the change event of the first dropdown and the second one will be cleared only if I trigger the change event manually. If I do that the value of the first dropdown does not get updated. I used select(-1) and value ("-1") and same behavior. Here is my code, I will appreciate any hint on this.

$("#ddl1").kendoDropDownList({

dataSource: [

{ value: "1", text: "Option1", priority: 0 },

{ value: "2", text: "Option2", priority: 1 },

{ value: "3", text: "Option3", priority: 1 }

],

dataTextField: "text",

dataValueField: "value",

optionLabel: { value: "", text: "-- Select one --" }

}).change(function (e) {

var ddl2 = $("#ddl2").data("kendoDropDownList");

if (this.value == "1") {

ddl2.value("-1");

//ddl2.select(-1);

//ddl2.trigger('change'); //with this value of ddl2 is cleared ("-- Select one --") and value of ddl1 does not change

}

else {

/**/

}

validateSection(4);

});

$("#ddl2").kendoDropDownList({

dataSource: [

{ value: "Y", text: "Yes" },

{ value: "N", text: "No" },

{ value: "NA", text: "Refused to answer" }

],

dataTextField: "text",

dataValueField: "value",

optionLabel: { value: "", text: "-- Select one --" },

}).change(function (e) {

validateSection(4);

});

DropDownList

answered on 20 Jan 2020

7 answers

2.6K+ views

Nested Templates

Hi, is it possible to have one template within another?
I've given an example below to show what I mean. The example has a Customer data object that has a customer name and an array of notes. Notes are used on other objects so I have defined a template for them, but I can't work out how to render it from within the customer template:

<script type="text/x-kendo-template" id="NotesTemplate">
<div>
# for (var i = 0; i < data.length; i++) { #
<div>
<em>#= data[i].CreatedBy # on #= data[i].CreatedOn # </em>
<p>
#= data[i].NoteText #
</p>
</div>
# } #
</div>
</script>

<script type="text/x-kendo-template" id="CustomerTemplate">
<div>
Customer name #: data.CustomerName #

<div id="CustomerNotes"></div>

# $("\#CustomerNotes").html(_notesTemplate(data.Notes)); #

</div>
</script>

then...
_notesTemplate = kendo.template($("#NotesTemplate").html(), { useWithBlock: false });
_customerTemplate = kendo.template($("#CustomerTemplate").html(), { useWithBlock: false });

$("#CustomerDetails").html(_customerTemplate(customerData));

Any help much appreciated!

Templates

answered on 17 Jan 2020

11 answers

161 views

Mobile Collapsible breaks header icons

Sample: http://dojo.telerik.com/OCURa

I'm trying to use a mobile Collapsible widget with icons in the header, but toggling the collapsed state will break those icons marked with the km-icon class. Icons in the body are unaffected.

Collapsible

answered on 17 Jan 2020

1 answer

994 views

Insert new button dynamically

I have been trying to find a way to insert a button into a Kendo ToolBar widget dynamically. I would like to insert it into a specific location among existing buttons on the ToolBar. The only functionality I see is an add function that will add a new button, but no way to insert it anywhere.

In my search on this topic I found this older thread:

https://www.telerik.com/forums/insert-item-at-the-beginning

which resulted in this feature request:

https://feedback.telerik.com/kendo-jquery-ui/1359920-kendotoolbar-dynamically-insert-items-insertafter-insertbefore

I am hoping that I am not the only one that has had a similar need. Is there any other way to be able to insert a new button?

Thanks in advance.

Kerry

Toolbar

answered on 17 Jan 2020

3 answers

95 views

How to point to the most recent (last) data after saving

Hello,

No matter what data you add to another grid via a popup, the grid's scrollbar or pager always points to the top or top of the page.

I just want the focus to shift to the data I added.

If data was added at the very end of the scroll, the saved scrollbar should also move to the bottom.

If new data is stored on page 10, I want to go to page 10 and make the data visible immediately.

Is there a way?

Grid

answered on 17 Jan 2020

9 answers

1.3K+ views

Two modes of filter in the same grid

I want to use filter mode row and in some columns multi checkbox, is possible to use two modes of filter in the same grid?

Grid

answered on 16 Jan 2020

1 answer

717 views

How to get the text and value of a dropdown list in a selected row?

Hello.

I'm using a custom dropdown list using <Input ...>.

So a drop down list exists for every row in the grid.

When I click on a row here I want to get all the information of that row.

But there is something wrong with the value returned by the dropdown list.

1. Data that has already been saved in DB and not modified is imported correctly.

2. If you use incell to change the dropdown, "textField" gets the correct value, but "valueField" still points to the previous value.

For example:

textfield: name
valuefield: id

{id: 1, name: 'apple'},
{id: 2, name: 'orange'}

If the data stored in DB is {id: 1, name: apple}, "1, apple" is imported when row is clicked.

After this I change the dropdown to orange and don't save it yet.

"1, orange"
Get the data called

That is, the valuefield has not been updated, only the textfield has been updated.

Can you imagine what went wrong?

Or do you need code?

DropDownList

answered on 16 Jan 2020

1 answer

230 views

Gantt Toolbar config only working for top

The gantt.configuration.toolbar add task(append) , pdf, custom buttons only update the top of the control. This is demonstrated in almost all of the the Telerik Dojo examples https://docs.telerik.com/kendo-ui/api/javascript/ui/gantt/configuration/toolbar.

I'd like an example of how to hide the bottom tool bar.

Gantt

answered on 15 Jan 2020