問題タブ [radlistview]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
0 に答える
243 参照

nativescript-telerik-ui - nativescript-ui / RadListView : スクロール オフセットからアイテム インデックスを取得する

RadListView は、スクロール イベントでいくつかのリスナーを公開します。対応するイベント データには、ディップ単位を使用した、リストの新しいスクロール オフセットのみが含まれます。この物理的な位置のデータ ソースで対応するアイテム インデックスを取得する方法はありますか?

0 投票する
2 に答える
997 参照

nativescript - ListViewで上にスクロールしながらネイティブスクリプトの要素を表示 - 視差効果

Whatsapp や Facebook などの多くのアプリに見られる機能を実装する方法についてアドバイスを求めたいと思います。リストとヘッダーは常に表示されるわけではありませんが、ユーザーが上にスクロールし始めると徐々に表示されます。リスト内の任意の場所。

whatsapp と facebook では、上向きのスクロール ジェスチャにより、検索バーが画面上部にゆっくりと表示されますが、リスト自体は検索バーが完全に表示されるまでスクロールしません (少なくともこれは Android の実装です)。

Telerik RadListView (android + ios) で Nativescript angular を使用してこれを実装する方法についてアドバイスが必要です。私の知る限り、ListView を ScrollView 内に配置することは、一般的に Telerik によって推奨されていません。

ありがとう!

編集:私はそれが視差効果と呼ばれることを知り、ネイティブ android でその例を見つけましたが、ListView を使用したネイティブ スクリプトでは見つかりませんでした (ListView 内部ではなく、ScrollView と通常の StackLayout を使用した例を見つけました)。

0 投票する
1 に答える
277 参照

nativescript-angular - ネイティブ スクリプトの radlistview フィルタリングでカスタム メッセージを表示する

ユーザーの種類として RadListView をフィルタリングする TextField を追加することができました。私の問題は、ユーザー検索に一致するものがない場合に「結果が見つかりません」というメッセージを表示しようとしていることです。名前と日付に基づいてフィルタリングしています。

これが私のTextFieldコードです。

これが私のtsファイルです。主にフィルタリングの部分を含めました。

任意の支援をいただければ幸いです。

0 投票する
0 に答える
524 参照

nativescript - 可視性を切り替える複数の項目テンプレートを備えた Nativescript リストビュー

複数のアイテム テンプレートと表示の切り替えに関する radlistview に問題があります。nativescript-accordion プラグインを使用せずに、適切なタイプのディスプレイを再作成しようとしています。特定のアイテムの表示属性を切り替える。ここに私のxmlがあります:

itemTap メソッドは次のとおりです。

アイテムをロードするためのコードは次のとおりです。

locationListviewModel の ObservableArray です。ビューモデルの Item クラスは次のとおりです。

最後に、viewModel の viewModel.collapseExpandItems メソッド:

ヘッダー アイテムの下のアイテムは非表示になっていますが、visibilty="collapsed" に設定されていないアイテムも含めて、すべてのアイテムが非表示になっています。動作については .gif を参照してください。何か案は?ここに画像の説明を入力

一時的には正しいことをしているように見えますが、その後、すべてを隠してしまいます。これは私が望んでいることではありません。タップされたヘッダーの下にあるアイテムを非表示にするだけです。