soodkhah
چهارشنبه 08 مهر 1394, 23:45 عصر
سلام من یک drop down list در asp( تحت زبان C#) با jquery درست کردم
(البته از فایل chosen.css استفاده کردم که در سایت http://harvesthq.github.io/chosen/ (http://harvesthq.github.io/chosen/) قرار داشت) با تگ <select> که قابلیت انتخاب چند تایی و جستجو را دارد فقط مشکل من اینجاست این drop down list را چگونه به پایگاه داده وصل یا بایند کنم و در نهایت گزینه های انتخاب شده رو چطور برگردونم؟ و عمدا از کنترل خود asp استفاده نکردم چون قابلیت فیلتر و جستجو و انتخاب چند تایی نداره
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="chosen.css">
<style type="text/css" media="all">
.chosen-rtl .chosen-drop { left: -9000px; }
</style>
</head>
<body>
<form>
<div>
<select data-placeholder="Your Favorite Types of Bear" style="width:350px;" multiple class="chosen-select chosen-rtl" tabindex="14">
<option value=""></option>
<option>t1</option>
<option>t2</option>
<option>t3</option>
<option>t4</option>
<option >t5</option>
<option >t6</option>
</select>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script src="chosen.jquery.js" type="text/javascript"></script>
<script type="text/javascript">
var config = {
'.chosen-select' : {},
'.chosen-select-deselect' : {allow_single_deselect:true},
'.chosen-select-no-single' : {disable_search_threshold:10},
'.chosen-select-no-results': {no_results_text:'Oops, nothing found!'},
'.chosen-select-width' : {width:"95%"}
}
for (var selector in config) {
$(selector).chosen(config[selector]);
}
</script>
</form>
</body>
(البته از فایل chosen.css استفاده کردم که در سایت http://harvesthq.github.io/chosen/ (http://harvesthq.github.io/chosen/) قرار داشت) با تگ <select> که قابلیت انتخاب چند تایی و جستجو را دارد فقط مشکل من اینجاست این drop down list را چگونه به پایگاه داده وصل یا بایند کنم و در نهایت گزینه های انتخاب شده رو چطور برگردونم؟ و عمدا از کنترل خود asp استفاده نکردم چون قابلیت فیلتر و جستجو و انتخاب چند تایی نداره
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="chosen.css">
<style type="text/css" media="all">
.chosen-rtl .chosen-drop { left: -9000px; }
</style>
</head>
<body>
<form>
<div>
<select data-placeholder="Your Favorite Types of Bear" style="width:350px;" multiple class="chosen-select chosen-rtl" tabindex="14">
<option value=""></option>
<option>t1</option>
<option>t2</option>
<option>t3</option>
<option>t4</option>
<option >t5</option>
<option >t6</option>
</select>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script src="chosen.jquery.js" type="text/javascript"></script>
<script type="text/javascript">
var config = {
'.chosen-select' : {},
'.chosen-select-deselect' : {allow_single_deselect:true},
'.chosen-select-no-single' : {disable_search_threshold:10},
'.chosen-select-no-results': {no_results_text:'Oops, nothing found!'},
'.chosen-select-width' : {width:"95%"}
}
for (var selector in config) {
$(selector).chosen(config[selector]);
}
</script>
</form>
</body>