asp.net ajaxtoolkit autocomplete CompletionListItemCssClass更改int javascript [英] asp.net ajaxtoolkit autocomplete CompletionListItemCssClass change int javascript

问题描述

你好......

我创建了一个字典，当我在文本框中写出来时，我用 ajaxtoolkit autocompele 来建议单词，但建议只显示在左侧建议框我需要更改

 CompletionListItemCssClass 

我想知道如何在javascript中执行此操作我的代码：

ajaxtoolkit：

 <   asp：AutoCompleteExtender     ID   =  autocom      ClientIDMode   = 静态      runat   =  server    CompletionSetCount   =   10    CompletionListElementID   =  list        CompletionListItemCssClass   =   toolkitEnglish  
   
        < span class =code-attribute>                           EnableCaching   =  true    MinimumPrefixLength   =  1    TargetControlID   =  txtBoxWord        ServicePath   = 〜/ translator / AutoComplete.asm x    ServiceMethod   =  GetCompletionList     >  
 
 <   / asp：AutoCompleteExtender  >  

此javascript代码：

 <   script    类型  =  text / javascript >  
  var  index =  0 ; 
  function  IndexChanged（）{
 index = comboboxLang.GetSelectedIndex（）; 
  if （index ==  0 ）{
 $（  #txtBoxWord）。css（  direction，  ltr）; 
 $（  #txtBoxWord）。val（ ）; 
 $ find（'  autocom'）。set_contextKey（  1）; 
 $ find（'  list'）。set_CompletionListItemCssClass（  toolkitEnglish）; 
 
  //   $（＃list）。removeClass（toolkitKurdish）;  
 
  //   $（＃list）。addClass（toolkitEnglish ）;  
} 
  if （index ==  1 ） {
 $（ ＃txtBoxWord）。css（  direction，  RTL）; 
 $（  #txtBoxWord）。val（ ）; 
 
 $ find（'  autocom'）。set_contextKey（  2）; 
 $ find（'  list'）。set_CompletionListItemCssClass（  toolkitKurdish）; 
 
  //   $（＃list）。removeClass（toolkitEnglish）;  
  //   $（＃list）。addClass（toolkitKurdish）;  
 
} 
} 
 
 <   /   script  >  

解决方案

（ #txtBoxWord）。css（ direction， ltr）;

（ ＃ txtBoxWord）。val（ ）;

find（' autocom'）。set_contextKey（ 1）;

Hello...
I created a dictionary and I used ajaxtoolkit autocompele to suggest word when I write it in the text box but the suggestion just show in left side of the suggestion box I need to change

CompletionListItemCssClass 

and I want to how to do this in javascript this my code:
ajaxtoolkit:

<asp:AutoCompleteExtender ID="autocom"  ClientIDMode="Static"  runat="server" CompletionSetCount="10" CompletionListElementID="list"   CompletionListItemCssClass="toolkitEnglish"

                EnableCaching="true" MinimumPrefixLength="1" TargetControlID="txtBoxWord"   ServicePath="~/translator/AutoComplete.asmx" ServiceMethod="GetCompletionList"  >

            </asp:AutoCompleteExtender>

this javascript code:

<script type="text/javascript">
          var index = 0;
          function IndexChanged() {
              index = comboboxLang.GetSelectedIndex();
              if (index == 0) {
                  $("#txtBoxWord").css("direction", "ltr");
                  $("#txtBoxWord").val("");
                  $find('autocom').set_contextKey("1");
                  $find('list').set_CompletionListItemCssClass("toolkitEnglish");

                  //$("#list").removeClass("toolkitKurdish");

                  //$("#list").addClass("toolkitEnglish");
              }
              if (index == 1) {
                  $("#txtBoxWord").css("direction", "rtl");
                  $("#txtBoxWord").val("");
                 
                  $find('autocom').set_contextKey("2");
                  $find('list').set_CompletionListItemCssClass("toolkitKurdish");

                  //$("#list").removeClass("toolkitEnglish");
                  //$("#list").addClass("toolkitKurdish");

              }
          }

            </script>

解决方案

("#txtBoxWord").css("direction", "ltr");

("#txtBoxWord").val("");

find('autocom').set_contextKey("1");

这篇关于asp.net ajaxtoolkit autocomplete CompletionListItemCssClass更改int javascript的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！