2013-11-12 2 views
0
protected void Page_Load(object sender, EventArgs e) 
{ 
    dr = new MySqlDataAdapter("select * from cus_mas_det", conn); 
    ds = new DataSet(); 

    dr.Fill(ds, "cus_mas_det"); 
    DataTable CodeDesc = new DataTable(); 
    conn.Open(); 
    dr = new MySqlDataAdapter("select tvl_code, concat_ws(',', tvl_code, citi_name) citiname from code_desc where travel_mode = 'BUS'", conn); 
    ds1 = new DataSet(); 
    dr.Fill(ds1); 
    ddlfrom.DataSource = ds1; 
    ddlfrom.DataTextField = "citiname"; 
    ddlfrom.DataValueField = "tvl_code"; 
    ddlfrom.DataBind(); 
    txtbookingdate.Text = System.DateTime.Now.ToString("yyyy/MM/dd"); 
    txtbookingdate.ReadOnly = true; 
    txtbookingref.Text = autoid(); 
    txtbookingref.ReadOnly = true; 
} 

У меня есть страница жереха, в котором у меня есть текстовые поля и выпадающие списки, я заселение выпадающего из базы данных, как указано в приведенном выше коды, и я могу заполнить это.
Теперь моя проблема, я хочу, чтобы искать elemnets, введя любые слова в выпадающем списке ..
Например, если ввести слово «Ab» он должен показать все элементы, начиная с «Ab» ..
Как сделай это?как искать в выпадающем списке по базе данных

<asp:ComboBox ID="ddlfrom" class="chzn-select" runat="server" 
              DataTextField="name" DataValueField="name" MaxLength="0" 
              style="display: inline;" 
              onselectedindexchanged="ddlfrom_SelectedIndexChanged1"> 

             </asp:ComboBox>          

ответ

0

Вы можете использовать выбранный JQuery плагин здесь harvesthq.github.io/chosen/

Таким образом, вы можете осуществлять поиск ключевых слов в в раскрывающемся списке попробуйте этот плагин.

Это может помочь вам использовать How do I use Chosen jQuery in my html file?

Добавить требуется JS и CSS файлы класса страницы, наделяют выпадающий как это: -

<head> 
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css"> 
    <script src="http://code.jquery.com/jquery-1.8.3.js"></script> 
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> 
    <script src="http://harvesthq.github.com/chosen/chosen/chosen.jquery.js"></script> 
    <link rel="stylesheet" href="http://harvesthq.github.com/chosen/chosen/chosen.css"> 
<script type="text/javascript"> 
$(function(){ 
    $(".chzn-select").chosen(); 
}); 
</script> 
    </head> 
    <body> 

Присвоить класс вашего выпадающего меню

<asp:DropDownList ID="dr_list" runat="server" CssClass="chzn-select"> 
    <asp:ListItem Value="-1" Text=""></asp:ListItem> 
     </asp:DropDownList> 

Загрузить Here

+0

точно это то, что мне нужно. Скажите пожалуйста, пожалуйста, как и где я должен добавить этот плагин .. ?? – Naveen31

+0

Мне нужно что-то изменить в файле selected.js .. ??? – Naveen31

+0

Я загрузил его, и я добавил файлы, но все еще не получаю .. – Naveen31

0

Вам необходимо сделать это на стороне клиента, используя AJAX.

  1. Создание веб-службы или использование метода страницы, который принимает в качестве параметра некоторый текст поиска и затем возвращает нужные данные.

  2. Клиентская сторона - обрабатывает событие нажатия клавиши с использованием JavaScript/jQuery и обновляет свой комбинированный блок или любой другой элемент управления, который вы используете в данный момент.

Пример использования JQuery:

$('#<%= txtBox.ClientID %>').keypress(function() { 

    var currentText = $(this).val(); 

    $.get('some_web_service', { searchText: currentText }, function (data) { 
     // update combo box here using data 
    }); 

}); 

Это предполагает, что вы есть веб-сервис под названием some_web_service, который будет возвращать вам данные.

В качестве альтернативы вы можете поместить все это в UpdatePanel и обработать событие нажатия клавиши, но производительность этого не будет такой хорошей.

+0

u mean Мне нужно добавить новый файл jscript для THT .. ?? – Naveen31

+0

В отдельном файле javascript или вы можете поместить javascript в тег тегов на странице – Ben

+0

Почему мне нужен веб-сервис для этого ...? .. может у, пожалуйста, объясните ..? – Naveen31

0

Я не думаю, что вы можете сделать такой seraching с ASP.Net полей со списком, а вы должны попробовать некоторые вещи like

Смежные вопросы