jQueryでリスト表示を絞り込む処理を実装する ｜ Tips Note by TAM
リスト表示をJavaScriptで絞り込んで表示させる機会がたまにあるので、実装方法を3パターン試してみました。 ■目次 選択した項目で絞り込み検索をする 複数の項目で絞り込み検索をする 配列を使ってリスト側に複数の値を設定できるようにする 1. 選択した項目で絞り込み検索をする 以下のデモの様に、リスト表示の上部に絞り込み検索の項目を配置して、その項目をクリックすると絞り込み検索が行われるパターンです。 デモはサッカーW杯の出場国をグループステージの組み合わせで絞り込む実装です。 See the Pen gvMZGM by tam_yi (@tam_yi) on CodePen. 設定方法ですが、絞り込み検索部分、リスト表示部分の両方にdata属性(data-groupという名前にしています)を設定して、値が一致するものを絞り込むようにしています。 例えばグループAを選択した場合、dat
【連載】Android Tips - 第3回 ListViewを交互にカラーリングする (Java,Androidアプリ作りたい,小ネタ) - 株式会社八角研究所
ListViewの行を下図のように交互にカラーリングする方法を紹介します。 ビューのXMLは、下記のような単純なものです。 <?xml version="1.0" encoding="utf-8"?> ArrayAdapterを使った一般的な方法でリストを表示します。 public class ListViewTest extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); ListView listView = (ListView) findViewById(R.id.list); listView.setAdapter(new ArrayAdapter(
ListViewのカスタマイズ方法
ListViewをカスタマイズする方法は？ Androidでは、ListViewというViewがあります。 このListViewは、同じ構成のレイアウトを一覧表示していく、というViewです。 最もシンプルな使い方としては、単純にTextViewだけを配置した一覧でしょうかね。 ですが、そんな単純な使い方って、実用的でしょうか？ 例えば商品名やユーザ名を一覧表示するだけでは、何も出来ません。 商品名と、その詳細情報を表示する画面へ遷移する為のボタンであるとか、ユーザー名とそのユーザへ音声発信するためのボタンとか、単にテキストだけではなくて、ボタンを一緒にセットにしたい、とか、その他のカスタマイズをしたいと考えている方、多いのではないかと思います。 ListViewの使い方は少々ややこしいですが、私自身がよく使う方法を紹介します。 一応、この方法ですと、結構汎用的に使えるのではないかと思いま
ListView の基本的な使い方 - Android 開発入門
何らかのデータのリストを表示したい場合は、良くあることですよね。 例えばコンタクトリストのデータを引いてきて、それの一覧表示をするとか、あるいは最近通話したヒストリを一覧表示するとか・・・あるいは、 そうしたシステムが持っているデータではなく、自前のアプリケーションのデータを一覧表示するなど。 ここではそんな状況で便利に使えるウィジェットについて基本的な使用方法を説明します。 ListView と ListActivity 一般的なデータリストを表示するために、 ListView というウィジェットが用意されています。 ListView はデータを縦方向に並べて表示して、必要に応じてスクロールします。 例えば次のスクリーンショットを見てください。 ここでは "Hello!" という文字列が複数個、 ListView に表示されています。数が多くなれば自動的に上下にスクロール可能となり、すべ
ListViewを拡張する方法 | public static void main
課題 AndroidのListViewを拡張して、各行の表示を自前のレイアウトで実装する。 Androidに元々用意されているリスト表示形式では、1行に1項目か2項目しか表示できない。 これを、リストの1行に当たる部分をXMLファイルに定義することで、オリジナルの形式でリスト表示できるようになる。 完成図 こんな感じのリストを作る。 必要なファイル4つ 1.リスト1行分のレイアウトファイル inflater.xml リスト1行分のレイアウトを定義したXMLファイル。 このレイアウトでリスト1行が表示される。 2.リスト1行分のデータ格納用クラス DtoInflater.java inflater.xmlの各idに対応するデータを格納する。 3.アダプタクラス InflaterListAdapter.java リスト表示用のアダプタクラス。 LayoutInflater
Y.A.M の 雑記帳
これはOK <item name="android:windowBackground">@drawable/bg_blue</item> だけど、これはダメ <item name="android:windowBackground">@color/blue</item> values/colors.xml <?xml version="1.0" encoding="utf-8"?> <resources> <color name="blue">#0000ff</color> <drawable name="bg_blue">#0000ff</drawable> </resources> 逆に、android:colorBackground の場合は これがダメで、 <item name="android:colorBackground">@drawable/bg_blue</item> こ
ListViewについて - matabii's blog
台風の影響でJJUG CCC行けなかったです。飛行機は欠航だし・・・ さて、以前、ListViewの色の変え方という記事を書きましたが、当時はAndroidを触り始めという事もあり、読み返してみてこれは酷いと思ったので書き直してみます。今もまだまだ勉強中ですが。 http://d.hatena.ne.jp/isher/20090713 http://d.hatena.ne.jp/isher/20090714 サンプルアプリの作成 今回使うサンプルとして、ドメインと国名の一覧を出力する簡単なリストを作ってみます。 一応ソースも乗せておきます。 Eclipseでプロジェクトの作成 作成されたmain.xmlのTextViewを消して、ListViewを配置します。 res/layout/main.xml <?xml version="1.0" encoding="utf-8"?> <Linea
ListActivityをカスタマイズしたときのクリックイベント - ビリヤードが好きなプログラマー
これは、カエルコールの送信履歴を削除する機能を開発している時の話です。 ListActivity + ArrayAdapter + カスタムレイアウトの組み合わせで、送信履歴の削除画面を作ってたのですが、どうも onListItemClick のイベントが発生しないのです。 同じ症状に悩んでいる人は、これから紹介する方法を試してみてはどうでしょうか？ 下図の CheckBox と TextView をもつリストビューを作成します。 このリストビューの主な動作 ・行をタップすると何行目かをテキストビューに表示します。 ・チェックボックスのON/OFFはスクロールしても保持しています。 ・チェックボックス以外の場所をタップしてもチェックボックスのON/OFFを切り替えます。 行のレイアウトを定義します。 <?xml version="1.0" encoding="utf-8"?> <Linea
Listamatic: one list, many options - Using CSS and a simple list to create radically different list options
Can you take a simple list and use different Cascading Style Sheets to create radically different list options? The Listamatic shows the power of CSS when applied to one simple list. Vertical lists Simple list Simple list with square bullets Simple list with circle bullets Using images for bullets Using CSS background images for bullets Eric Meyer's simple separators Eric Meyer's Panelise Rollover
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ListViewのItem選択について
画像付チェックリストの方法
ListView(adapter使用)の内容を一部更新したい
2段のリストビューを作りチェックボックスを各行に配置する方法をご教授ください