پیاده سازی Autocomplete Textbox در فرم های نینتکس

یکText box و Look up control به فرم NINETEXاضافه کنید...

به تنظیمات پیشرفته کنترل(Advanced Settings) بروید و درقسمت "Store Client ID" گزینه YESرا انتخاب کنید.

سپس، مقادیر را به شکل زیر پیکربندی کنید:

-برای تکست باکس(Textbox): مقدارautocomplete textbox را ایجاد کنید.

-برای Dropdown: مقدار autocomplete dropdown را ایجاد کنید.

با این پیکربندی (تنظیمات)، کنترل ها با استفاده از جاوا اسکریپت قابل دسترسی هستند.

این کد را در site assets folder آپلود کنید.

1. // JavaScript source code  
2. (function ($) {  
3.     //Inputs Dropdown ClientID, Textbox client ID, characters length to perform search  
4.     $.dropdownAutocomplete = function (dropDown1Id, textboxId, SearchTextLength) {  
5.         //Declare Textbox    
6.         var textbox = $("#" + textboxId);  
7.         //Declare Dropdown    
8.         var dropDown1 = $("#" + dropDown1Id.replace("_hid", ""));  
9.         //Enabling textbox with Autocomplete    
10.         textbox.autocomplete({  
11.             //Source can be an Array, String or Function  
12.             //Here we are using function as the source type to fetch the values from the dropdown  
13.             source: function (request, response) {  
14.                 autocompleteVals = [];  
15.                 dropDown1 = $("#" + dropDown1Id.replace("_hid", ""));  
16.                 // Here data will be filtered based on the text coming through the re-quest  
17.                 $(dropDown1).children().each(function () {  
18.                     if ($(this).text() != "(None)" && $(this).text().toLowerCase().indexOf(request.term.toLowerCase()) >= 0) {  
19.                         autocompleteVals.push($(this).text());  
20.                     }  
21.                 });  
22.                 response(autocompleteVals);  
23.             },  
24.             //The minimum number of characters a user must type before a search is per-formed  
25.             minLength: SearchTextLength,  
26.   
27.             //Triggered when an item is selected from the menu, now same item will be selected in the dropdown which is a connected field  
28.             select: function (event, ui) {  
29.                 var fieldOption = $("#" + dropDown1Id.replace("_hid", "") + " op-tion").filter(function () {  
30.                     return $(this).html() == ui.item.value;  
31.                 });  
32.   
33.                 $(fieldOption).attr("selected", true);  
34.                 $(dropDown1).change();  
35.             }  
36.         });  
37.   
38.     }  
39. })(NWF$) 
    

به ترتیب به آدرس زیر بروید:                                                              Nintex Form Settings—Advanced --Custom Javascript Included

در اینجا، url فایلِ کاملِ JS که دربخش Site Assists آپلود شده است را ایجاد کنید.

در همان صفحه، به قسمت Custom JavaScript بروید و کد زیر را آنجا کپی کنید:

1. NWF$(document).ready(function() {  
2.     NWF$.dropdownAutocomplete(autocompleteDropDown, autocompleteTextbox, 1);  
3. }); 

این کار تابع autocomplete را با 3 پارامتر ارائه شده، فراخوانی میکند.