本篇文章给大家谈谈php–Yii2：JuiAutoCompleteWidget怎么样？，以及yii2php7.3的知识点，同时本文还将给你拓展5:Autocompletion（WorkingwithJ
本篇文章给大家谈谈php – Yii2：Jui Auto Complete Widget怎么样？，以及yii2 php7.3的知识点，同时本文还将给你拓展5: Autocompletion（ Working with Jupyter console ）、Android - AutoCompleteTextView、Android AutoCompleteTextView、Android AutoCompleteTextView 和 MultiAutocompleteTextView 实现动态自动匹配输入的内容等相关知识，希望对各位有所帮助，不要忘了收藏本站喔。
本文目录一览：- php – Yii2：Jui Auto Complete Widget怎么样？（yii2 php7.3）
- 5: Autocompletion（ Working with Jupyter console ）
- Android - AutoCompleteTextView
- Android AutoCompleteTextView
- Android AutoCompleteTextView 和 MultiAutocompleteTextView 实现动态自动匹配输入的内容
php – Yii2：Jui Auto Complete Widget怎么样？（yii2 php7.3）
我有这个代码正确显示自动完成日期,但我无法保存数据.
$data=ArrayHelper::map(State::find()->all(),'id','state_name' ); $data=array_merge($data);
然后
echo 'State' .'<br>';
echo AutoComplete::widget([
'model'=>$model,'attribute' => 'state_id','clientOptions' => [
'source' => $data,],]);
任何解决方案将不胜感激.
谢谢.
use yii\jui\AutoComplete; use yii\web\JsExpression;
然后：
$data = State::find()
->select(['state_name as value','state_name as label','id as id'])
->asArray()
->all();
然后
echo 'State' .'<br>';
echo AutoComplete::widget([
'name' => 'State','id' => 'ddd','autoFill'=>true,'select' => new JsExpression("function( event,ui ) {
$('#city-state_name').val(ui.item.id);//#City-state_name is the id of hiddenInput.
}")],]);
最后：
<?= Html::activeHiddenInput($model,'state_name')?>
就这些.希望有人会觉得它很有用.谢谢.
5: Autocompletion（ Working with Jupyter console ）
If you hit the TAB key while typing a variable name, Jupyter will show you all the possible variables it could be, or auto-complete the name if there''s only a single option. If you hit TAB after typing a variable name, Jupyter will show you the methods on the variable.
Autocompletion makes it much quicker to write code, and can also enable you to discover new methods on variables.
Instructions
- Open the Jupyter console by typing
ipython. - Create a variable.
- Experiment with autocompletion by typing the variable name.
- Exit Jupyter console by typing
exit
Android - AutoCompleteTextView
XML代码：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/linearLayout1"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center_horizontal"
android:orientation="vertical" >
<AutoCompleteTextView
android:id="@+id/autoCompleteTextView1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
>
<requestFocus />
</AutoCompleteTextView>
</LinearLayout> Java代码：
package com.demo;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AutoCompleteTextView;
import android.widget.ArrayAdapter;
import android.widget.Toast;
import android.widget.TextView;
public class ActivityBasicActivity extends Activity {
/** 当第一次被创建时调用 */
String[] str = {
"rollen", "rollenholt", "rollenren", "roll","Google","百度","腾讯","腾讯游戏"
};
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);//创建一个线性布局管理器
//this.getWindow().setBackgroundDrawableResource(R.color.mycolor);//设置背景颜色
setContentView(R.layout.main); //显示该视图
ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,android.R.layout.simple_dropdown_item_1line,str);
AutoCompleteTextView textview = (AutoCompleteTextView) findViewById(R.id.autoCompleteTextView1);
textview.setThreshold(1);//设置用户输入的字符数才显示下拉菜单
textview.setAdapter(adapter);
}
}
Android AutoCompleteTextView
AutoCompleteTextView是一个可编辑的文本视图显示自动完成建议当用户键入。建议列表显示在一个下拉菜单，用户可以从中选择一项，以完成输入。建议列表是从一个数据适配器获取的数据。它有三个重要的方法clearListSelection()：清除选中的列表项、dismissDropDown()：如果存在关闭下拉菜单、getAdapter()：获取适配器
completionThreshold：它的值决定了你在AutoCompleteTextView至少输入几个字符，它才会具有自动提示的功能。另，默认最多提示20条。
dropDownAnchor：它的值是一个View的ID，指定后，AutoCompleteTextView会在这个View下弹出自动提示。
dropDownSelector：应该是设置自动提示的背景色之类的，没有尝试过，有待进一步考证。
dropDownWidth：设置自动提示列表的宽度。
clearListSelection();//清除选中的列表项
dismissDropDown();//如果存在关闭下拉菜单
getAdapter();//获取适配器
案例代码
1.布局文件autocompletetextview.xml如下
<?xml version="1.0" encoding="UTF-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<AutoCompleteTextView
android:id="@+id/antoCom_btn_id"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:completionHint="输入补全提示标题"
android:completionThreshold="1"
/>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/autoText_text"
/>
</LinearLayout>
2、java文件AutoCompleteTextViewDemo.java
package com.dream.app.start.autocompletetextview;
import com.dream.app.start.R;
public class AutoCompleteTextViewDemo extends PublicClass {
String [] str = {"abc","abcd","abd","asd","asw","wse","wsq"};
//定义数组
// String[] province = getResources().getStringArray(R.array.province);
private AutoCompleteTextView myauto = null;
@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
setContentView(R.layout.autocomplete);
//定义数组
// String[] province = getResources().getStringArray(R.array.province);
//定义数组适配器
ArrayAdapter<String> autoStr = new ArrayAdapter<String>(this, android.R.layout.simple_dropdown_item_1line,str);
//找到自动完成组件
myauto = (AutoCompleteTextView)findViewById(R.id.antoCom_btn_id);
//为其设置适配器
myauto.setAdapter(autoStr);
}
}3.执行效果：
Android AutoCompleteTextView 和 MultiAutocompleteTextView 实现动态自动匹配输入的内容
AutoCompleteTextView MultiAutocompleteTextView
这两个控件长的很相似，功能也很相似。
AutoCompleteTextView
-
功能:
动态匹配输入的内容，如百度搜索引擎当输入文本时
可以根据内容显示匹配的热门信息。
-
独特属性
android:completionThreshold="2" // 收入两个字符后自动匹配
---- 设置输入多少字符时自动匹配
那我们来看一下如何实现 AutoCompleteTextView 自动匹配。
-
XML 创建控件：
1 <AutoCompleteTextView 2 android:id="@+id/textview1" 3 android:layout_width="match_parent" 4 android:layout_height="wrap_content" 5 android:completionThreshold="2" 6 android:hint="AutoCompleteTextView" /> -
Java 代码关联并实现：
1 /* 2 * 第一步: 初始化控件 3 * 第二步: 需要一个适配器 4 * 第三步: 初始化数据源----这数据源去匹配文本框中输入的内容 5 * 第四步: 将adapter与当前AutoCompleteTextView绑定 6 * 7 */ 8 9 acTextView = (AutoCompleteTextView) findViewById(R.id.textview1); 10 ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, 11 android.R.layout.simple_list_item_1, res); 12 acTextView.setAdapter(adapter); 13 -
让我们调试下，功能已经实现了。
MultiAutocompleteTextView
-
功能：
可支持多个值（在多次输入的情况下），分别用分隔符分开， 并且在每个值选中的时候再次输入值时会自动去匹配，
可用在发短信，发邮件时选择联系人这种类型当中。
-
独特属性:
android:completionThreshold="2" // 收入两个字符后自动匹配
---- 设置输入多少字符时自动匹配
-
设置分隔符
Mtxt.setTokenizer(new MultiAutoCompleteTextView.CommaTokenizer());
可以用这个方法设置，分隔
1>XML 创建控件：
1 <MultiAutoCompleteTextView
2 android:id="@+id/textview2"
3 android:layout_width="match_parent"
4 android:layout_height="wrap_content"
5 android:layout_below="@id/textview1"
6 android:layout_marginTop="10dp"
7 android:hint="MultiAutoCompleteTextView" />
2>Java 代码关联并实现：
1 /*
2 * 第一步: 初始化控件
3 * 第二步: 需要一个适配器
4 * 第三步: 初始化数据源----这数据源去匹配文本框中输入的内容
5 * 第四步: 将adapter与当前AutoCompleteTextView绑定
6 * 第五步: 设置分隔符
7 *
8 */
9 macTextView = (MultiAutoCompleteTextView) findViewById(R.id.textview2);
10 macTextView.setAdapter(adapter);
11 //设置以逗号为分隔符为结束的符号
12 macTextView.setTokenizer(new MultiAutoCompleteTextView.CommaTokenizer());
3 > 让我们调试下，功能已经实现了。
这两个自动匹配的就做到这里了。这就是这两个自动匹配的用法。
这是我写的 Demo:https://pan.baidu.com/s/1DxUoDTdhbL5kosXTx5S6Pw
原文出处：https://www.cnblogs.com/MrChen-/p/10313890.html
关于php – Yii2：Jui Auto Complete Widget怎么样？和yii2 php7.3的问题就给大家分享到这里，感谢你花时间阅读本站内容，更多关于5: Autocompletion（ Working with Jupyter console ）、Android - AutoCompleteTextView、Android AutoCompleteTextView、Android AutoCompleteTextView 和 MultiAutocompleteTextView 实现动态自动匹配输入的内容等相关知识的信息别忘了在本站进行查找喔。
本文标签：
