Questions on Kendo UI for jQuery Forum

3 answers

637 views

I can't figure out how i might fly out a split button programmatically. My toolbar has an "export" function that is controlled with a split button. I want the user to be able to click on any part of the button to expand the options. However, the out of the box functionality is set up to only show the options when the user clicks directly on the little arrow of the split button.

I've got a way to do it, but it feels a bit messy. What i'm doing right now is detecting the click on the main body of the split button, and then i have to set a timeout and fire both mouse down and mouse up on the arrow:

var btnClicked = e.target.closest(".k-split-button");

var btnSplitParent = btnClicked.closest(".k-split-button");

if (btnSplitParent.length > 0 && !btnClicked.hasClass("k-split-button-arrow")) {

setTimeout(function () {

btnSplitParent.find(".k-split-button-arrow").mousedown();

btnSplitParent.find(".k-split-button-arrow").mouseup();

}, 100);

}

Is there a better way to accomplish this same thing?

Toolbar

answered on 26 Oct 2020

4 answers

2.9K+ views

Show spinning icon while grid is filtering

I have a remote data source which I use to populate the grid.

The grid has around 7000 rows and 30 columns, few rows also have a sub grid with maximum of two rows in each sub grid.

Using inbuilt filtering of grid based on a column takes about 3-5 seconds.

During that duration I want to show a spinning/loading icon.

I have the approach in the code below with no success.

The spinning/loading icon does not show up while filtering the grid and waiting for the grid to filter.

When I debug the page and put break points in JavaScript, I can see the loading icon on the grid as expected but its not there in normal use without the debugger open.

dataBound: function () {

kendo.ui.progress($("#grid"), true);

addSubgrid();

highlightLines();

disableLineItems();

if ((!isGridEditable)) {

makeGridReadOnly();

}

kendo.ui.progress($("#grid"), false);

},

General Discussions

answered on 26 Oct 2020

1 answer

285 views

FileManager that uses Upload configuration

Can you provide an example of utilizing the Upload configuration setting to send additional data?

FileManager

answered on 26 Oct 2020

8 answers

883 views

Treelist Filter Parents only

Hi,

I need Treelist Filter to show Parent row along with all its child nodes. Is this possible?

Appreciate any help.

Thanks,
Sanjay

TreeList

answered on 26 Oct 2020

3 answers

79 views

JQuery: Update search fields for a grid after initialization

How can I change the list of fields which will be included in the search of the grid after initialization? During the initialization you only have to define the search.fields configuration option, but apart from that it seems that it is not possible to change the list after the grid has been initialized.

On the select event of a kendoDropDownList, I was hoping of calling something like the following and with that limiting the search only in the selected column of the grid:

$("#dropdownlist").kendoDropDownList({

...

select: function(e) {

jq("grid_id").data("kendoGrid").search.fields( [ option1 ] );

},

...

});

Grid

answered on 26 Oct 2020

1 answer

1.4K+ views

PDF Export - long texts cutoff

Hi,

I have an issue when exporting the grid's content into PDF as rows which contain long texts appear cut off within the same page in the generated PDF.

This is my current pdf grid configuration:

pdf: {
fileName: "myfile.pdf",
allPages: true,
paperSize: "A3",
margin: { top: "2cm", right: "0.5cm", bottom: "1cm", left: "0.5cm" },
landscape: true,
scale: 0.8
}

Is there any way to configure the kendo grid in order to export the full content of a row in many pages to avoid cutoffs?

Thanks.

Carlos

Grid

answered on 23 Oct 2020

3 answers

201 views

Clear all Node

Hello,

I have a problem with reloading data in my Kendo Treelist.

I have a div <div id="#treeview-div"></div>

when I bind data, I call LoadData function.

When I call the function for the 1° time, all works well.

When I call the function for the 2° time, hiearchical row doesn't work.

How can I clear my div and rebind without issue?

Thanks

LoadData = function (dati)

{

$("#treeview-div").empty();

dati.schema = {};

dati.schema.model = {};

dati.schema.model.id = "id";

dati.schema.model.expanded = false;

//

var dataSource = new kendo.data.TreeListDataSource(dati);

$("#treeview-div").kendoTreeList({

dataSource: dataSource,

height: 600,

columns: [

{ field: "DataOra" },

{ field: "Attivita" },

{ field: "Progetto" }

]

});

}

TreeList

answered on 23 Oct 2020

8 answers

764 views

Marker click event

Hi,

Just wondering if anyone knows how I can catch a click event when a user clicks on a marker. There are click and shapeClick events but dosent seem to be a marker specific event.

Any suggestions greatly appreciated.

Cheers,
M

Map

answered on 23 Oct 2020

5 answers

381 views

Checkbox filtering in Treelist

How can we add the checkbox filtering found in Grid to a Treelist?

TreeList

answered on 23 Oct 2020

3 answers

214 views

Pager - display of number of records doesn't show

I'm using a listview with a pager. On my first test page, with nothing else on the page, it shows up correctly:
http://galcott1.com/comfitlabs/products.html

However, when I incorporate it into this page with more content, the display of the number of records doesn't show.

http://galcott1.com/comfitlabs/test2.html
(click PRODUCTS on the top menu to see the listview)

In case it matters, on the second page the section with the listview (divProducts) is initially hidden when the page loads. It is shown when you click Products on top or make a selection from the category menu (which isn't working yet). I have had some issues with other jQuery plugins that are initially hidden so I'm wondering if that has something to do with it. If not, then what would cause this issue?

Pager

answered on 23 Oct 2020