I keep getting error $(...).fileupload is not a function. - Web Development Discussion Boards

Re: Unity source version control experiences?

ZurdoDev16-Sep-19 3:58

16-Sep-19 3:58

Years ago I used TortoiseSVN for code (wasn't unity) but it was file based so it did not matter. It had a plugin to File Explorer and was independent of the IDE. It worked great.

Social Media - A platform that makes it easier for the crazies to find each other.

Everyone is born right handed. Only the strongest overcome it.
Fight for left-handed rights and hand equality.

SignalR Connection Problem - Version Mismatch

Kevin Marois8-Aug-19 7:58

Kevin Marois

8-Aug-19 7:58

I following this article. Everything works great - from a browser.

What we're really after is to use SignalR in a WPF app, so during development I had been hosting in a Console app. Now, I want to host it in IIS.

For testing, I took this sample app and hosted it in IIS on our server. Like I said already, I can chat using from browser to browser.

Now, I'm trying to create a Console app that calls the Send method on the server from my PC:

class Program
 {
     private const string HUB_NAME = "ChatHub";

     private static IHubProxy HubProxy;

     static void Main(string[] args)
     {
         try
         {
             string url = "<a href="http://192.168.50.83:8062">http://192.168.50.83:8062</a>";

             var connection = new HubConnection(url);

             HubProxy = connection.CreateHubProxy(HUB_NAME);
             HubProxy.On<string, string>("send", HandleSendResponse);

             connection.StateChanged += Connection_StateChanged;
             connection.Error += Connection_Error;

             Console.WriteLine($"Connecting to hub named '{HUB_NAME}' at {url}");
             connection.Start().ContinueWith(task =>
             {
                 if (task.IsFaulted)
                 {
                     Console.WriteLine("Connection failed");
                     foreach (var ex in task.Exception.InnerExceptions)
                     {
                         Console.WriteLine(ex.Message);  // <================== EXCEPTION HERE
                     }
                 }
                 else
                 {
                     Console.WriteLine("Connection succeeded");
                 }
             });

         }
         catch (Exception e)
         {
             Console.WriteLine("EXCEPTION OCCURED" + Environment.NewLine + e.ToString());
         }

         Console.WriteLine("Press any key to quit");
         Console.ReadLine();
     }

     private static void Connection_Error(Exception obj)
     {
         Console.WriteLine($"Connection attempt threw '{obj.ToString()}'");
     }

     private static void Connection_StateChanged(StateChange obj)
     {
         Console.WriteLine($"Connection state is '{obj.NewState}'");

         if (obj.NewState == ConnectionState.Connected)
         {
             string[] args = new string[2];
             args[0] = "John Doe";
             args[1] = "Hello there!";

             HubProxy.Invoke("Send", args).ContinueWith(task =>
             {
                 if (task.IsFaulted)
                 {
                     Console.WriteLine("There was an error calling Send: {0}", task.Exception.GetBaseException());
                     Console.WriteLine(task.Status.ToString());
                 }
                 else
                 {
                     Console.WriteLine("Send Complete.");
                 }
             }).Wait();
         }
     }

     private static void HandleSendResponse(string name, string message)
     {
         Console.WriteLine($"Server returned: '{message}' from '{name}'");
     }
 }

I'm getting the exception "You are using a version of the client that isn't compatible with the server. Client version 2.0, server version 1.3."

This looks pretty straightforward, but I've checked twice - both the server and client console app are using SignalR 2.0.0.

In the case of the browser, the jquery versions also look up to date, but my console app should care about that.

I've Googled this and everyone seems ot say the same thing as the message. But from what I can see the versions are correct.

Anyone have any ideas?

If it's not broken, fix it until it is.
Everything makes sense in someone's mind.
Ya can't fix stupid.

Re: SignalR Connection Problem - Version Mismatch

Member 1291556124-Sep-20 13:19

Member 12915561

24-Sep-20 13:19

Any updates?

Asp.Net Web API Installer

Kevin Marois5-Aug-19 5:52

Kevin Marois

5-Aug-19 5:52

I need to install an Asp.Net Web API to IIS on a server as part of another app's installation. We're using Wix to create our installers. During installation of our app, we would also like to put our Web API in IIS on a server.

I see plenty of resources on how to deploy using VS, but how do I do this with an installation package?

How is this done?

Thanks

If it's not broken, fix it until it is.
Everything makes sense in someone's mind.
Ya can't fix stupid.

Can someone help me understand this error? - HTTP Error 403.14 - Forbidden

GungaDin161-Aug-19 6:45

GungaDin16

1-Aug-19 6:45

I'm working in VS2019 on a web project and once in a while this pops up when I go to simply run the code from within Visual Studios..... I know it has something to do with permissions at the URL but in this case I'm running to loacal server from within VS.  How can my permissions change like that and what can I do to fix it? Thanks.

Hide   Copy Code
HTTP Error 403.14 - Forbidden
The Web server is configured to not list the contents of this directory.

Most likely causes:
A default document is not configured for the requested URL, and directory browsing is not enabled on the server.

Re: Can someone help me understand this error? - HTTP Error 403.14 - Forbidden

ZurdoDev1-Aug-19 8:07

ZurdoDev

1-Aug-19 8:07

You probably have it set to run based on the selected document and your selected document is a folder or something that can't be browsed to. Right click a default page and choose to set it as default page.

Social Media - A platform that makes it easier for the crazies to find each other.

Everyone is born right handed. Only the strongest overcome it.
Fight for left-handed rights and hand equality.

Re: Can someone help me understand this error? - HTTP Error 403.14 - Forbidden

Regina Hawk13-Aug-19 4:31

Regina Hawk

13-Aug-19 4:31

Hi, found a familiar issue, maybe it will help you https://support.microsoft.com/en-us/help/942062/http-error-403-14-forbidden-error-when-you-open-an-iis-7-0-webpage[^]

I keep getting error $(...).fileupload is not a function.

KGr2830-Jul-19 4:38

KGr28

30-Jul-19 4:38

When I run the code by itself(Index.cshtml), I don't get an error and everything works but when I try to make it a partial view in my details.cshtml page with

Html.RenderAction("Index", "FileUpload");

I get $(...).fileupload is not a function.

Code:Index.cshtml

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>index</title>
    <link href="~/Content/FileUpload/FileUpload.css" rel="stylesheet" />
</head>
<body>
    <div class="upload">
        <div>
            <form id="upload" method="post" action="/FileUpload/UploadFiles" enctype="multipart/form-data">

                <div id="drop">
                    <a>Upload File</a>
                    <input type="file" name="upl" multiple id="fileuploader" />
                </div>

                <ul>
                    <!-- The file uploads will be shown here -->
                </ul>

            </form>
            <script src="~/Scripts/jquery-3.1.0.min.js"></script>
            <!-- JavaScript Includes -->
            @*<script src="~/Scripts/jquery.knob.js"></script>*@
            <script src="~/Scripts/FileUpload/jquery.knob.js"></script>
            <!-- JavaScript Includes -->
            <!-- jQuery File Upload Dependencies -->
            @*<script src="~/Scripts/jquery.ui.widget.js"></script>*@
            <script src="~/Scripts/FileUpload/jquery.ui.widget.js"></script>

            @*<script src="~/Scripts/jquery.iframe-transport.js"></script>*@
            <script src="~/Scripts/FileUpload/jquery.iframe-transport.js"></script>

            @*<script src="~/Scripts/jquery.fileupload.js"></script>*@
            <script src="~/Scripts/FileUpload/jquery.fileupload.js"></script>

            <!-- jQuery File Upload Dependencies -->
            <!-- Main JavaScript file -->
            @*<script src="~/Scripts/script.js"></script>*@
            <script src="~/Scripts/script.js"></script>
            <!-- Main JavaScript file -->

        </div>
    </div>
</body>
</html>

Controller:

public class FileUploadController : Controller
    {
        // GET: FileUpload
        [ChildActionOnly]
        public ActionResult Index()
        {
            return PartialView();
        }

        [HttpPost]

        public void UploadFiles()
        {
            if (Request.Files?.Count > 0)
            {
                var filesCount = Request.Files.Count;
                for (int i = 0; i < filesCount; i++)
                {
                    var file = Request.Files[i];
                    var fileName = Path.GetFileName(file.FileName);
                    var path = Path.Combine(Server.MapPath("~/Uploads/"), fileName);

                    file.SaveAs(path);
                }
            }
        }

Code:Details.cshtml

@{.
  .
  Html.RenderAction("Index", "FileUpload");
    }

Re: I keep getting error $(...).fileupload is not a function.

Afzaal Ahmad Zeeshan30-Jul-19 5:41

Afzaal Ahmad Zeeshan

30-Jul-19 5:41

Quote:
everything works but when I try to make it a partial view

Maybe your partial view does not load the scripts that are needed to be there for that fileupload to be defined. Check your browser console to see the actual error, most probably, inside the partial view you need to import the JavaScript for the fileupload component and then call the $(...).fileupload().

This line to be precise,

HTML

<script src="~/Scripts/FileUpload/jquery.fileupload.js"></script>

If you are sure that you have called this script and it is a part of the DOM, and still this error comes, please share the browser console logs so that we can look into them. You can capture that using F12 and then visiting console (if some other tab is selected).

The sh*t I complain about
It's like there ain't a cloud in the sky and it's raining out - Eminem
~! Firewall !~

Re: I keep getting error $(...).fileupload is not a function.

KGr2830-Jul-19 7:35

KGr28

30-Jul-19 7:35

This is the error that I am receiving :

jquery-3.1.0.min.js:2 Uncaught TypeError: $(...).fileupload is not a function
    at HTMLDocument.<anonymous> (script.js:12)
    at j (jquery-3.1.0.min.js:2)
    at k (jquery-3.1.0.min.js:2)

Re: I keep getting error $(...).fileupload is not a function.

Afzaal Ahmad Zeeshan30-Jul-19 8:55

Afzaal Ahmad Zeeshan

30-Jul-19 8:55

Can you show the content of your script.js file? The problem comes somewhere from there,

HTML

<script src="~/Scripts/script.js"></script>

Somewhere at line 12, there is a call to the fileupload function and you can need to make sure that your fileupload script is loaded before line 12 (anywhere!).

One thing that is still bugging me is that why is jquery-3.1.0.min.js in this entire trace. Maybe you are causing a circular (or duplicate) script being loaded. Please verify that each script is loaded only one, and in a correct layout—like your normal view is working out, because this problem comes only in the partial view.

For example, see here for some more insights on the same problem: jQuery-File-Upload - TypeError: $(...).fileupload is not a function - Stack Overflow

The sh*t I complain about
It's like there ain't a cloud in the sky and it's raining out - Eminem
~! Firewall !~

Re: I keep getting error $(...).fileupload is not a function.

KGr2830-Jul-19 9:12

KGr28

30-Jul-19 9:12

Here is the scripts.js file., also how are you identifying that jquery-3.1.0.min.js in this entire trace, I'm just passing the script

<script src="~/Scripts/jquery-3.1.0.min.js"></script>

in the Index.cshtml file which is the view that I am calling in my Details.cshtml.

script.js:

$(document).ready(function () {

    var ul = $('#upload ul');

    $('#drop a').click(function () {
        // Simulate a click on the file input button
        // to show the file browser dialog
        $(this).parent().find('input').click();
    });

    // Initialize the jQuery File Upload plugin
    $('#upload').fileupload({
        // This element will accept file drag/drop uploading
        dropZone: $('#drop'),

        // This function is called when a file is added to the queue;
        // either via the browse button, or via drag/drop:
        add: function (e, data) {

            var tpl = $('<li class="working"><input type="text" value="0" data-width="48" data-height="48"' +
                ' data-fgColor="#0788a5" data-readOnly="1" data-bgColor="#3e4043" /><p></p><span></span></li>');

            // Append the file name and file size
            tpl.find('p').text(data.files[0].name)
                         .append('' + formatFileSize(data.files[0].size) + '');

            // Add the HTML to the UL element
            data.context = tpl.appendTo(ul);

            // Initialize the knob plugin
            tpl.find('input').knob();

            // Listen for clicks on the cancel icon
            tpl.find('span').click(function () {

                if (tpl.hasClass('working')) {
                    jqXHR.abort();
                }

                tpl.fadeOut(function () {
                    tpl.remove();
                });

            });

            // Automatically upload the file once it is added to the queue
            var jqXHR = data.submit();
        },

        progress: function (e, data) {

            // Calculate the completion percentage of the upload
            var progress = parseInt(data.loaded / data.total * 100, 10);

            // Update the hidden input field and trigger a change
            // so that the jQuery knob plugin knows to update the dial
            data.context.find('input').val(progress).change();

            if (progress == 100) {
                data.context.removeClass('working');
            }
        },

        fail: function (e, data) {
            // Something has gone wrong!
            data.context.addClass('error');
        }

    });


    // Prevent the default action when a file is dropped on the window
    $(document).on('drop dragover', function (e) {
        e.preventDefault();
    });

    // Helper function that formats the file sizes
    function formatFileSize(bytes) {
        if (typeof bytes !== 'number') {
            return '';
        }

        if (bytes >= 1000000000) {
            return (bytes / 1000000000).toFixed(2) + ' GB';
        }

        if (bytes >= 1000000) {
            return (bytes / 1000000).toFixed(2) + ' MB';
        }

        return (bytes / 1000).toFixed(2) + ' KB';
    }

});

modified 30-Jul-19 15:35pm.

Re: I keep getting error $(...).fileupload is not a function.

Afzaal Ahmad Zeeshan30-Jul-19 12:28

Afzaal Ahmad Zeeshan

30-Jul-19 12:28

Hmmm, this looks fine. Just make sure that this partial view is loaded after you have loaded the script. Maybe bring all the scripts up to the top of the body element or at least before this partial view loading.

The sh*t I complain about
It's like there ain't a cloud in the sky and it's raining out - Eminem
~! Firewall !~

Re: I keep getting error $(...).fileupload is not a function.

KGr2831-Jul-19 3:38

KGr28

31-Jul-19 3:38

That didn't fix the issue.

Re: I keep getting error $(...).fileupload is not a function.

Afzaal Ahmad Zeeshan31-Jul-19 8:17

Afzaal Ahmad Zeeshan

31-Jul-19 8:17

The problem only appears in partial view, right? Not if you keep everything inside the same view.

The sh*t I complain about
It's like there ain't a cloud in the sky and it's raining out - Eminem
~! Firewall !~

Re: I keep getting error $(...).fileupload is not a function.

KGr2831-Jul-19 8:19

KGr28

31-Jul-19 8:19

I was able to figure out the issue,Thanks.

How to generate complex Multi-Color-Gradients with PHP?

Member 1453705321-Jul-19 8:23

Member 14537053

21-Jul-19 8:23

Hello guys,
I'm trying to do that for a while but nobody is able to help me. (Stack Overflow as well Smile | :)

)

How can I achieve to create images with PHP that look like these Multi Color Gradients? The patterns should defined by positions in the field. It's important that they aren't linear or circled. It needs to be a complex pattern.
Image[^]

Any help would be amazing! Thank you Cool | :cool:

Re: How to generate complex Multi-Color-Gradients with PHP?

Richard MacCutchan21-Jul-19 21:13

Richard MacCutchan

21-Jul-19 21:13

create images with PHP - Google Search[^]

When trying to reload DataTable I get error:Uncaught TypeError: Cannot set property 'data' of null

KGr289-Jul-19 4:49

KGr28

9-Jul-19 4:49

I want to be able to reload my Datatable once my checkbox is clicked , provided below is my attempted code but I continue to get error:Uncaught TypeError: Cannot set property 'data' of null not really sure how to handle this error. I have provided both the javascript and the view in my MVC application please let me know if you need more details.

.js

function ReloadTable()
{


    $(document).ready(function () {
        var table =  $('#DashboardTable').DataTable({

            "processing": true, // for show progress bar
            "serverSide": true, // for process server side
            "filter": true, // this is for disable filter (search box)
            "orderMulti": false, // for disable multiple column at once
            //"pageLength": 5,
        

            "ajax": {
                "url": "/Chargeback/Index",
                "type": "GET",
                "datatype": "json"
            },
            "columns": [
            { "data": "ChargebackCode" },
            { "data": "StatusName" },
            { "data": "BusinessUnitName" },
            { "data": "InvoiceCode" },
            { "data": "OrderCode" },
            { "data": "PickTicketCode" },
            { "data": "CustomerPo" },
            { "data": "AssignedDepartment" },
            { "data": "DivisionName" },
            { "data": "Customer" },
            { "data": "WarehouseName" },
            { "data": "Coordinator" },
            { "data": "ChargebackDate" },
            { "data": "ModDate" },
            { "data": "ChargebackDeadline" },
            { "data": "ChargebackCloseDate" },
            { "data": " DaysOpen" },
            { "data": "ChargebackAmount" },
            { "data": "ChargebackBalance" },
            { "data": "FaultName" },
            { "data": "ResponsibleName" }
            ]

        });
        table.ajax.reload();
    });

}

View

@using (Html.BeginForm("Index", "Chargeback"))
{
   <label id = "Include" > @Html.CheckBox("IncludeClosed", (bool)ViewBag.IncludeClosed, new { onChange = "ReloadTable()" }) Include Closed</label>

<table id="DashboardTable" class="table table-striped" >
    <thead>
        <tr>
            <th>Code</th>
            <th>Status</th>
            <th>Business</th>
            <th>Invoice</th>
            <th>Order</th>
            <th>Pick Tickets</th>
            <th>Customer PO</th>
            <th>Assigned</th>
            <th>Division</th>
            <th>Customer</th>
            <th>Warehouse</th>
            <th>Coordinator</th>
            <th>Open Date</th>
            <th>Last Activity</th>
            <th>Deadline</th>
            <th>Closed Date</th>
            <th>Days Open</th>
            <th>Amount</th>
            <th>Balance</th>
            <th>Fault</th>
            <th>Responsible</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var item in Model)
        {
            var chargebackDeadline = item.ChargebackDeadline == null ? "" : ((DateTime)item.ChargebackDeadline).ToString("MM/dd/yyyy");
            var chargebackCloseDateAsString = item.ChargebackCloseDate == null ? "" : ((DateTime)item.ChargebackCloseDate).ToString("MM/dd/yyyy");

            <tr>
                <td>@Html.ActionLink(item.ChargebackCode, "Details", "Chargeback", new { id = item.Id }, null)</td>
                <td>@item.StatusName</td>
                <td>@item.BusinessUnitName</td>
                <td>@item.InvoiceCode</td>
                <td>@item.OrderCode</td>
                <td>@item.PickTicketCode</td>
                <td>@item.CustomerPo</td>
                <td>@item.AssignedDepartment</td>
                <td>@item.DivisionName</td>
                <td>@item.Customer</td>
                <td>@item.WarehouseName</td>
                <td>@item.Coordinator</td>
                <td>@item.ChargebackDate.ToString("MM/dd/yyyy")</td>
                <td>@item.ModDate.ToString("MM/dd/yyyy")</td>
                <td>@chargebackDeadline</td>
                <td>@chargebackCloseDateAsString</td>
                <td>@item.DaysOpen</td>
                <td>$@item.ChargebackAmount</td>
                <td>$@item.ChargebackBalance</td>
                <td>@item.FaultName</td>
                <td>@item.ResponsibleName</td>
            </tr>
        }
    </tbody>
</table>
}

Re: When trying to reload DataTable I get error:Uncaught TypeError: Cannot set property 'data' of null

Afzaal Ahmad Zeeshan30-Jul-19 8:59

Afzaal Ahmad Zeeshan

30-Jul-19 8:59

Quote:
Cannot set property 'data' of null

Throughout your entire JavaScript code you are only trying to set the data field of an object in the following codes,

"columns": [
    { "data": "ChargebackCode" },

Now, either this is causing an unknown error, or maybe the code causing this problem is somewhere else. Clearly, the object which is being said to be null is an object that you are creating yourself.

One suggestion that I can provide is to set a breakpoint in your browser at the columns field, and then step by step execute the code and see where does this problem occur. I believe, step-by-step code execution can have some answers.

The sh*t I complain about
It's like there ain't a cloud in the sky and it's raining out - Eminem
~! Firewall !~

Performing Ajax on dataTable where checkbox is clicked

KGr288-Jul-19 7:54

KGr28

8-Jul-19 7:54

How to perform ajax on Data-table once I click on the check-box.

I already have the ability to auto post-back once the checkbox is clicked, I'm not sure how to achieve this.

View:

JavaScript

<script>
    $(document).ready(function () {
        $("#DashboardTable").DataTable({

            "processing": true, // for show progress bar
            "serverSide": true, // for process server side
            "filter": true, // this is for disable filter (search box)
            "orderMulti": false, // for disable multiple column at once
            "pageLength": 5,

            "ajax": {
                "url": "/Chargeback/Index",
                "type": "GET",
                "datatype": "json"
            },

            "columnDefs":
            [{
                "targets": [0],
                "visible": false,
                "searchable": false
            },
            {
                "targets": [7],
                "searchable": false,
                "orderable": false
            },
            {
                "targets": [8],
                "searchable": false,
                "orderable": false
            },
            {
                "targets": [9],
                "searchable": false,
                "orderable": false
            }],

            "columns": [

            

            {"data":"ChargebackCode"},
            {"data":"StatusName"},
            {"data":"BusinessUnitName"},
            {"data":"InvoiceCode"},
            {"data":"OrderCode"},
            {"data":"PickTicketCode"},
            {"data":"CustomerPo"},
            {"data":"AssignedDepartment"},
            {"data":"DivisionName"},
            {"data":"Customer"},
            {"data":"WarehouseName"},
            {"data":"Coordinator"},
            {"data":"ChargebackDate"},
            {"data":"ModDate"},
            {"data":"ChargebackDeadline"},
            {"data":"ChargebackCloseDate"},
            {"data":" DaysOpen"},
            {"data":"ChargebackAmount"},
            {"data":"ChargebackBalance"},
            {"data":"FaultName"},
            {"data":"ResponsibleName"}
            ]
        });
    });
    </script>

@using (Html.BeginForm("Index", "Chargeback"))
{
   <label id = "Include" > @Html.CheckBox("IncludeClosed", (bool)ViewBag.IncludeClosed, new { onChange = "this.form.submit()" }) Include Closed</label>

<table id="DashboardTable" class="table table-striped" >
    <thead>
        <tr>
            <th>Code</th>
            <th>Status</th>
            <th>Business</th>
            <th>Invoice</th>
            <th>Order</th>
            <th>Pick Tickets</th>
            <th>Customer PO</th>
            <th>Assigned</th>
            <th>Division</th>
            <th>Customer</th>
            <th>Warehouse</th>
            <th>Coordinator</th>
            <th>Open Date</th>
            <th>Last Activity</th>
            <th>Deadline</th>
            <th>Closed Date</th>
            <th>Days Open</th>
            <th>Amount</th>
            <th>Balance</th>
            <th>Fault</th>
            <th>Responsible</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var item in Model)
        {
            var chargebackDeadline = item.ChargebackDeadline == null ? "" : ((DateTime)item.ChargebackDeadline).ToString("MM/dd/yyyy");
            var chargebackCloseDateAsString = item.ChargebackCloseDate == null ? "" : ((DateTime)item.ChargebackCloseDate).ToString("MM/dd/yyyy");

            <tr>
                <td>@Html.ActionLink(item.ChargebackCode, "Details", "Chargeback", new { id = item.Id }, null)</td>
                <td>@item.StatusName</td>
                <td>@item.BusinessUnitName</td>
                <td>@item.InvoiceCode</td>
                <td>@item.OrderCode</td>
                <td>@item.PickTicketCode</td>
                <td>@item.CustomerPo</td>
                <td>@item.AssignedDepartment</td>
                <td>@item.DivisionName</td>
                <td>@item.Customer</td>
                <td>@item.WarehouseName</td>
                <td>@item.Coordinator</td>
                <td>@item.ChargebackDate.ToString("MM/dd/yyyy")</td>
                <td>@item.ModDate.ToString("MM/dd/yyyy")</td>
                <td>@chargebackDeadline</td>
                <td>@chargebackCloseDateAsString</td>
                <td>@item.DaysOpen</td>
                <td>$@item.ChargebackAmount</td>
                <td>$@item.ChargebackBalance</td>
                <td>@item.FaultName</td>
                <td>@item.ResponsibleName</td>
            </tr>
        }
    </tbody>
</table>
}

Re: Performing Ajax on dataTable where checkbox is clicked

ZurdoDev8-Jul-19 8:06

ZurdoDev

8-Jul-19 8:06

I don't understand the question. You have code that initializes your datatable when the page loads. Are you asking how to re-load it when you check a checkbox?

If so,

var table = $('#grdTable').DataTable();
table.ajax.reload();

Social Media - A platform that makes it easier for the crazies to find each other.

Everyone is born right handed. Only the strongest overcome it.
Fight for left-handed rights and hand equality.

Re: Performing Ajax on dataTable where checkbox is clicked

KGr288-Jul-19 8:09

KGr28

8-Jul-19 8:09

Yes , that is correct.

Re: Performing Ajax on dataTable where checkbox is clicked

KGr288-Jul-19 8:58

KGr28

8-Jul-19 8:58

Should I remove this portion:

$(document).ready(function () {
//    var ref = $("#DashboardTable").DataTable({

//        "processing": true, // for show progress bar
//        "serverSide": true, // for process server side
//        "filter": true, // this is for disable filter (search box)
//        "orderMulti": false, // for disable multiple column at once
//        "pageLength": 5,

//        "ajax": {
//            "url": "/Chargeback/Index",
//            "type": "GET",
//            "datatype": "json"
//        },

//        "columnDefs":
//        [{
//            "targets": [0],
//            "visible": false,
//            "searchable": false
//        },
//        {
//            "targets": [7],
//            "searchable": false,
//            "orderable": false
//        },
//        {
//            "targets": [8],
//            "searchable": false,
//            "orderable": false
//        },
//        {
//            "targets": [9],
//            "searchable": false,
//            "orderable": false
//        }],

//        "columns": [
//        { "data": "ChargebackCode" },
//        { "data": "StatusName" },
//        { "data": "BusinessUnitName" },
//        { "data": "InvoiceCode" },
//        { "data": "OrderCode" },
//        { "data": "PickTicketCode" },
//        { "data": "CustomerPo" },
//        { "data": "AssignedDepartment" },
//        { "data": "DivisionName" },
//        { "data": "Customer" },
//        { "data": "WarehouseName" },
//        { "data": "Coordinator" },
//        { "data": "ChargebackDate" },
//        { "data": "ModDate" },
//        { "data": "ChargebackDeadline" },
//        { "data": "ChargebackCloseDate" },
//        { "data": " DaysOpen" },
//        { "data": "ChargebackAmount" },
//        { "data": "ChargebackBalance" },
//        { "data": "FaultName" },
//        { "data": "ResponsibleName" }
//        ]

//    });

//});

and just add this portion:

var table = $('#grdTable').DataTable();
table.ajax.reload();

Re: Performing Ajax on dataTable where checkbox is clicked

ZurdoDev8-Jul-19 9:07

ZurdoDev

8-Jul-19 9:07

No, that first part initializes your table. The second part just tells it to refresh.

Social Media - A platform that makes it easier for the crazies to find each other.

Everyone is born right handed. Only the strongest overcome it.
Fight for left-handed rights and hand equality.

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.