Search

Hi. I take so much from this site. that I think I can contribute with this. Already search for it. Seems like its not yet. So here my code [code] // $(".LINK_OR_BUTTON").click( function(event){ event.preventDefault(); if ( $(":input:checkbox.CLASS:checked", oTable.fnGetNodes()).size() < oTable.fnSettings().fnRecordsTotal()){ $(":input:checkbox.CLASS", oTable.fnGetNodes()).attr("checked", "checked"); $(this).html("[Unselect]").attr("title","[Unselect]"); } else { $(":input:checkbox.CLASS", oTable.fnGetNodes()).removeAttr("checked"); $(this).html("[Select All]").attr("title","[Select All]"); } }); [/code] http://live.datatables.net/ihatir/5/ the link can by move/copy anywhere Hope you like it

Hi, I would like to ask how to serialize selected check box value in every page? Below is my configuration: [code] $('#list-item').dataTable({ "sAjaxSource" : "${pageContext.request.contextPath}/parameter/item/list/json", "sServerMethod" : "GET", "bProcessing" : true, "sAjaxDataProp" : "", "aoColumns" : [ {"bSortable" : false, "sClass": "center", "fnRender": function ( oObj ){ var stringCheckbox = ""; if(oObj.aData[0]!="1"){ stringCheckbox = ""; } return stringCheckbox; } }, {"bSortable" : false, "sClass": "center"}, {"sClass": "text_align_left"}, {"sClass": "center"}, {"sClass": "center"}, ], "fnRowCallback" : function(nRow, aData, iDisplayIndex, iDisplayIndexFull) { var i = iDisplayIndexFull + 1; var yesNo = ""; var activeInactive = ""; if(aData[3]=="Y"){ yesNo = "${yes}"; }else{ yesNo = "${no}"; } if(aData[4]=="A"){ activeInactive = "${active}"; }else{ activeInactive = "${inactive}"; } $('td:eq(1)', nRow).html("" + i + ""); $('td:eq(3)', nRow).html(yesNo); $('td:eq(4)', nRow).html(activeInactive); return nRow; }, "sPaginationType" : "full_numbers", }); [/code] Your help are really appreciated :)

i delete the selected check box in jquery datatable how is possible please help me

Hi all how can pass a user choice (checked or not) for update datatable server-side data ? thanks

In this example http://jquery-datatables-editable.googlecode.com/svn/trunk/checkbox.html , the checkboxes in the first column appears during the editing. Is there a way to always have the checkboxes visible instead of the underlying yes/no value? Thanks in advance!

Hi Allan I am using Datatable using serverside processing. I have check box into datatable header, but how i can call the function as mention into "fnServerData" configuration. [code] $('#dtAdvIndividual').dataTable({ "bStateSave": false, "bPaginate": true, "bJQueryUI": true, "iDisplayLength": $("#sFilterType").val().toLowerCase().startsWith("showall") ? pagingCount : 5, "iDisplayStart": 0, "bAutoWidth": false, "bProcessing": true, "bDestroy": true, "bServerSide": true, "fnInitComplete": function () { $("#divFullAdvSearchResult").css("height", "auto"); }, "sAjaxSource": "/AdvancedSearch/GetAllIndividuals", "fnServerData": fnDataTablesPipeline, "sDom": '<"H"<"#hdrlblIndividual"><"#hdrCurrentMember">fr>t<"F"ip>', // to remove page length "oLanguage": { "sSearch": "Filter: ", "sInfo": "Showing START to END of TOTAL entries" + ($("#sFilterType").val().toLowerCase().startsWith("showall") == false ? $(' ').wrapInner(" (show all)").html() : "") }, "aoColumns": [ { //Status "bSortable": false, "sWidth": "40px", "sClass": "center status norightborder" }, { //MemberID "sWidth": "100px", "sClass": "recordid noborder" } ] }).fnSetFilteringDelay(1000); function fnDataTablesPipeline(sSource, aoData, fnCallback) { var iPipe = 5; /* Ajust the pipe size */ var bNeedServer = false; var sEcho = fnGetKey(aoData, "sEcho"); var iRequestStart = fnGetKey(aoData, "iDisplayStart"); var iRequestLength = fnGetKey(aoData, "iDisplayLength"); var iRequestEnd = iRequestStart + iRequestLength; oCache.iDisplayStart = iRequestStart; /* outside pipeline? */ if (oCache.iCacheLower < 0 || iRequestStart < oCache.iCacheLower || iRequestEnd > oCache.iCacheUpper) { bNeedServer = true; } /* sorting etc changed? */ if (oCache.lastRequest && !bNeedServer) { for (var i = 0, iLen = aoData.length; i < iLen; i++) { if (aoData[i].name != "iDisplayStart" && aoData[i].name != "iDisplayLength" && aoData[i].name != "sEcho") { if (aoData[i].value != oCache.lastRequest[i].value) { bNeedServer = true; break; } } } } /* Store the request for checking next time around */ oCache.lastRequest = aoData.slice(); if (bNeedServer) { if (iRequestStart < oCache.iCacheLower) { iRequestStart = iRequestStart - (iRequestLength * (iPipe - 1)); if (iRequestStart < 0) { iRequestStart = 0; } } oCache.iCacheLower = iRequestStart; oCache.iCacheUpper = iRequestStart + (iRequestLength * iPipe); oCache.iDisplayLength = fnGetKey(aoData, "iDisplayLength"); fnSetKey(aoData, "iDisplayStart", iRequestStart); fnSetKey(aoData, "iDisplayLength", iRequestLength * iPipe); $.getJSON(sSource, aoData, function (json) { /* Callback processing */ oCache.lastJson = jQuery.extend(true, {}, json); if (oCache.iCacheLower != oCache.iDisplayStart) { json.aaData.splice(0, oCache.iDisplayStart - oCache.iCacheLower); } json.aaData.splice(oCache.iDisplayLength, json.aaData.length); fnCallback(json); }) .error(function () { //remove datatable var errorMessage = $("<div class='environmentalertdiv'>").html($("#ASErrorMessage").val()); $("[id$='searchresult']").html(errorMessage); }) .complete(function () { //remove progress bar //$("#dtAdvIndividual_processing").hide(); }); } else { json = jQuery.extend(true, {}, oCache.lastJson); json.sEcho = sEcho; /* Update the echo for each response */ json.aaData.splice(0, iRequestStart - oCache.iCacheLower); json.aaData.splice(iRequestLength, json.aaData.length); fnCallback(json); return; } $(this).parents(".dataTables_wrapper").find(".ui-corner-tl .dataTables_processing").css("top", "50%"); } $("#cbCurrentMemner").bind("change", function () { alert("done"); fnDataTablesPipeline("??????????????????????????????????????"); }); As soon as i have select something into filter box, Datatable is calling fnDataTablesPipeline. But how i can provide variable into fnDataTablesPipeline on bind event of check box.

Hi, I am using column Filter widget in my data tables. The plugin is great.But i need extended functionality of it,for example i want that drop down to be a Drop down cum Check-List. Like this site http://www.redbus.in/Booking/SelectBus.aspx?fromCityId=123&fromCityName=Chennai&toCityId=504&toCityName=Sivakasi&doj=29-Jun-2012&busType=Any Is that possible?? Any suggestion friends??

CheckAll is Work Only First Time When Page is load $('input[type=checkbox]').click(function (event) { event.stopPropagation() }); var oFH = new FixedHeader(oTable, { "bottom": true, "zBottom": "2001" });

Hi, I've come up of a concept to achieve what I am working by using server-side processing, and use [code] {"fnRender": function (oObj) { return ""; }, "aTargets": [0] }, [/code] However, if I use the code below to render the second column: [code] {"fnRender": function (oObj) { return ""+ oObj.aData[1] +', '+ oObj.aData[2] + ' ' + oObj.aData[3] +"";}, "aTargets": [1] }, [/code] I am having issue on getting the original value of id field since oObj.aData[0] is returning the rendered value : [code]

table. Then there are checkboxes that will include only