46 lines
1.7 KiB
HTML
46 lines
1.7 KiB
HTML
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|||
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|||
|
|
<head>
|
|||
|
|
<title></title>
|
|||
|
|
<style>
|
|||
|
|
.done-true {
|
|||
|
|
text-decoration: line-through;
|
|||
|
|
color: grey;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
<link href="/BiManage/CSS/bootstrap3.3.5/css/bootstrap.css" rel="stylesheet" />
|
|||
|
|
<script src="/BiManage/JS/jquery-1.11.2.min.js"></script>
|
|||
|
|
<script src="/BiManage/JS/jquery-migrate-1.1.0.min.js"></script>
|
|||
|
|
<script type="text/javascript" src="YanSelect.js"></script>
|
|||
|
|
<link rel="stylesheet" href="YanSelect.css" />
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
|
|||
|
|
$(document).ready(function () {
|
|||
|
|
//class="table table-striped table-bordered table-condensed table-hover"
|
|||
|
|
var tabsel= $(".szhl_select").YanSelect({
|
|||
|
|
iscanedit: false,
|
|||
|
|
isCanAdd:false,
|
|||
|
|
afterSelect:function (dom) {
|
|||
|
|
alert(dom.html());
|
|||
|
|
},
|
|||
|
|
eventadd: function (val) {
|
|||
|
|
tabsel.extaddrow({ "ID": "12", "code": "代码21" })
|
|||
|
|
},
|
|||
|
|
dataobj: [{ "ID": "1", "country": "中国1", "code": "代码1" }, { "ID": "2", "country": "中国2", "code": "代码2" }, { "ID": "3", "country": "中国3", "code": "代码3" }, { "ID": "4", "country": "中国4", "code": "代码4" }],
|
|||
|
|
columns: [{ "fieldname": "ID", "text": "序号" }, { "fieldname": "country", "text": "国家" }],
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
</script>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="well-large">
|
|||
|
|
<input type="text" placeholder="Type something…" id="Text1" class="szhl_select" />
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
</html>
|