MVC_CRUD/Scripts/datatable/extensions/Select/examples/initialisation/blurable.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
	<meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
	<title>Select example - Blur selection</title>
	<link rel="stylesheet" type="text/css" href="../../../../media/css/jquery.dataTables.css">
	<link rel="stylesheet" type="text/css" href="../../css/select.dataTables.css">
	<link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css">
	<link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css">
	<style type="text/css" class="init">
	
	</style>
	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
	</script>
	<script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js">
	</script>
	<script type="text/javascript" language="javascript" src="../../js/dataTables.select.js">
	</script>
	<script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js">
	</script>
	<script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js">
	</script>
	<script type="text/javascript" language="javascript" class="init">
	


$(document).ready(function() {
	$('#example').DataTable( {
		select: {
			style: 'os',
			blurable: true
		}
	} );
} );



	</script>
</head>
<body class="dt-example">
	<div class="container">
		<section>
			<h1>Select example <span>Blur selection</span></h1>
			<div class="info">
				<p>By default the items selected in a DataTable will retain their selection when the end user interacts with other parts of the page. This is typically the desired
				behaviour for the selected items allowing the user to return to the table with their selection intact at a later time.</p>
				<p>However, it can also be useful to have the selected items automatically deselect when the user moves their focus outside of the DataTable - for example if using
				the DataTable as a form element where items can be selected as a value. This can be enabled through the <a href=
				"//datatables.net/reference/option/select.blurable"><code class="option" title="Select initialisation option">select.blurable</code></a> option.</p>
				<p>This example shows that option enabled. To demonstrate select one or more rows and then click on a part of the page outside of the DataTable.</p>
			</div>
			<div class="demo-html"></div>
			<table id="example" class="display" cellspacing="0" width="100%">
				<thead>
					<tr>
						<th>Name</th>
						<th>Position</th>
						<th>Office</th>