TextField.maxLength

2010.02.17. 07:36 stack

Alkalmanként nekem hiányzik, hogy egy-egy szövegmezőnél a maximális hossz ne csak figyelmeztetés szintjén korlátozza a begépelhető karakterek számát. Szeretném, hogy a maxLength + 1 -edik karaktert már ne is gépelhessük be. Az indok, amiért az ExtJS ezt nem támogatja egyszerű: ha a juzer copy-paste után is szeretné szerkeszteni a szöveget, akkor elképzelhető, hogy "átmenetileg" hosszabb a szöveg, ellenőrzéskor meg úgyis vizsgáljuk a szöveg hosszát. Ami jogos, de alkalmanként akkor is hiányzik. :)

Legegyszerűbb megoldás erre, ha létrehozáskor felülírjuk az input elem definícióját:

{
  xtype: 'textfield',
  autoCreate: {tag:'input', type:'text', autocomplete:'off', maxlength: 10}
}

Többen tanácsolják még, hogy az eredeti maxLength értéket továbbra is adjuk meg! Számomra ennek a haszna megkérdőjelezhető, mivel tudtommal nem létezik olyan ExtJS kompatibilis böngésző, amely ne ismerné az input tag maxlength attribútumát.

1 komment

Címkék: textfield maxlength

A bejegyzés trackback címe:

https://extjs.blog.hu/api/trackback/id/tr411765324

Kommentek:

A hozzászólások a vonatkozó jogszabályok  értelmében felhasználói tartalomnak minősülnek, értük a szolgáltatás technikai  üzemeltetője semmilyen felelősséget nem vállal, azokat nem ellenőrzi. Kifogás esetén forduljon a blog szerkesztőjéhez. Részletek a  Felhasználási feltételekben és az adatvédelmi tájékoztatóban.

correct7 2011.11.03. 21:39:02

Szia.
Látom nem friss a bejegyzés, én most ütköztem hasonló problémába és megosztanám az én megoldásomat is, hátha valakinek segít:

{
xtype: 'textfield',
listeners: {
'change': function(){
if ( this.getValue().length > 4 ) {
Ext.Msg.alert( '<b>Figyelem!</b>', 'Az irányítószám maximum 4 karakter hosszú lehet!');
this.setValue( this.getValue().slice(0, 4) );
return;
}
// itt van az, ami a jó hossz esetén fut
}
}
}

Mindenkitől elnézést kérek, de a kódkiemelést sehol sem találom.
Szóval ha a szöveg négy karakternél hosszabb, akkor lecsípi a végét és
figyelmeztet a hibára, illetve nem fut tovább.

ExtJS blog, mi ez?

Az ExtJS egy JavaScript keretrendszer, melyet a blog írója elfogultan a legjobbnak tart, és ez a blog olyan apróságok gyűjteménye, melyek ExtJS használata közben felmerültek, eszébe jutottak...

Címkék

ajax (4) alignto (1) állás (3) analytics (1) anchorto (1) android (4) animate (2) array (9) auto (1) back button (1) beautifier (1) beforeevent (1) benchmark (1) blur (1) budapest.js (1) button (1) canvas (1) capture (1) case sensitive (1) center (1) change (1) cikkajánló (1) class (2) closure compiler (1) collapse (1) combobox (3) comment (1) console.log (2) contextmenu (2) core (2) count (1) css (15) csv (1) dataview (1) date (4) datefield (3) datepicker (1) debug (1) doksi (1) dragdrop (1) easing (1) eclipse (1) editor (1) element (5) error (5) eval (2) event (1) fejtörő (1) field (2) fieldset (1) filter (1) firefox (4) firefox extension (2) focus (3) fonts (1) fun (1) function (1) google (2) google chrome (1) grayscale (1) grid (4) group contact (1) header (3) height (2) hidden (1) hirek (2) history (1) htaccess (1) html5 (2) htmleditor (2) https (1) icon (3) id (2) ie (2) ie6 (1) ie9 (1) iframe (3) image (2) indexof (1) javascript (1) jquery (2) jslint (2) jsmin (1) json (7) keymap (1) kipróbálom (2) könyvajánló (2) label (1) layout (1) lint (1) log (1) loop (1) magyar (2) mandelbrot (1) mask (1) math (1) maxlength (1) mistake (1) mysql (5) napi szívás (16) nem extjs (12) node (1) nth child (1) number (1) off (5) offline (1) operator (1) override (20) pagesize (1) paging (2) panel (2) php (7) picker (1) plugin (3) pozicionálás (2) preload (1) print (1) propertygrid (1) pseudo (3) readonly (2) record (1) regexp (1) replace (1) resizable (1) rotate (1) round (1) scale (1) sencha touch (2) server (1) shuffle (1) slider (1) sort (3) sortable (1) store (2) string (7) sum (1) tabchange (1) tabpanel (1) tab key (2) tdd (1) template (1) textarea (2) textfield (1) textitem (1) theme (2) throw (1) timer (1) timestamp (1) title (2) toggle (1) toolbar (6) tools (1) total count (1) transparent (1) tree (1) treenode (1) trigger (1) truncate (1) try (1) ucfirst (1) undefined (2) unique (1) unload (1) urlencode (1) utf8 (2) verzió (1) video (1) viewer (1) viewport (2) visible (2) vtype (1) window (2) xtype (1) zindex (2)

Extjs.blog.hu - RSS

Kérdés?