//wxssに"/> //wxssに">
ホームページ 公式サイト ミニプログラムのソースコード WeChat アプレットのエレガントな検索ボックス

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

関連記事

WeChatアプレット検索ページング機能の実装 WeChatアプレット検索ページング機能の実装

21 Jan 2019

この記事の内容は、WeChat ミニ プログラムの検索ページング機能の実装に関するものです。必要な友人が参考になれば幸いです。

PHP で WeChat アプレット検索ボックスのドロップダウン メニュー機能を実装する方法 PHP で WeChat アプレット検索ボックスのドロップダウン メニュー機能を実装する方法

01 Jun 2023

PHP で WeChat ミニ プログラム検索ボックスのドロップダウン メニュー機能を実装する方法 WeChat ミニ プログラムの人気に伴い、ますます多くの企業が電子商取引の販売とマーケティングに WeChat ミニ プログラムを使用し始めています。検索ボックスは WeChat アプレットの非常に重要なコンポーネントであり、ユーザーが必要な製品や情報をすばやく見つけるのに役立ちます。ドロップダウン メニュー機能を使用すると、ユーザーは検索結果をより便利にフィルタリングできます。この記事では、PHP を使用して WeChat アプレットの検索ボックスのドロップダウン メニュー機能を実装する方法を紹介します。 1. WeChat ミニ プログラムの開発環境を構成する まず、PHP を使用して WeChat ミニ プログラムを実装します。

WeChat アプレット入力ボックスの詳細なコード例 WeChat アプレット入力ボックスの詳細なコード例

21 Mar 2017

この記事では、主に WeChat アプレットの入力ボックスの詳細な説明と簡単な例を紹介します。必要な友達は参考にしてください。

検索可能なドロップダウン ボックス、その方法 検索可能なドロップダウン ボックス、その方法

13 Jun 2016

検索できるドロップダウン ボックス たとえば、中国語の教師、数学の教師、英語の教師などのドロップダウン ボックスがあります。数学の教師を選択して検索を押します。教師が表示されます。どうすればよいですか?-----解決策のアイデア----------js モニター キーボード ajax 検索データベース情報を返すには、ジャンプ リンクをクリックしてください----- -解決策のアイデア---------------------jquery& を見てください。

WeChat アプレットを使用して検索ボックスの自動補完機能を実現する WeChat アプレットを使用して検索ボックスの自動補完機能を実現する

21 Nov 2023

WeChat アプレットを使用して検索ボックスの自動補完機能を実現するモバイル インターネットの発展に伴い、WeChat アプレットは人々の生活に欠かせないものになりました。小規模なプログラムでは、検索機能は非常に一般的な要件の 1 つです。ユーザーエクスペリエンスを向上させるには、検索ボックスのオートコンプリート機能が便利です。この記事では、WeChat アプレットを使用して検索ボックスの自動補完機能を実装する方法と、具体的なコード例を紹介します。まず、ユーザーが検索キーワードを入力できるように、ミニ プログラム ページに検索ボックス コンポーネントを追加する必要があります。ウィスコンシンで

WeChat アプレット コンポーネントの詳細な説明: 入力入力ボックス WeChat アプレット コンポーネントの詳細な説明: 入力入力ボックス

27 Mar 2017

入力入力ボックスのコンポーネントの説明: この記事では、入力入力ボックスのさまざまなパラメーターと特性を紹介します。

WeChatアプレットに曖昧検索機能がない問題の解決方法 WeChatアプレットに曖昧検索機能がない問題の解決方法

22 Jun 2018

WeChat ミニ プログラムは新しい機能、つまりあいまい検索を再開しましたが、WeChat ミニ プログラムにあいまい検索機能がない場合、多くの友人はどうすればよいでしょうか。以下に編集者が詳しく説明しますので、見てみましょう。 。

PHPを使用してWeChatアプレットに検索ボックス機能を実装する方法 PHPを使用してWeChatアプレットに検索ボックス機能を実装する方法

01 Jun 2023

WeChat ミニ プログラムの継続的な人気により、検索ボックス機能は多くのミニ プログラムに不可欠な部分になりました。 WeChat アプレットの検索ボックス機能を PHP で実装することもますます重要になっています。この記事では、PHPを使用してWeChatアプレットに検索ボックス機能を実装する方法を紹介します。ユーザー入力の取得 検索ボックス機能を実装する前に、まずユーザーが入力したキーワードを取得する必要があります。この目的のために、WeChat アプレットに付属する検索入力ボックス コンポーネントを使用して、その入力イベントを監視することでユーザーが入力したキーワードを取得できます。これはサンプルコードです:://in wxm

WeChatミニプログラムAmap SDKの分析 WeChatミニプログラムAmap SDKの分析

23 Jun 2018

この記事では主にWeChatミニプログラムAmapの関連情報と簡単なサンプル(ソースコードのダウンロード)を紹介します。必要な友人は参考にしてください。

See all articles See all articles

Hot Tools

WeChat ミニプログラムのデモ: 模倣モール

WeChat ミニプログラムのデモ: 模倣モール

WeChat ミニ プログラム デモ: モールを模倣しており、簡単に始めることができ、モールのいくつかの基本機能をうまく紹介しています。

要点: アンカーのような機能を実装する

要点: アンカーのような機能を実装する

誰もが必要とする同様のアンカー機能に加え、一部のテイクアウトアプリの典型的な注文機能も実装されています。

WeChat ミニプログラムのデモ: Lezhu

WeChat ミニプログラムのデモ: Lezhu

WeChat ミニ プログラムのデモ: Lezhu: 位置ベースの便利なアプリケーションに似ており、Zhang Xiaolong のミニ プログラムの精神にいくらか似ています。

WeChat ミニ プログラム ゲームのデモでは、さまざまなカラー ブロックが選択されます

WeChat ミニ プログラム ゲームのデモでは、さまざまなカラー ブロックが選択されます

WeChat ミニ プログラム ゲームのデモでは、さまざまなカラー ブロックが選択されます

WeChat アプレットのデモ: カルーセル画像の変換

WeChat アプレットのデモ: カルーセル画像の変換

カルーセル チャートのスタイル変更、小さなプログラムで実装されたシンプルなカルーセル チャート、簡単に作成