Questions on Kendo UI for jQuery Forum

2 answers

92 views

Hi, Dev Team!

Here the part of my KendoGrid. Its make beautyfull green check image if value is "true", but in search panel i find original "true/false" values for choice. Can i get the same green check image also in search panel?

{

field: "Done",

title: "Done",

template: function (dataItem) {

var done = ""

if (dataItem.Done) {

done = '<i class="fas fa-check fa-2x" style="color: green !important;"></i>'

}

return done;

},

filterable: { multi: true }

}

Grid

answered on 22 May 2020

3 answers

1.5K+ views

Want to add a button inline with the kendo tab

I have created a kendo tabstrip with 2 tabs. I want to add buttons inline with the tabs and to their extreme right. I have attached a screenshot of the functionality I want to achieve.

I tried using the css display:flex property, but the buttons are still not in line with the tabs.

TabStrip

answered on 22 May 2020

3 answers

177 views

Localization for upload resume and pause button is missing

Hello,

I use the de-DE localization and there is no translation of the aria-label of the resume and pause button in the upload form. The other buttons like cancel and retry are translated.

Can you add a localization for those buttons too?

Best, Max

Upload

answered on 22 May 2020

4 answers

968 views

Grid data can't have numbers as column headers

I'm trying to get a Kendo UI Grid working with AngularJS and a sample of data. I am encountering a generic "Error: Invalid template" error when the grid attempts to display the data. The data I am using is:

$scope.dataSource.data = [

{

"874": " ",

"878": "Example1",

"882": "Example2",

"884": "4",

"885": "Example 4",

"886": "in",

"_id": {

"$oid": "eaa1e4b0a8480579f79e"

},

"ID1": "46237",

"ID2": "",

"ID3": "",

"ItemType": "Line",

"ItemName": "Example 6"

}

]

I know it's throwing the error on the columns with numbers as headers, because when I take out those columns it works just fine. Also, if I swap those column headers out for letter values, it also renders correctly.

Is this a known issue with the Kendo UI Grid or is there a workaround? I know the data I will be displaying will have numbers as headers often.

Cheers

Grid

answered on 22 May 2020

7 answers

325 views

Issue with multiselect value mapper

I have multi-select drop-down which having 10000 devices data. i have configured server side filtering and virtualization . but while searching I am getting a issue with value mapper . it's copying selected data.

https://dojo.telerik.com/eyuTEZaZ

I am getting reference above link . its also giving same issue .

MultiSelect

answered on 22 May 2020

1 answer

242 views

Two filter at the same Time !

Hello,

I'm trying to make a filter with two filters inside .. !!

I have a MultiSelect and AutoComplete and I want to take the value of them and put them in a filter...

so what I did is this...

in onChange_MultiSelect I wrote this...

var filter = {

logic: "or",

filters: new Array()

};

Global_Selected_Mitarbeiter_Filter = {

logic: "or",

filters: filter.filters

};

scheduler.dataSource.filter(filter);

DataItems.forEach(function (item, index) {

// var itemToAdd =

// {

// Text: item.CrmUserNameZuordnung,

// Value: item.ID

// };

// selected.push(itemToAdd)

//for (var i = 0; i < selected.length; i++) {

for (var i = 0; i < DataItems.length; i++) {

filter.filters.push({

field: "CrmUserName",

operator: "eq",

value: DataItems[i].CrmUserNameZuordnung

});

}

})

and in onChange_AutoComplete i wrote this ..

var filter_All = {

logic: "and",

filters: new Array()

};

var filter = {

logic: "or",

filters: new Array()

};

if (auto_Change.value() != "") {

filter_All.filters.push(filter);

}

if (Mitarbeiter_MSelect.value() != "") {

filter_All.filters.push(Global_Selected_Mitarbeiter_Filter);

}

scheduler.dataSource.filter(filter_All);

DataItemss.forEach(function (item, index) {

// var itemToAdd =

// {

// Text: item.Title

//Value: item.Title

//Color : item.color

// };

// selected.push(itemToAdd)

//for (var i = 0; i < selected.length; i++) {

for (var i = 0; i < DataItemss.length; i++) {

filter.filters.push({

//2- this the title of the field of the multiselect it self .. like what to show as title for these fields

field: "title",

operator: "startswith",

//value: selected[i].Text

value: DataItemss[i].Title

});

}

})

so basically what I did is, putting the value in two filters and then push them into a third filter and try to filter the Scheduler...

but it's not working .. is there another way to approach this goal .. or any tip to make it right ??

Thanks in advance ...

Scheduler

answered on 22 May 2020

1 answer

97 views

Sorting Issue on Grid

I have a grid containing dropdown column bind to the field named ChartTypeId. It has a custom template which display the ChartTypeName. The problem, it sorts the column by ChartTypeId. How can I modify it to sort by ChartTypeName instead of ChartTypeId?

1.{

2. field: "ChartTypeId",

3. title: "Chart Type",

4. width: "auto",

5. template: "${ChartTypeName}",

6. editor: ChartTypeDropDownEditor,

7. editable: true,

8.},

Grid

answered on 22 May 2020

1 answer

957 views

Module kendo.directives Is Not Available

I'm attempting to update my (licensed) version of Kendo UI for Jquery and AngularJS to the newest release (2020.2.513 at this post). I downloaded kendo.all.js and put it in a new directory, then changed my links to point at the new directory.

Upon logging into my application, I get this trace in my dev tools:

Error: [$injector:modulerr] Failed to instantiate module core due to:
[$injector:modulerr] Failed to instantiate module kendo.directives due to:
[$injector:nomod] Module 'kendo.directives' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

My application worked fine with my previous version, 2016.3.914 and AngularJS 1.5.8, but now has issues. Can anyone assist?

General Discussions

answered on 22 May 2020

1 answer

234 views

Treelist persist state

Hi,

I am trying to save and restore settings of table header in kendo treelist. Is there a way to persist treelist as we can do in Knedo Grid (below link shows the example how to persist grid)?

https://demos.telerik.com/kendo-ui/grid/persist-state

As we dont have getOptions and setOptions in Kendo treelist, how can we achieve this feature?

Thanks,

Ramesh

TreeList

answered on 21 May 2020

3 answers

166 views

ddl opens when filtering after searching

Hi, I try to make dropdownlist create less "DOM" components to keep our app fast, even with lots of dropdown loaded with 100-1000 items.

So, I found that simple quick solution that works very well, I filter data on open / close to release "dom" items when I don't need them.

But, I have an issue when I apply a "contains" search.

Look at this

https://dojo.telerik.com/@foxontherock/OciGurUy/3

Open the combo, search for "trois" using the dropdown search box, then select it.

You will see, the combo re-opens, immediately when I apply the filter on the "filterOnValue" function.

If I don't set any "contains" search, it works well.

*** may I suggest to use that "DOM-trick" using filter on open-close the default behavior for all your components? We plan to use it in dropdown, treeview, ...

We tried using "virtual", but there's too my bugs with it it never works as expected and it's too complicated.

DropDownList

answered on 21 May 2020