Hyperlink Column and Filtering

5 posts, 1 answers
  1. Jitendra
    Jitendra avatar
    3 posts
    Member since:
    Jun 2017

    Posted 05 Jul 2017 Link to this post

    How to filter the rows of hyperlink column.
  2. Stefan
    Admin
    Stefan avatar
    2913 posts

    Posted 07 Jul 2017 Link to this post

    Hello Jitendra,

    This can be achieved passing the link as a string and then use a column template to display it as a link:

    http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-columns.template

    I made an example demonstrating this:

    http://dojo.telerik.com/ubafo

    I hope this is helpful.

    Regards,
    Stefan
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Jitendra
    Jitendra avatar
    3 posts
    Member since:
    Jun 2017

    Posted 10 Jul 2017 in reply to Stefan Link to this post

    Hi Stefan,

    Thanks for your reply.

    I did the same way but getting two jquery error on Grid.

    1. on binding the grid.

    Uncaught TypeError: Cannot read property 'data' of undefined
        at init.setup (kendo.all.min.js:27)
        at init.read (kendo.all.min.js:27)
        at kendo.all.min.js:27
        at init._queueRequest (kendo.all.min.js:28)
        at init.read (kendo.all.min.js:27)
        at init.query (kendo.all.min.js:28)
        at init._query (kendo.all.min.js:28)
        at init.fetch (kendo.all.min.js:28)
        at new init (kendo.all.min.js:49)
        at HTMLDivElement.<anonymous> (kendo.all.min.js:26)

     

    2. On filtering the hyperlink column.

    Uncaught TypeError: (d.InvestigatorNumber || "").toLowerCase is not a function
        at eval (eval at filter (kendo.all.min.js:27), <anonymous>:3:38)
        at r.filter (kendo.all.min.js:27)
        at init._calculateAggregates (kendo.all.min.js:28)
        at init._process (kendo.all.min.js:28)
        at init.success (kendo.all.min.js:27)
        at Object.success (kendo.all.min.js:27)
        at init.read (kendo.all.min.js:27)
        at kendo.all.min.js:27
        at init._queueRequest (kendo.all.min.js:28)
        at init.read (kendo.all.min.js:27)

    Can you please help me on this?

  4. Jitendra
    Jitendra avatar
    3 posts
    Member since:
    Jun 2017

    Posted 10 Jul 2017 in reply to Stefan Link to this post

    Hi Stefan,

    Thanks for reply.

    I am doing the same way which provided in demo. but getting 2 kendo ui jquery error.

    1. On binding the grid

    Uncaught TypeError: Cannot read property 'data' of undefined
        at init.setup (kendo.all.min.js:27)
        at init.read (kendo.all.min.js:27)
        at kendo.all.min.js:27
        at init._queueRequest (kendo.all.min.js:28)
        at init.read (kendo.all.min.js:27)
        at init.query (kendo.all.min.js:28)
        at init._query (kendo.all.min.js:28)
        at init.fetch (kendo.all.min.js:28)
        at new init (kendo.all.min.js:49)
        at HTMLDivElement.<anonymous> (kendo.all.min.js:26)

     

    2. On filtering the hyperlink column.

    Uncaught TypeError: (d.InvestigatorNumber || "").toLowerCase is not a function
        at eval (eval at filter (kendo.all.min.js:27), <anonymous>:3:38)
        at r.filter (kendo.all.min.js:27)
        at init._calculateAggregates (kendo.all.min.js:28)
        at init._process (kendo.all.min.js:28)
        at init.success (kendo.all.min.js:27)
        at Object.success (kendo.all.min.js:27)
        at init.read (kendo.all.min.js:27)
        at kendo.all.min.js:27
        at init._queueRequest (kendo.all.min.js:28)
        at init.read (kendo.all.min.js:27)

    Can you please help me on this issue?

  5. Answer
    Stefan
    Admin
    Stefan avatar
    2913 posts

    Posted 12 Jul 2017 Link to this post

    Hello Jitendra,

    I can assume that there is a difference in the data format.

    Could you please modify the provided example, by using a dummy data with the same structure as in the real application? This will allow us to inspect it locally and provide a suggestion best suited for it.

    Regards,
    Stefan
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top