Ako nastaviť DateTextBox na readonly

Medzi ďalšie bugy, ktoré obsahuje Dojo Toolkit, patrí nastavenie vlastnosti readonly widgetu DateTextBox. V tomto prípade ide o neštandardný prístup, ktorý asi málokoho napadne, aby ho vyskúšal. Riešenie je síce jednoduché, no môže veľa programátorom spôsobiť zbytočné starosti a zdržanie.

Nastavenie vlastnosti readonly sa totiž nevykonáva cez readonly, ale cez readOnly. Tento bug demonštrujem na nasledujúcom príklade.

Príklad: Obsah elementu <body>.

1
2
3
<input id="widget" data-dojo-type="dijit/form/DateTextBox" value="2015-06-30">
<button id="button1" data-dojo-type="dijit/form/Button">readonly</button>
<button id="button2" data-dojo-type="dijit/form/Button">readOnly</button>
<input id="widget" data-dojo-type="dijit/form/DateTextBox" value="2015-06-30">
<button id="button1" data-dojo-type="dijit/form/Button">readonly</button>
<button id="button2" data-dojo-type="dijit/form/Button">readOnly</button>

Príklad: Obsah elementu <script>.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
require(["dojo/ready", "dojo/dom", "dijit/registry", "dojo/on"],
  function (ready, dom, registry, on) {
    ready(function () {
 
    var button1 = dom.byId("button1");
    var button2 = dom.byId("button2");
 
    on(button1, "click", function () {
      registry.byId("widget").set("readonly", true);
    });
    on(button2, "click", function () {
     registry.byId("widget").set("readOnly", true);
    });
  });
});
require(["dojo/ready", "dojo/dom", "dijit/registry", "dojo/on"],
  function (ready, dom, registry, on) {
    ready(function () {

    var button1 = dom.byId("button1");
    var button2 = dom.byId("button2");

    on(button1, "click", function () {
      registry.byId("widget").set("readonly", true);
    });
    on(button2, "click", function () {
     registry.byId("widget").set("readOnly", true);
    });
  });
});

Po nastavení widgetu DateTextBox na stav readonly nie je možné zobraziť Date picker (kalendár).

Záver

Verím, že vám tento článok pomohol odstrániť problém s nastavením widgetu DateTextBox na stav readonly.

Ako nastaviť DateTextBox na readonly

Záver

Komentáre

Pridať komentár