javascript - JQuery .show() is only working in first page of a table with JQuery datatable -
मेरे पास & lt; select & gt;
एक
& lt; td & gt; & lt; चुनें class = "cambioEstado" & gt; & Lt; विकल्प शैली = "प्रदर्शन: कोई नहीं;" मान = "14" वर्ग = "ऑप्शन 4" & gt; एल 4 & lt; / विकल्प & gt; & Lt; विकल्प शैली = "प्रदर्शन: कोई नहीं;" मान = "15" वर्ग = "ऑप्शन 5" & gt; एल 5 & lt; / विकल्प & gt; & Lt; / चयन & gt; & lt; / टीडी & gt;
जब मैं कोई बटन दबाता हूं, तो मैं .show () के साथ विकल्प प्रदर्शित करता हूं:
$ ("। Btn4")। Live ("click पर क्लिक करें ", फ़ंक्शन () {$ ("। Opcion4 ")। शो ();});
लेकिन यह पहला पेज के लिए ठीक काम करता है, जब मैं दूसरा पेज जाता हूं, बटन को "ऑस्पियन 4" दिखाने के लिए फिर से दबाया जाना चाहिए।
अंत में मैंने प्रत्येक विकल्प की स्थिति को बचाने के लिए एक सरणी का उपयोग करने की समस्या का समाधान किया, और fnDrawCallback
फ़ंक्शन का उपयोग करके स्थिति को पुनर्स्थापित किया डेटासेट का
fnDrawCallback
निकाल दिया जाता है।
var estadoListados = new Array (); $ ("। बीटीएन 4")। लाइव ("क्लिक करें", फ़ंक्शन () {$ ("। Opcion4")। शो (); एस्टाडो लिस्टाडोस [4] = "एबियंटो";}); Var optionDT = {"एएएसर्टिंग": [[0, "एसीसी"]], "एफएनडीआरओ कॉलबैक": फ़ंक्शन () {के लिए (एक्स = 0; एक्स & लेफ्टिनेंट; एस्टाडो लिस्टाडो. लैंघ; एक्स ++) {यदि (एस्टाडो लिस्टाडोस [x] === "Abierto") {$ ("। Opcion" + x) .show (); } अगर (एस्टाडोलास्टाडोस [x] === "सेरराडो") {$ ("। ऑस्पियन" + x) .hide (); }}}, "SPaginationType": "पूर्ण_संख्या", "iDisplayLength": 25, "ओलान्यूजेज": {"sUrl": "../js/bootstrap/datatables/media/language/dataTables.spanish.txt"}}; $ (दस्तावेज़) .ready (फ़ंक्शन () {oTable = $ ("। डेटाटेबल")। डाटाटेबल (optionDT);});
Comments
Post a Comment