Telerik Forums
Kendo UI for jQuery Forum
0 answers
9 views

Hello!

I am trying to use ListView with Buttons inside a Tabstrip. I want the user to be able to select an item to view a report.
As part of this list, I want a clickable hamburger button for the user to open up a popover menu for additional settings.

This setup works for all browsers when I do not perform the "filter" function. However on Firefox (only), using this filter function on the ListView causes my Kendo buttons inside the list to suddenly not fire the onClick handlers.

    $("#listView").data("kendoListView").dataSource.filter({      
      filters: [
        { field: "Document_Number", operator: "contains", value: "J82901" }
      ]
    });

On Chrome and Edge, the Kendo buttons work just fine even after this filter. On Firefox however, I notice that the Kendo buttons are unformatted and do not respond to the click events when logging output in the console.

To reproduce the issue, I have provided the following dojo code: Sandbox Code here

 

Here is a sample image of the output: I have a Tabstrip with a ListView nested within. Each ListView entry has a button attached to it via a template. On click, the button should fire the click handler and print output to the console. (And a popover in the future)

Any help to get this working on Firefox would be greatly appreciated! This is an older version of Kendo UI (Sept 2021).

Thanks.

C
Top achievements
Rank 1
 updated question on 29 Apr 2024
0 answers
42 views

In Export as Excel limited data is only Shown, If we add more data in the Kendo Table Grid, Additionally,  When we click on Export as Excel, only the same set of data is shown, without any new data being added to the  Excel Sheet.

See here Data is upto 45 in Kendo Table but when we export as Excel then only upto 32 data is loading, no new data is being loaded on Excel Sheet.

Mohit
Top achievements
Rank 1
 asked on 03 Oct 2023
0 answers
49 views

Good afternoon,

I've been working on an effort to replace angularJS with Kendo for JQuery.  For the most part, there's been a solution for everything, but I'm running into a bit of a hiccup.  Is there some sort of equivalent I can use to replace the dir-pagination directive (which can be applied to things like TR or LI elements) that angular uses?

 

Thanks,

R-T
Top achievements
Rank 1
 asked on 13 Feb 2023
0 answers
69 views
jQuery Grid Row Template can't escape from the bondage of row.
jQuery Grid Row Template works only in row units.

However, ListView is nice because it allows you to put multiple divs on a single line.

I've done a lot of development with KendoGrid. I want the already created KendoGrid to behave like a ListView.
I need a template like ListView inside a Grid. Is it difficult to make?
Grid and ListView are very similar. I hope that the already developed Grid will be like ListView with a simple template function.
Converting an already developed Grid to a ListView takes too much effort. that's insane It should be resolved in Progress.

Or, is there already a way?

thank you.
n/a
Top achievements
Rank 1
Iron
Iron
 asked on 26 Jan 2023
0 answers
636 views

I've reviewing the code Binding to remote data example for the ListView control. There's some HTML which I don't understand. It might be some HTML5 code snippets I'm unaware of, or it might be something specific to Kendo UI for jQuery. In any case I'm sorry for my ignorance. 

Here's a compact example from I'm referring to:


    <script type="text/x-kendo-template" id="template">
        <div class="product">
            <img src="../content/web/foods/#= ProductID #.jpg" alt="#: ProductName # image" />
            <h3>#:ProductName#</h3>
            <p>#:kendo.toString(UnitPrice, "c")#</p>
        </div>
    </script>

In the code snippet the src attribute has "../content/web/foods/#= ProductID #.jpg" and the alt attribute has "#: ProductName # image". I get that there's a substitution going on, but I don't understand why the src attribute using #= and the alt attribute doesn't. Why does it use #: ? 

What's the difference between the two and when do you use one other the other?

Rod
Top achievements
Rank 1
 asked on 19 Aug 2022
0 answers
122 views

We're still getting used to using Telerik's Kendo UI for jQuery. So far, we've only used one component, AutoComplete. Which works great, BTW!

There's something we'd like to do, but don't know how to do. On an ASP.NET MVC Core page (.NET 6) we want to be able to allow the user to enter multiple items of the same type. It seems like either the Grid or ListView Kendo components would work. Personally, I'm favoring the ListView. But we also need to use AutoComplete work when the user is entering values to a new row. So, for example, we need to collect LotNumber and ProgramName, multiple times, because there can be and often is, multiple items to be entered, along with other details on the same page. I've looked at the ListView component, the Add method, etc. In the example given, it references an identified (by using the HTML id property) control on the page. So, how does one apply AutoComplete to both LotNumber and ProgramName, when entering a new LotNumber/ProgramName pair in a ListView?

Rod
Top achievements
Rank 1
 asked on 19 Aug 2022
0 answers
57 views

Hi team,

Seems listview is no more in SASS theme builder!

Furthermore, when creating custom css with theme builder, I get duplicate lines (typography and utils) in file.scss !?


@import "~@progress/kendo-theme-default/scss/typography/_index.scss";
@import "~@progress/kendo-theme-default/scss/utils/_index.scss";
@import "~@progress/kendo-theme-default/scss/grid/_index.scss";
@import "~@progress/kendo-theme-default/scss/typography/_index.scss";
@import "~@progress/kendo-theme-default/scss/utils/_index.scss";
@import "~@progress/kendo-theme-default/scss/autocomplete/_index.scss";
@import "~@progress/kendo-theme-default/scss/typography/_index.scss";
@import "~@progress/kendo-theme-default/scss/utils/_index.scss";
@import "~@progress/kendo-theme-default/scss/combobox/_index.scss";
@import "~@progress/kendo-theme-default/scss/typography/_index.scss";
@import "~@progress/kendo-theme-default/scss/utils/_index.scss";
@import "~@progress/kendo-theme-default/scss/multiselect/_index.scss";
@import "~@progress/kendo-theme-default/scss/typography/_index.scss";
@import "~@progress/kendo-theme-default/scss/utils/_index.scss";
@import "~@progress/kendo-theme-default/scss/dropdownlist/_index.scss";
@import "~@progress/kendo-theme-default/scss/typography/_index.scss";
@import "~@progress/kendo-theme-default/scss/utils/_index.scss";
@import "~@progress/kendo-theme-default/scss/dropdowntree/_index.scss";
@import "~@progress/kendo-theme-default/scss/typography/_index.scss";
@import "~@progress/kendo-theme-default/scss/utils/_index.scss";
@import "~@progress/kendo-theme-default/scss/dropdowngrid/_index.scss";
@import "~@progress/kendo-theme-default/scss/typography/_index.scss";
@import "~@progress/kendo-theme-default/scss/utils/_index.scss";
@import "~@progress/kendo-theme-default/scss/colorpalette/_index.scss";
@import "~@progress/kendo-theme-default/scss/typography/_index.scss";
@import "~@progress/kendo-theme-default/scss/utils/_index.scss";
@import "~@progress/kendo-theme-default/scss/numerictextbox/_index.scss";
@import "~@progress/kendo-theme-default/scss/typography/_index.scss";
@import "~@progress/kendo-theme-default/scss/utils/_index.scss";
@import "~@progress/kendo-theme-default/scss/daterangepicker/_index.scss";
@import "~@progress/kendo-theme-default/scss/typography/_index.scss";
@import "~@progress/kendo-theme-default/scss/utils/_index.scss";
@import "~@progress/kendo-theme-default/scss/datepicker/_index.scss";

 

Please advise...

 

Best regards,

Laurent.

Laurent
Top achievements
Rank 2
Iron
Iron
 asked on 04 May 2022
0 answers
52 views

Good afternoon

I am trying to amend the code in this article so that I can achieve the following:

1.  Ability to remove items from the #newlist once they have been dropped

- I cannot for the life of me get the template functionality to work with the kb code so I must be missing something somewhere.

2. I am also unsure how to stop adding the same item repeatedly to the #newlist.

Any advice or pointers, gladly received.

 

Richard
Top achievements
Rank 1
 asked on 28 Feb 2022
0 answers
126 views
I have  kendo editor and kendo listview grouping controls ,  editor is working fine but after bind the data, listview group fiter is not working with this lib "https://kendo.cdn.telerik.com/2021.3.914/js/kendo.all.min.js" Please help on this issue.
kiran
Top achievements
Rank 1
 updated question on 18 Sep 2021
0 answers
142 views
Hi,

I am using Listview in one of my asp.net mvc page. Data is getting loaded into listview by making an ajax call to the serevr. it is working fine when I have added kendo.all.min.js and kendo.aspnetmvc.min.js files on my page. kendo.all.min.js is 1.9 MB file and because of this my site is performing slow as browser sends a request to download this file first time.

I referred this page and http://docs.telerik.com/kendo-ui/install/custom#listview and found that for listview you need only some files to work with listview.

jquery.js
kendo.core.js
kendo.data.js
kendo.calendar.js (Editing feature)
kendo.popup.js (Editing feature)
kendo.datepicker.js (Editing feature)
kendo.userevents.js (Editing feature)
kendo.numerictextbox.js (Editing feature)
kendo.validator.js (Editing feature)
kendo.binder.js (Editing feature)
kendo.editable.js (Editing feature)
kendo.userevents.js (Selection feature)
kendo.selectable.js (Selection feature)
kendo.listview.js

I tired with above 14 files and kendo.aspnetmvc.min.js file;(i think this is for Ajax call) on my page.
Script is not executing at all and it fails on client side itself. Error message on browser console says Uncaught TypeError: undefined is not a function and source file it suggest is kendo.listview.min.js.
 
I want to add only required files and not one big file (kendo.all.min.js) to improve the performance.
For your reference attached is my cshtml page; so that you can have a look at the code.

Could someone help me on this?


Thanks,
Grape
Top achievements
Rank 1
 asked on 15 Dec 2014
Narrow your results
Selected tags
Tags
+? more
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?