Heim > Web-Frontend > js-Tutorial > Hauptteil

Beispiel für die Verarbeitungsmethode von Datentabellen in js

小云云
Freigeben: 2018-03-13 17:30:55
Original
1841 Leute haben es durchsucht

In diesem Artikel werden hauptsächlich Beispiele für die Verarbeitungsmethoden von Datentabellen in js vorgestellt, in der Hoffnung, allen zu helfen.

/**
	 * 初始化表单
	 */
	me.initDatatable = function() {
		me.interns0301Table = $("#interns0301Table").DataTable({
			// 让表头与表格对齐
	        "autoWidth": true,
	        "processing": true,
	        "serverSide": true,
	        // 表格数据减少时,表格的高度也跟着减少
	        "scrollCollapse": true, 
	        "ajax" : {
	        	"url": $ctx + "/interns0301/queryList",
	        	"type": "post",
	        	"data" : function(params) {
					// 页面显示记录条数,在页面显示每页显示多少项的时候
					params.pageSize = params.length;
					// 当前页码
					params.pageNo = (params.start / params.length) + 1;
					// 序列化表单元素为JSON对象
					var dataJson = eims.serialize('interns0301Form');
					$.extend(params, dataJson);
					return params;
				},
				"dataType" : "json"
	        },
			 "columnDefs": [
			                	{                          
					              "defaultContent": "",
					               "targets": "_all"
				                 }
				          ],
	    	"sPaginationType": "full_numbers",
                  // 将后台得到的值放进对应字段中
	        "columns": [ 
	                 {
                   // 全选框,传入id等参数
	        	  "data": null,sClass: "text-center","render": function(data, type, row, meta){
	        	  return &#39;<input class="checkall"   type="checkbox"><input type="text" hidden value="&#39;+row.id+&#39;">&#39;;
	  		  }},
	  	         {"data": "groupNumber",sClass: "text-center" ,"render": function ( data, type, row, meta ) {
    				return &#39;<a href="#" onclick="javascript:interns.interns0301.showInterns0302Update(\&#39;&#39; + row.id+ &#39;\&#39;)">&#39; + data + &#39;</a>&#39;;}},		  		  
	  		  {"data": "groupName",sClass: "text-center"},
	                  {"data": "projectNumber",sClass: "text-center"},
	                  {"data": "projectSimname",sClass: "text-center"},
			  {"data": "unitNumber",sClass: "text-center"},
			  {"data": "unitSimname",sClass: "text-center"},
			  {"data": "entryDate",sClass: "text-center"},	          
	        ],
	        // 回调函数,全选框的处理
	        "drawCallback": function(settings){
  	        	$("#selectAll").prop("checked", false);
  	        	me.checkBox();
  	        }	        
		});
		// 加载页面
		me.interns0301Table.ajax.reload();
	};
Nach dem Login kopieren

Verwandte Empfehlungen:

JQuery.dataTables-Tabellen-Plug-in springt zur angegebenen Seite Beispielfreigabe

Verwendung von jQuery Plug-in-Datentabellen Und eine detaillierte Erklärung zur Implementierung von Paging-Code

Was sind jQuery-Datentabellen? Wie verwende ich Datentabellen?

Das obige ist der detaillierte Inhalt vonBeispiel für die Verarbeitungsmethode von Datentabellen in js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage