Ext のテンプレートで第 2 層の json data_json を解析できるようにするメソッド

Ext のテンプレートは、json データを渡すことでテンプレートの置換をサポートします。
API にはそのような例があります:

コードをコピー コードは次のとおりです:

var t = new Ext.Template(
'

',
'{name :trim} {値 :ellipsis(10)}',
'

'
);
t.append('some-element', {id: ' myid'、cls: 'myclass'、名前: 'foo'、値: 'bar'});

テスト用に少し変更します:

コードをコピーします コードは次のとおりです:

var t = new Ext.Template(
'

',
'{name} {value}',
'< /div>'
) ; var dt=t.apply({id: 'myid', cls: 'myclass', 名前: 'foo', 値: 'bar'}); (dt);

上記のコードを実行すると、

foo bar<が表示されます。 ;/div> 置換が成功したことを示します。

ただし、次のような別のテンプレート データがある場合:

コードをコピー コードは次のとおりです:

{id: 'myid'、cls:{o:'myclass'}、名前: 'foo'、値: 'bar'}

us テンプレート内の元の cls 部分を cls.o の値 (myclass) に置き換えたいのですが、どうすればよいですか? {cls.o} を直接使用しますか? 試しても問題ありません。代替手段はありません。テンプレートの照合と置換は、{} 内のコロンの前の文字列と JSON 変数を直接照合するためです。もちろん、文字列 cls.o は見つからないため、一致することはありません。
幸いなことに、テンプレートはデータの解析と処理をサポートしています。
分析関数を自分で定義するだけです。実際は非常に簡単です:

コードをコピー コードは次のとおりです:

var t = new Ext.Template(

'

',
'{name } {値} ',
'

'
);
t.parseJSON=function(data){return data.o}; t.apply( {id: 'myid', cls: {o:'myclass'}, name: 'foo', value: 'bar'}); >

parseJSON と呼ばれる解析メソッドを定義しました。これは、テンプレート内のトップレベルの cls にアクセスし、cls (オブジェクト) の値を処理します (その o 属性に直接アクセスします)。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AIヘンタイを無料で生成します。

もっと見る

人気の記事

R.E.P.O.説明されたエネルギー結晶と彼らが何をするか（黄色のクリスタル）

2週間前 By 尊渡假赌尊渡假赌尊渡假赌

スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか？

1 か月前 By DDD

R.E.P.O.最高のグラフィック設定

2週間前 By 尊渡假赌尊渡假赌尊渡假赌

アサシンのクリードシャドウズ：シーシェルリドルソリューション

1週間前 By DDD

R.E.P.O.誰も聞こえない場合はオーディオを修正する方法

2週間前 By 尊渡假赌尊渡假赌尊渡假赌

もっと見る

ホットツール

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

もっと見る

ホットトピック

Gmailメールのログイン入り口はどこですか？

7411

15

CakePHP チュートリアル

1358

52

Steamのアカウント名の形式は何ですか

76

11

Win11 Activation Key Permanent

17

19

もっと見る