Combobox Paging

4 posts, 0 answers
  1. Troy
    Troy avatar
    31 posts
    Member since:
    Oct 2011

    Posted 20 Jun 2012 Link to this post

    Does the combobox support paging of the data source?  I have a combobox that is tied to a datasource that is using pageSize: 10 and serverPaging: true

    It appears that the combobox doesn't care about this.  Does the combobox have the functionality to show a paging control at the bottom of the item list or to use virtual scrolling?

    Thanks!
  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 21 Jun 2012 Link to this post

    Hi Troy,

    I am afraid that Kendo UI ComboBox does not support paging functionality. This idea sounds good and if you wish you can share it as a feature request at our UserVoice page. This way the community would be able to vote and comment it and if this suggestion turns out to be popular, we will consider its implementation for future releases of the product.   

    Regards,
    Iliana Nikolova
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. Travis
    Travis avatar
    223 posts
    Member since:
    Jan 2003

    Posted 30 Aug 2012 Link to this post

    Yes, I need the same functionality.  It seems to be present in every other combobox Telerik has made.
  5. Phil H.
    Phil H. avatar
    88 posts
    Member since:
    Nov 2008

    Posted 18 Oct 2014 Link to this post

    Hi:
    I just used the pager widget...
    <div id="pager" style="width: 393px;"></div>
    <input id="product" placeholder="Select product..." style="width: 400px;" />
    <script>
        var prodData = [
            { productName: "Chai", category: "Bevg" },
            { productName: "Chang", category: "Bevg" },
            { productName: "Aniseed Syrup", category: "Cond" },
            { productName: "Chef Anton's Cajun Seasoning", category: "Cond" },
            { productName: "Chef Anton's Gumbo Mix", category: "Cond" },
            { productName: "Grandma's Boysenberry Spread", category: "Cond" },
            { productName: "Uncle Bob's Organic Dried Pears", category: "Prod" },
            { productName: "Northwoods Cranberry Sauce", category: "Cond" },
            { productName: "Mishi Kobe Niku", category: "Meat" },
            { productName: "Ikura", category: "Seaf" },
            { productName: "Queso Cabrales", category: "Dair" },
            { productName: "Queso Manchego La Pastora", category: "Dair" },
            { productName: "Konbu", category: "Seaf" },
            { productName: "Tofu", category: "Prod" },
            { productName: "Genen Shouyu", category: "Cond" },
            { productName: "Pavlova", category: "Conf" },
            { productName: "Alice Mutton", category: "Meat" },
            { productName: "Carnarvon Tigers", category: "Seaf" },
            { productName: "Teatime Chocolate Biscuits", category: "Conf" },
            { productName: "Sir Rodney's Marmalade", category: "Conf" },
            { productName: "Sir Rodney's Scones", category: "Conf" },
            { productName: "Gustaf's Knäckebröd", category: "Grai" },
            { productName: "Tunnbröd", category: "Grai" },
            { productName: "Guaraná Fantástica", category: "Bevg" },
            { productName: "NuNuCa Nuß-Nougat-Creme", category: "Conf" },
            { productName: "Gumbär Gummibärchen", category: "Conf" },
            { productName: "Schoggi Schokolade", category: "Conf" },
            { productName: "Rössle Sauerkraut", category: "Prod" },
            { productName: "Thüringer Rostbratwurst", category: "Meat" },
            { productName: "Nord-Ost Matjeshering", category: "Seaf" },
            { productName: "Gorgonzola Telino", category: "Dair" },
            { productName: "Mascarpone Fabioli", category: "Dair" },
            { productName: "Geitost", category: "Dair" },
            { productName: "Sasquatch Ale", category: "Bevg" },
            { productName: "Steeleye Stout", category: "Bevg" },
            { productName: "Inlagd Sill", category: "Seaf" },
            { productName: "Gravad lax", category: "Seaf" },
            { productName: "Côte de Blaye", category: "Bevg" },
            { productName: "Chartreuse verte", category: "Bevg" },
            { productName: "Boston Crab Meat", category: "Seaf" },
            { productName: "Jack's New England Clam Chowder", category: "Seaf" },
            { productName: "Singaporean Hokkien Fried Mee", category: "Grai" },
            { productName: "Ipoh Coffee", category: "Bevg" },
            { productName: "Gula Malacca", category: "Cond" },
            { productName: "Rogede sild", category: "Seaf" },
            { productName: "Spegesild", category: "Seaf" },
            { productName: "Zaanse koeken", category: "Conf" },
            { productName: "Chocolade", category: "Conf" },
            { productName: "Maxilaku", category: "Conf" },
            { productName: "Valkoinen suklaa", category: "Conf" },
            { productName: "Manjimup Dried Apples", category: "Prod" },
            { productName: "Filo Mix", category: "Grai" },
            { productName: "Perth Pasties", category: "Meat" },
            { productName: "Tourtière", category: "Meat" },
            { productName: "Pâté chinois", category: "Meat" },
            { productName: "Gnocchi di nonna Alice", category: "Grai" },
            { productName: "Ravioli Angelo", category: "Grai" },
            { productName: "Escargots de Bourgogne", category: "Seaf" },
            { productName: "Raclette Courdavault", category: "Dair" },
            { productName: "Camembert Pierrot", category: "Dair" },
            { productName: "Sirop d'érable", category: "Cond" },
            { productName: "Tarte au sucre", category: "Conf" },
            { productName: "Vegie-spread", category: "Cond" },
            { productName: "Wimmers gute Semmelknödel", category: "Grai" },
            { productName: "Louisiana Fiery Hot Pepper Sauce", category: "Cond" },
            { productName: "Louisiana Hot Spiced Okra", category: "Cond" },
            { productName: "Laughing Lumberjack Lager", category: "Bevg" },
            { productName: "Scottish Longbreads", category: "Conf" },
            { productName: "Gudbrandsdalsost", category: "Dair" },
            { productName: "Outback Lager", category: "Bevg" },
            { productName: "Flotemysost", category: "Dair" },
            { productName: "Mozzarella di Giovanni", category: "Dair" },
            { productName: "Röd Kaviar", category: "Seaf" },
            { productName: "Longlife Tofu", category: "Prod" },
            { productName: "Rhönbräu Klosterbier", category: "Bevg" },
            { productName: "Lakkalikööri", category: "Bevg" },
            { productName: "Original Frankfurter grüne Soße", category: "Cond" }];
        //
        var dataSource = new kendo.data.DataSource({
            data: prodData,
            pageSize: 20
        });
        $("#pager").kendoPager({
            dataSource: dataSource,
            numeric: false
        });
        dataSource.read();
        $("#product").kendoComboBox({
            dataTextField: "productName",
            dataValueField: "category",
            dataSource: dataSource
        });
    </script>

    Phil
Back to Top
Kendo UI is VS 2017 Ready