Quantcast
Channel: aras PLM community
Viewing all articles
Browse latest Browse all 1103

how to use jquery.autocomplete in a Form

$
0
0

Hi community,

Do someone have experience how to use JQeury widgets on a Form? Is this possible?

I want to use the autocomplete function to let the user easy pick an item from a list and if it is not available in the list the user can type their own value. The jquery gives an example how to use it on http://jqueryui.com/autocomplete/

I used this example code in a html field on a Form.

<head>
  <metacharset="utf-8">
  <title>jQuery UI Autocomplete - Default functionality</title>
  <linkrel="stylesheet"href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <scriptsrc="//code.jquery.com/jquery-1.10.2.js"></script>
  <scriptsrc="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  <linkrel="stylesheet"href="/resources/demos/style.css">
  <script>
  $(function() {
    var availableTags = [
      "ActionScript",
      "AppleScript",
      "Asp",
      "BASIC",
      "C",
      "C++",
      "Clojure",
      "COBOL",
      "ColdFusion",
      "Erlang",
      "Fortran",
      "Groovy",
      "Haskell",
      "Java",
      "JavaScript",
      "Lisp",
      "Perl",
      "PHP",
      "Python",
      "Ruby",
      "Scala",
      "Scheme"
    ];
    $( "#tags" ).autocomplete({
      source: availableTags
    });
  });
  </script>
</head>
<body>
<divclass="ui-widget">
  <labelfor="tags">Tags: </label>
  <inputid="tags">
</div>
</body>

This did not work. We also tried to install the JQuery library in our codetree and reference to in the code but without succes.

We also tried to move out the script declaration to \Client\javascript\scriptset1.aspx but this gave an error at the startup from Aras (iis was reset after scriptset1 modification)

Any suggestion on this or alternatives to Jquery.Autocomplete?

Regards,

Peter

 

 

 

 

 


Viewing all articles
Browse latest Browse all 1103

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>