var DmaPipeHealth = function () { var oTable = null; return { //main function to initiate the module init: function () { function retrieveData( sSource, aoData, fnCallback ) { //查询条件称加入参数数组 // var rentRuleId =document.getElementById('rentRuleId').value; //alert(rentRuleId); $.ajax( { type: "POST", url: sSource, dataType:"json", //TODO LIST:按条件查询服务器数据 data: "jsonParam="+JSON.stringify(aoData), success: function(data) { fnCallback(data); //服务器端返回的对象的returnObject部分是要求的格式 } }); } oTable = $('#table_dma_pipe_health').dataTable({ "aLengthMenu": [ [5, 15, 20, -1], [5, 15, 20, "All"] // change per page values here ], // set the initial value "iDisplayLength": 5, "bAutoWidth":false,//自动宽度 "bServerSide": true, "bPaginate": true, "bFilter" : false, "sPaginationType": "bootstrap", //分页样式 "sAjaxSource": $('#context').val()+"/dma/pipe-health.do", "fnServerData":retrieveData, "sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>", "oLanguage": { "sLengthMenu": "每页显示 _MENU_ 条记录", "sZeroRecords": "抱歉, 没有找到", "sInfo": "从 _START_ 到 _END_ /共 _TOTAL_ 条数据", "sInfoEmpty": "没有数据", "sSearch":"查询:", "sInfoFiltered": "(从 _MAX_ 条数据中检索)", "oPaginate": { "sPrevious":"上一页", "sNext": "下一页", "sLast": "末页", "sFirst": "首页" }, //TODO LIST;修改为加载的gif文件 "sProcessing": "<img src='./loading.gif' />" }, "aoColumns" : [ { "mDataProp" : "dmaCode" }, { "mDataProp" : "dmaName" }, { "mDataProp" : "physiqueAnalysis" },{ "mDataProp" : "currentLeakage" } ], "aoColumnDefs": [{ 'aTargets': ['_all'], sDefaultContent:'' }, { 'bVisible':true, 'aTargets': [0] } ] }); jQuery('#table_dma_pipe_health_wrapper .dataTables_filter input').addClass("m-wrap medium"); // modify table search input jQuery('#table_dma_pipe_health_wrapper .dataTables_length select').addClass("m-wrap small"); // modify table per page dropdown jQuery('#table_dma_pipe_health_wrapper .dataTables_length select').select2({ showSearchInput : false //hide search box with special css class }); // initialzie select2 dropdown }, initModals:function(){ //$.fn.modalmanager.defaults.resize = true; //$.fn.modalmanager.defaults.spinner = '<div class="loading-spinner fade" style="width: 200px; margin-left: -100px;"><img src="assets/img/ajax-modal-loading.gif" align="middle"> <span style="font-weight:300; color: #eee; font-size: 18px; font-family:Open Sans;"> Loading...</div>'; } }; }();