javascript - Sort-arrow in datatable appears more than once if destroy is set to true -

-

i need reinitialize datatable on every click of submit button. set destroy : true achieve this. every time datatable re-initializes, number of sort-arrows appear each column increases one. how can prevent happening? here javascript code. every time user clicks on submit, processformdata called, calls initializedatatable after validation of form fields.

var firstname = ""; var lastname = ""; var country = "";  $(document).ready(function() {     $('#userdetails').datatable(); });  function processformdata() {      firstname = document.userdetailstable.firstname.value;     lastname = document.userdetailstable.lastname.value;     country = document.userdetailstable.country.value;      if (document.userdetailstable.firstname.value == ""             || document.userdetailstable.lastname.value == ""             || document.userdetailstable.country.value == "") {         bootbox.alert("please fill in fields!");     } else {          initializedatatable();     }     return false; }  function initializedatatable() {      $('#userdetailstable').datatable({                 "destroy" : true,         "pagelength" : 12,         "processing" : true,         "serverside" : true,         "ajax" : {             "url" : '/fetchsearchresults',             "type" : 'post',             "data" : {                 "length" : 12,                 "formfirstname" : firstname,                 "formlastname" : lastname,                 "formcountry" : country             }         }     });  };

it appears approach use delete option should work in theory. i'm not taking path try , reproduce without knowing if we've possibly got different setup anyway. instead recommend using ajax.reload() function updated ajax.data update data held in table. possible adjustment of code this:

function initializedatatable() {     return $('#userdetailstable').datatable({             "destroy" : true,         "pagelength" : 12,         "processing" : true,         "serverside" : true,         "ajax" : {             "url" : '/fetchsearchresults',             "type" : 'post',             "data" : {                 "length" : 12,                 "formfirstname" : firstname,                 "formlastname" : lastname,                 "formcountry" : country             }         }     }); };  var processformdata = (function(){     var table = null;     return function(){         var firstname = document.userdetailstable.firstname.value;         var lastname = document.userdetailstable.lastname.value;         var country = document.userdetailstable.country.value;          if (firstname == "" || lastname == "" || country == "") {             bootbox.alert("please fill in fields!");         } else if (table !== null) {             table.ajax.data.firstname = firstname;             table.ajax.data.lastname = lastname;             table.ajax.data.country = country;             table.ajax.reload();         } else {             table = initializedatatable();         }     }; })();

calling processformdata() should give updated table. i've not tested code though.


Comments

Post a Comment

Popular posts from this blog

python - No exponential form of the z-axis in matplotlib-3D-plots -

-
Image
i have similar problem described in how prevent numbers being changed exponential form in python matplotlib figure : i don't want (in special case) weird scientific formatting of axis. problem different have problem @ z -axis. 2-d plots can use ax.get_yaxis().get_major_formatter().set_useoffset(false) . , there no function ax.get_zaxis() what use format z -axis same way? edit: example: from mpl_toolkits.mplot3d import axes3d import numpy np import sys import matplotlib import matplotlib.pyplot pyplot def func(xi, ti): res = 10e3 + np.cos(ti) * np.sin(xi) return res if __name__ == '__main__': timespacing = 20 timestart = 0 timeend = 1 time = np.linspace(timestart, timeend, timespacing) widthspacing = 50 widthstart = 0 widthend = 3 width = np.linspace(widthstart, widthend, widthspacing) reslist = [] matplotlib.rcparams['legend.fontsize'] = 10 fig = pyplot.figure() ax = fig.gca(projection = '3d...
Read more

php - Best Light server (Linux + Web server + Database) for Raspberry Pi -

-
i install web server database on raspberry pi (little computer). computer has 1gb ram. i want know best combination: linux distribution , web server , dbms run local server multiple users minimal latency, use php on server. , best settings performance , not have bugs (memory usage, disable plugin, disable service, etc)? i thought light debian , lighttpd server , sqlite database. solution? i think lighttpd + sqlite great choice. linux distro, debian @ centos or tiny core linux , although i'm not sure of compatibility pi. obviously, can't go wrong raspbian if want use in production , more stable performance, few more pi's , set them in cluster .
Read more

c# - "Newtonsoft.Json.JsonSerializationException unable to find constructor to use for types" error when deserializing class -

-
i developing app in xamarin android. have splash screen serialize class , pass mainactivity using intent . when try deserialize in mainactivity error message : "serializationexception unable find constructor use types" serialization : void loaddata() { currency currency = new currency(this); intent = new intent(this, typeof(mainactivity)); intent.putextra("currency", newtonsoft.json.jsonconvert.serializeobject(currency)); startactivity(intent); } deserialization : cur = newtonsoft.json.jsonconvert.deserializeobject<currency> (intent.getstringextra("currency")); // error here class constructor : public currency(context context) { thiscontext = context; } i began experiencing problem after added parameter context context constructor. has caused this? how can solve it? possible serialize/deserialize class has parameters? you need have empty constructor in currency class in order deserialize it. ...
Read more