Make datatable column data to hyperlink with parameters



.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;








0















I am using datatable on dashboard of my application, now i want to make one of my column result as hyperlink. when i click that text it should open a modal



here is code



> $dataTable = $('#orders-table').DataTable(
> processing: true,
> serverSide: true,
> ajax: '!! route('orders.data',['status' => implode("',
> lengthMenu: [20, 50, 75, 100],
> order: [ 0, 'desc' ],
> columns: [
> data: 'order_id', name: 'order_id',
> data: 'order_reference',
> "render":function(data)
> data = '<a onclick="openFormModal(this)" data-route=" route('orders.detail', ['order' => $data->order_id])
> ">' + data + '</a>';
> return data;
>
> ,
> ],
> );



i want to make order reference as hyperlink but what i actually facing
problem is i dont know how to pass order id here with this route.
Order id is avaliable in $data but i can't access here.











share|improve this question




























    0















    I am using datatable on dashboard of my application, now i want to make one of my column result as hyperlink. when i click that text it should open a modal



    here is code



    > $dataTable = $('#orders-table').DataTable(
    > processing: true,
    > serverSide: true,
    > ajax: '!! route('orders.data',['status' => implode("',
    > lengthMenu: [20, 50, 75, 100],
    > order: [ 0, 'desc' ],
    > columns: [
    > data: 'order_id', name: 'order_id',
    > data: 'order_reference',
    > "render":function(data)
    > data = '<a onclick="openFormModal(this)" data-route=" route('orders.detail', ['order' => $data->order_id])
    > ">' + data + '</a>';
    > return data;
    >
    > ,
    > ],
    > );



    i want to make order reference as hyperlink but what i actually facing
    problem is i dont know how to pass order id here with this route.
    Order id is avaliable in $data but i can't access here.











    share|improve this question
























      0












      0








      0








      I am using datatable on dashboard of my application, now i want to make one of my column result as hyperlink. when i click that text it should open a modal



      here is code



      > $dataTable = $('#orders-table').DataTable(
      > processing: true,
      > serverSide: true,
      > ajax: '!! route('orders.data',['status' => implode("',
      > lengthMenu: [20, 50, 75, 100],
      > order: [ 0, 'desc' ],
      > columns: [
      > data: 'order_id', name: 'order_id',
      > data: 'order_reference',
      > "render":function(data)
      > data = '<a onclick="openFormModal(this)" data-route=" route('orders.detail', ['order' => $data->order_id])
      > ">' + data + '</a>';
      > return data;
      >
      > ,
      > ],
      > );



      i want to make order reference as hyperlink but what i actually facing
      problem is i dont know how to pass order id here with this route.
      Order id is avaliable in $data but i can't access here.











      share|improve this question














      I am using datatable on dashboard of my application, now i want to make one of my column result as hyperlink. when i click that text it should open a modal



      here is code



      > $dataTable = $('#orders-table').DataTable(
      > processing: true,
      > serverSide: true,
      > ajax: '!! route('orders.data',['status' => implode("',
      > lengthMenu: [20, 50, 75, 100],
      > order: [ 0, 'desc' ],
      > columns: [
      > data: 'order_id', name: 'order_id',
      > data: 'order_reference',
      > "render":function(data)
      > data = '<a onclick="openFormModal(this)" data-route=" route('orders.detail', ['order' => $data->order_id])
      > ">' + data + '</a>';
      > return data;
      >
      > ,
      > ],
      > );



      i want to make order reference as hyperlink but what i actually facing
      problem is i dont know how to pass order id here with this route.
      Order id is avaliable in $data but i can't access here.








      jquery laravel datatable






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Nov 15 '18 at 13:48









      Asif NawazAsif Nawaz

      296




      296






















          1 Answer
          1






          active

          oldest

          votes


















          2














          you can't use laravel routes. render of datatable is executed client side ... you should place the URL manually ... supposing you route is something like /orders/detail/id then your code should be



          "render": function(data)
          var cell = '<a onclick="openFormModal(this)" data-route="/orders/detail/' + data.order_id + '">' + data.order_reference + '</a>';
          return cell;






          share|improve this answer























            Your Answer






            StackExchange.ifUsing("editor", function ()
            StackExchange.using("externalEditor", function ()
            StackExchange.using("snippets", function ()
            StackExchange.snippets.init();
            );
            );
            , "code-snippets");

            StackExchange.ready(function()
            var channelOptions =
            tags: "".split(" "),
            id: "1"
            ;
            initTagRenderer("".split(" "), "".split(" "), channelOptions);

            StackExchange.using("externalEditor", function()
            // Have to fire editor after snippets, if snippets enabled
            if (StackExchange.settings.snippets.snippetsEnabled)
            StackExchange.using("snippets", function()
            createEditor();
            );

            else
            createEditor();

            );

            function createEditor()
            StackExchange.prepareEditor(
            heartbeatType: 'answer',
            autoActivateHeartbeat: false,
            convertImagesToLinks: true,
            noModals: true,
            showLowRepImageUploadWarning: true,
            reputationToPostImages: 10,
            bindNavPrevention: true,
            postfix: "",
            imageUploader:
            brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
            contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
            allowUrls: true
            ,
            onDemand: true,
            discardSelector: ".discard-answer"
            ,immediatelyShowMarkdownHelp:true
            );



            );













            draft saved

            draft discarded


















            StackExchange.ready(
            function ()
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53320921%2fmake-datatable-column-data-to-hyperlink-with-parameters%23new-answer', 'question_page');

            );

            Post as a guest















            Required, but never shown

























            1 Answer
            1






            active

            oldest

            votes








            1 Answer
            1






            active

            oldest

            votes









            active

            oldest

            votes






            active

            oldest

            votes









            2














            you can't use laravel routes. render of datatable is executed client side ... you should place the URL manually ... supposing you route is something like /orders/detail/id then your code should be



            "render": function(data)
            var cell = '<a onclick="openFormModal(this)" data-route="/orders/detail/' + data.order_id + '">' + data.order_reference + '</a>';
            return cell;






            share|improve this answer



























              2














              you can't use laravel routes. render of datatable is executed client side ... you should place the URL manually ... supposing you route is something like /orders/detail/id then your code should be



              "render": function(data)
              var cell = '<a onclick="openFormModal(this)" data-route="/orders/detail/' + data.order_id + '">' + data.order_reference + '</a>';
              return cell;






              share|improve this answer

























                2












                2








                2







                you can't use laravel routes. render of datatable is executed client side ... you should place the URL manually ... supposing you route is something like /orders/detail/id then your code should be



                "render": function(data)
                var cell = '<a onclick="openFormModal(this)" data-route="/orders/detail/' + data.order_id + '">' + data.order_reference + '</a>';
                return cell;






                share|improve this answer













                you can't use laravel routes. render of datatable is executed client side ... you should place the URL manually ... supposing you route is something like /orders/detail/id then your code should be



                "render": function(data)
                var cell = '<a onclick="openFormModal(this)" data-route="/orders/detail/' + data.order_id + '">' + data.order_reference + '</a>';
                return cell;







                share|improve this answer












                share|improve this answer



                share|improve this answer










                answered Nov 15 '18 at 14:13









                simonecoscisimonecosci

                82659




                82659





























                    draft saved

                    draft discarded
















































                    Thanks for contributing an answer to Stack Overflow!


                    • Please be sure to answer the question. Provide details and share your research!

                    But avoid


                    • Asking for help, clarification, or responding to other answers.

                    • Making statements based on opinion; back them up with references or personal experience.

                    To learn more, see our tips on writing great answers.




                    draft saved


                    draft discarded














                    StackExchange.ready(
                    function ()
                    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53320921%2fmake-datatable-column-data-to-hyperlink-with-parameters%23new-answer', 'question_page');

                    );

                    Post as a guest















                    Required, but never shown





















































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown

































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown







                    Popular posts from this blog

                    Kleinkühnau

                    Makov (Slowakei)

                    Deutsches Schauspielhaus