1

ボタン コールバックからの出力は次のとおりです。両方が追加されたグリッド コントロールに含まれるピッカー コントロールへの参照が返されます。

[13-09-06 21:59:07:575 ICT] {clientY=83, clientX=100, eventType=click, ctrl=false, meta=false, source=Today, button=1, alt=false, picker=Sat Sep 07 00:00:00 GMT+07:00 2013, screenY=399, screenX=649, y=16, shift=false, x=28}

すべてを接続するために使用されるコードは次のとおりです。

var app = UiApp.createApplication().setWidth(600).setHeight(400);
var submitHandler = app.createServerHandler('eventFormData_Save_');
var dateBtnsHandler = app.createServerHandler('eventDateBtns_');

// create panels
var vPanel = app.createVerticalPanel().setStyleAttributes(css.body);
var sPanel = app.createScrollPanel().setId('sPanel');

// add vPanel to sPanel
sPanel.add(vPanel);

var dToday = getWholeDay(new Date());  

var oDateGrid = app.createGrid(3,3);
var oBtnPrev = app.createButton('< Prev').setId('Prev');
var oBtnNext = app.createButton('Next >').setId('Next');
var oBtnToday = app.createButton('Today').setId('Today').setWidth('100');

var oTxtOldDate = app.createTextBox().setId('pickerOldDate').setWidth('50');    
var oPickerLabel = app.createLabel('Selected Date:',false).setId('pickerLabel');        
var oPicker = app.createDateBox().setId("picker").setName("picker").setWidth('100')
.setFormat(UiApp.DateTimeFormat.DATE_SHORT)
.setValue(dToday).setFocus(true);


oDateGrid.setWidget(0,1,oPickerLabel);
oDateGrid.setWidget(1,0,oBtnPrev).setWidget(1,1,oPicker).setWidget(1,2,oBtnNext);
oDateGrid.setWidget(2,0,oTxtOldDate).setWidget(2,1,oBtnToday);

dateBtnsHandler.addCallbackElement(oDateGrid);
//dateBtnsHandler.addCallbackElement(oTxtOldDate);//tried adding the txtbox explicitly to no effect

oBtnPrev.addClickHandler(outgoingClientHandler).addClickHandler(dateBtnsHandler);        
oBtnNext.addClickHandler(outgoingClientHandler).addClickHandler(dateBtnsHandler);        
oBtnToday.addClickHandler(outgoingClientHandler).addClickHandler(dateBtnsHandler);       
oPicker.addValueChangeHandler(outgoingClientHandler).addValueChangeHandler(dateBtnsHandler);
oTxtOldDate.addValueChangeHandler(dateBtnsHandler);

app.add(oDateGrid);

コードのすべてではありません。少し取り乱しており、関連性があるべきではありませんが、そこにあるもののいくつかは後の要素に関連しています - 明確でない場合はお知らせください!

ボタンと同じコールバック関数内で pickerOldDate を参照しようとすると問題が発生します。

{source=picker, eventType=valuechange, picker=Sat Sep 07 00:00:00 GMT+07:00 2013}

したがって、ピッカーがボタンのコールバック パラメータにあるのか、pickerOldDate がピッカーのコールバック パラメータにないのか、何に驚くべきかわかりません。何かアドバイス?

ところで:ポイント(明確でない場合)は、ユーザーが将来の日付を選択した場合(許可されていない)、ピッカーの「OldValue」を保持することです。ピッカーの値を、コールバックが呼び出される前のものに戻す必要があります。この結果を設計する際にトリックを逃した場合は、喜んで別のルートに進みます - ありがとう!

4

1 に答える 1