いてづきブログ

情シスでやってみたことの備忘録

Extjs

タブパネルでタブを閉じると他のタブも閉じてしまう場合

Ext.tab.Panelで追加するPanelに「closable:true」を設定すると、追加されたタブに閉じるボタンがつく。 当然、これをクリックすればタブが閉じるわけだけど、複数タブを開いている時に閉じようとすると他のタブも閉じてしまい、画面の表示が崩れる場合があ…

Formの入力をEnterでSubmitする

なんかタイトルが楽天みたいになってしまったwEnterキーを受け取るには、specialkeyイベントに対してハンドラを設定し、押されたキーがEnterである場合に処理を走らせます。 こんな感じ。listeners: { specialkey: function(field, e){ if (e.getKey() == e…

Sencha Touchでborderを表示する

border: "1 0 0 0", style: { 'border-style': 'solid' }, なぜかborderに値をセットするだけでは表示されなかったので。

sencha touchのmodelに表示用のフィールドを追加する

サーバーから取得されるのが,'firstname'、'lastname'だけで、表示用にfullnameを使用する場合のサンプル。 fieldにconvertを定義して、表示させる文字列を返す。 第一引数が、変換前にこのフィールドに入っていた値(value)。 第二引数が、このレコード自体…

Sencha Touchでlocal storageを扱う方法

login Formのアカウント名を記憶する方法として、local storageに保存する方法を使ってみた。 local storageに保存するデータのモデルを定義する。 proxyのtypeに'localstorage'を指定する。 Ext.define('LogonCache', { extend: 'Ext.data.Model', config: …

Ext.Ajax.requestで同期通信する

Ext JS 4 の Ext.Ajax.request で同期通信する - 飲む、寝る。 async:false これで同期通信になる模様。 APIDocにも書いてなかったみたいなのでメモ。

javascriptで画像を更新する

JavaScriptでWebページの特定の画像をリロード - JavaScript入門Extjsのimageでも同じやり方で最新の画像を取得できました。こんな感じ var img = Ext.fly('imageView'); img.set ({src : img.dom.src + '?' + 1});

Extjsのファイルアップロード

{ xtype: 'form', width: 400, height: 350, layout: 'vbox', items: [{ // トークン xtype: 'hidden', name: '__RequestVerificationToken' }, { xtype: 'filefield', name: 'file', width: 400, hideLabel: true, buttonText: "アップロード", msgTarget: …

Extjsでピラミッドチャートを作ってみた

ExtjsのStacked bar chartを使って強引にピラミッドチャートを表示。 データの片方は数値がマイナスになってないといけないという残念仕様…。そこはスクリプト側で一括で-1かけるとかして対処。 値を取るときはMath.absで取得することにして対処。元々こうい…