ホームページ ウェブフロントエンド jsチュートリアル ExtJS Grid が SimpleStore と複数選択 box_extjs を使用する方法

ExtJS Grid が SimpleStore と複数選択 box_extjs を使用する方法

May 16, 2016 pm 06:41 PM
extjs grid

复制代码代码如下:

///
Ext.onReady(function(){
var data = [
[1,"wilson.fu",10],
[2,"wilson.fu2",20],
[3,"wilson.fu3",30]
];

var sqldata = new Array() ;
for(var i=0;i {
sqldata.push([i.toString(),"wilson.fu" i.toString(),10*i]);
}

var sm = 新しい Ext.grid。 CheckboxSelectionModel({handleMouseDown:Ext.emptyFn});
var cm = new Ext.grid.ColumnModel([
sm,
{header:"编号",dataIndex:"id",sortable:true} ,
{header:"姓名",dataIndex:"name"},
{header:"排序值",dataIndex:"ordernum",sortable:true}
]); >var store = new Ext.data.SimpleStore({
フィールド:[
{name:"id"},
{name:"name"},
{name:"ordernum"}
]
});

store.loadData(sqldata);

var gd = new Ext.grid.GridPanel({
renderTo:"グリッド",
cm:cm、
sm:sm、
store:store、
loadMask:true
});

Ext.get("btn").on(" click",function(){
var selected = gd.getSelectionModel().getSelections();
debugger
//獲得した実行的值
});

});

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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

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

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

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

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

CSS フレックスおよびグリッド レイアウトを使用して 3D ダイスを実装する手順を段階的に説明します (コード付き) CSS フレックスおよびグリッド レイアウトを使用して 3D ダイスを実装する手順を段階的に説明します (コード付き) Sep 23, 2022 am 09:58 AM

フロントエンドのインタビューでは、CSS を使用してサイコロや麻雀のレイアウトを実装する方法をよく質問されます。以下の記事では、CSSを使用して3Dサイコロを作成する方法(FlexおよびGridレイアウトで3Dサイコロを実装)を紹介しますので、ご参考になれば幸いです。

PHP と ExtJS を使用して強力な Web アプリケーション機能を実装する方法 PHP と ExtJS を使用して強力な Web アプリケーション機能を実装する方法 Jun 25, 2023 am 11:40 AM

Web アプリケーションの継続的な開発と人気により、ますます多くの企業や個人が PHP と ExtJS を使用して強力な Web アプリケーションを構築し始めています。人気のサーバーサイド スクリプト言語として、PHP はクロスプラットフォームで学習が簡単ですが、ExtJS は開発者がインタラクティブな Web アプリケーション インターフェイスを迅速に構築するのに役立つ人気のフロントエンド フレームワークです。この記事では、PHP と ExtJS を使用して強力な Web アプリケーション機能を実装する方法を紹介します。使用する PHP および MySQL データベース接続を確立する

CSS パネル レイアウト プロパティ: グリッドおよびグリッド テンプレート列 CSS パネル レイアウト プロパティ: グリッドおよびグリッド テンプレート列 Oct 25, 2023 am 08:15 AM

CSS パネル レイアウト プロパティ: グリッドとグリッド テンプレート列 最近の Web ページ レイアウトでは、パネル レイアウトは Web コンテンツをグリッドに配置できる一般的な設計方法です。パネルレイアウトを実現するには、CSSのグリッドレイアウト属性とgrid-template-columns属性が鍵となります。 1. グリッド レイアウト属性の概要 グリッド レイアウト属性は、CSS でグリッド レイアウトを作成するために使用される属性です。

一般的に使用される 5 つの CSS レイアウト フレームワークについて学びます 一般的に使用される 5 つの CSS レイアウト フレームワークについて学びます Jan 16, 2024 am 09:20 AM

CSS レイアウト フレームワーク: 一般的に使用される 5 つのレイアウト フレームワークを探索する はじめに: Web デザインでは、レイアウトは重要な部分です。 CSS レイアウト フレームワークは、さまざまなレイアウト スタイルを備えた Web ページを迅速に構築するのに役立ちます。この記事では、一般的に使用される 5 つの CSS レイアウト フレームワークを紹介し、読者がこれらのフレームワークをよりよく理解して使用できるように、具体的なコード例を示します。 1. ブートストラップ: ブートストラップは、現在最も人気のある CSS レイアウト フレームワークの 1 つです。豊富なコンポーネントと強力な応答機能を備えており、

HTML チュートリアル: グリッド平均レイアウトにグリッド レイアウトを使用する方法 HTML チュートリアル: グリッド平均レイアウトにグリッド レイアウトを使用する方法 Oct 19, 2023 am 10:49 AM

HTML チュートリアル: グリッド平均レイアウトにグリッド レイアウトを使用する方法 Web デザインでは、グリッド レイアウト (GridLayout) が一般的に使用されるレイアウト方法であり、Web コンテンツを効果的に複数の列に分割し、柔軟な配置とレイアウトを実行できます。このチュートリアルでは、HTML および CSS グリッド レイアウトを使用してグリッド平均レイアウトを実装する方法を紹介し、具体的なコード例を示します。 1. グリッドレイアウトとは何ですか?グリッドレイアウトとは、ページを複数の列に分割し、行と列に基づいて配置するレイアウト方法です。

ページ レイアウトとレスポンシブ デザインのための UniApp 実装テクニック ページ レイアウトとレスポンシブ デザインのための UniApp 実装テクニック Jul 05, 2023 pm 01:57 PM

ページ レイアウトとレスポンシブ デザインを実装するための UniApp の実装スキル はじめに: UniApp は、iOS、Android、H5 などの複数のプラットフォーム向けのアプリケーションを同時に開発できる、Vue.js フレームワークに基づくクロスプラットフォーム開発ツールです。この記事では、UniApp を使用してページ レイアウトとレスポンシブ デザインを実装する方法を紹介し、いくつかの実用的なコード例を示します。 1. ページ レイアウト Flex レイアウト Flex レイアウトは、ページ レイアウトで一般的に使用される方法であり、さまざまな画面サイズやデバイスに自動的に適応できます。ユニアプリ内

CSS アダプティブ レイアウト プロパティの最適化のヒント: フレックスとグリッド CSS アダプティブ レイアウト プロパティの最適化のヒント: フレックスとグリッド Oct 21, 2023 am 08:03 AM

CSS アダプティブ レイアウト属性の最適化のヒント: フレックスとグリッド 最新の Web 開発では、アダプティブ レイアウトの実装は非常に重要なタスクです。モバイルデバイスの普及と画面サイズの多様化に伴い、Web サイトがさまざまなデバイスで適切に表示され、さまざまな画面サイズに適応できることが必須の要件となっています。幸いなことに、CSS には、アダプティブ レイアウトを実装するための強力なプロパティとテクニックがいくつか用意されています。この記事では、よく使用される 2 つのプロパティ (フレックスとグリッド) に焦点を当て、具体的なコード例を示します。

CSS の相対レイアウト プロパティの詳細な説明: 位置と相対 CSS の相対レイアウト プロパティの詳細な説明: 位置と相対 Oct 26, 2023 am 10:01 AM

CSS の相対レイアウト プロパティの詳細な説明: 位置と相対 フロントエンド開発では、開発者が直面する必要がある問題がレイアウトであることがよくあります。ページ上の要素の位置をより適切に制御するために、CSS にはさまざまなレイアウト メソッドが用意されています。中でも相対レイアウトは非常に一般的なレイアウト方法であり、position属性とrelative属性を利用することで要素の位置や大きさを柔軟に調整することができます。 Position 属性は、要素の配置方法を定義するために使用されます。共通の値

See all articles