WeChat アプレットのエレガントな検索ボックス
カスタムの人気キーをサポート
サポート検索履歴
検索候補のサポート
検索履歴(レコード)キャッシュの使用をサポート
*はじめに
// テンプレートの紹介
<インポート src="/wxSearch/wxSearch.wxml"/>
<template is="wxSearch" data="{{wxSearchData}}"/>
//wxssに導入
@import "/wxSearch/wxSearch.wxss";
*用途
//wxSearch 公開インターフェース
module.exports = {
init: 初期化、
initColor: initColors、
initMindKeys: initMindKeys、
wxSearchInput: wxSearchInput、
wxSearchFocus: wxSearchFocus、
wxSearchBlur: wxSearchBlur、
wxSearchKeyTap: wxSearchKeyTap、
wxSearchAddHisKey:wxSearchAddHisKey、
wxSearchDeleteKey:wxSearchDeleteKey、
wxSearchDeleteAll:wxSearchDeleteAll、
wxSearchHiddenPanel:wxSearchHiddenPanel
}
//初期化
onLoad: function () {
console.log('onLoad')
var that = これ
//初期化中に wxSearchdata をレンダリングします。2 番目は検索の高さです
WxSearch.init(that,43,['weappdev','小規模プログラム','wxParse','wxSearch','wxNotification']);
WxSearch.initMindKeys(['weappdev.com','WeChat ミニ プログラム開発','WeChat 開発','WeChat ミニ プログラム']);
},
wxSearchFn: 関数(e){
var that = これ
WxSearch.wxSearchAddHisKey(that);
},
wxSearchInput: function(e){
var that = これ
WxSearch.wxSearchInput(e,that);
},
wxSerchFocus: function(e){
var that = これ
WxSearch.wxSearchFocus(e,that);
},
wxSearchBlur: 関数(e){
var that = これ
WxSearch.wxSearchBlur(e,that);
},
wxSearchKeyTap:function(e){
var that = これ
WxSearch.wxSearchKeyTap(e,that);
},
wxSearchDeleteKey: function(e){
var that = これ
WxSearch.wxSearchDeleteKey(e,that);
},
wxSearchDeleteAll: function(e){
var that = this;
WxSearch.wxSearchDeleteAll(that);
},
wxSearchTap: 関数(e){
var that = これ
WxSearch.wxSearchHiddenPanel(あれ);
}
このサイトのすべてのリソースはネチズンによって提供されたもの、または主要なダウンロード サイトによって転載されたものです。ソフトウェアの整合性をご自身で確認してください。このサイトのすべてのリソースは学習の参考のみを目的としています。商業目的で使用しないでください。そうでない場合は、すべての結果に対して責任を負うことになります。侵害がある場合は、削除するためにご連絡ください。連絡先情報: admin@php.cn
関連記事
01 Jun 2023
PHP で WeChat ミニ プログラム検索ボックスのドロップダウン メニュー機能を実装する方法 WeChat ミニ プログラムの人気に伴い、ますます多くの企業が電子商取引の販売とマーケティングに WeChat ミニ プログラムを使用し始めています。検索ボックスは WeChat アプレットの非常に重要なコンポーネントであり、ユーザーが必要な製品や情報をすばやく見つけるのに役立ちます。ドロップダウン メニュー機能を使用すると、ユーザーは検索結果をより便利にフィルタリングできます。この記事では、PHP を使用して WeChat アプレットの検索ボックスのドロップダウン メニュー機能を実装する方法を紹介します。 1. WeChat ミニ プログラムの開発環境を構成する まず、PHP を使用して WeChat ミニ プログラムを実装します。
21 Mar 2017
この記事では、主に WeChat アプレットの入力ボックスの詳細な説明と簡単な例を紹介します。必要な友達は参考にしてください。
13 Jun 2016
検索できるドロップダウン ボックス たとえば、中国語の教師、数学の教師、英語の教師などのドロップダウン ボックスがあります。数学の教師を選択して検索を押します。教師が表示されます。どうすればよいですか?-----解決策のアイデア----------js モニター キーボード ajax 検索データベース情報を返すには、ジャンプ リンクをクリックしてください----- -解決策のアイデア---------------------jquery& を見てください。
21 Nov 2023
WeChat アプレットを使用して検索ボックスの自動補完機能を実現するモバイル インターネットの発展に伴い、WeChat アプレットは人々の生活に欠かせないものになりました。小規模なプログラムでは、検索機能は非常に一般的な要件の 1 つです。ユーザーエクスペリエンスを向上させるには、検索ボックスのオートコンプリート機能が便利です。この記事では、WeChat アプレットを使用して検索ボックスの自動補完機能を実装する方法と、具体的なコード例を紹介します。まず、ユーザーが検索キーワードを入力できるように、ミニ プログラム ページに検索ボックス コンポーネントを追加する必要があります。ウィスコンシンで
27 Mar 2017
入力入力ボックスのコンポーネントの説明: この記事では、入力入力ボックスのさまざまなパラメーターと特性を紹介します。
22 Jun 2018
WeChat ミニ プログラムは新しい機能、つまりあいまい検索を再開しましたが、WeChat ミニ プログラムにあいまい検索機能がない場合、多くの友人はどうすればよいでしょうか。以下に編集者が詳しく説明しますので、見てみましょう。 。
01 Jun 2023
WeChat ミニ プログラムの継続的な人気により、検索ボックス機能は多くのミニ プログラムに不可欠な部分になりました。 WeChat アプレットの検索ボックス機能を PHP で実装することもますます重要になっています。この記事では、PHPを使用してWeChatアプレットに検索ボックス機能を実装する方法を紹介します。ユーザー入力の取得 検索ボックス機能を実装する前に、まずユーザーが入力したキーワードを取得する必要があります。この目的のために、WeChat アプレットに付属する検索入力ボックス コンポーネントを使用して、その入力イベントを監視することでユーザーが入力したキーワードを取得できます。これはサンプルコードです:://in wxm
23 Jun 2018
この記事では主にWeChatミニプログラムAmapの関連情報と簡単なサンプル(ソースコードのダウンロード)を紹介します。必要な友人は参考にしてください。
Hot tools Tags
Hot Tools
WeChat ミニプログラムのデモ: 模倣モール
WeChat ミニ プログラム デモ: モールを模倣しており、簡単に始めることができ、モールのいくつかの基本機能をうまく紹介しています。
要点: アンカーのような機能を実装する
誰もが必要とする同様のアンカー機能に加え、一部のテイクアウトアプリの典型的な注文機能も実装されています。
WeChat ミニプログラムのデモ: Lezhu
WeChat ミニ プログラムのデモ: Lezhu: 位置ベースの便利なアプリケーションに似ており、Zhang Xiaolong のミニ プログラムの精神にいくらか似ています。
WeChat ミニ プログラム ゲームのデモでは、さまざまなカラー ブロックが選択されます
WeChat ミニ プログラム ゲームのデモでは、さまざまなカラー ブロックが選択されます
WeChat アプレットのデモ: カルーセル画像の変換
カルーセル チャートのスタイル変更、小さなプログラムで実装されたシンプルなカルーセル チャート、簡単に作成