DateBox/ DatePicker в SmartGwt

Question

Я хочу добавить поле даты, аналогичное указанному в ссылке давать, http://www.jeasyui.com/demo/main/index.php?plugin=DateBox&theme=default&dir=ltr&pitem= в моем проекте веб-приложения (smartgwt).

Короче говоря, я хочу эквивалент datebox(jquery) в smartGwt. Когда я гуглил, я обнаружил, что в smartGwt есть что-то, называемое dateChooser, но оно работает как календарь. Мне нужно что-то вроде приведенного выше в текстовом поле ссылки с кнопкой, которая при нажатии отображает календарь, и выбранная дата появляется в текстовом поле.

Пожалуйста, дайте какие-либо предложения, которые я использую SmartGWT LGPL.

Answer 1

Вы можете использовать DateItem с useTextField=true, чтобы получить требуемое поведение.

DateItem dateItem2 = new DateItem();  
dateItem2.setTitle("Date");  
dateItem2.setUseTextField(true);  
dateItem2.setHint("<nobr>Direct date input</nobr>");

Проверьте раздел "Элементы управления датой" в http://www.smartclient.com/smartgwt/showcase/.

DateItem - это FormItem, то есть вам нужно поместить его в форму, и он будет работать так же, как и другие элементы управления формы.

DateChooser, с другой стороны, является автономным виджетом, который вы можете встраивать среди других виджетов самостоятельно.

Answer 2

Я не видел такого компонента в витрине SmartGWT, но есть что-то под названием PickerIcon который может быть связан с TextItem добиться того, что вы хотите.

PickerIcon datePicker = new PickerIcon(PickerIcon.DATE, new FormItemClickHandler() {  
    public void onFormItemClick(FormItemIconClickEvent event) {  
        SC.say("Date Picker clicked");  // or show a dateChooser component
    }  
});

TextItem datePickerControl = new TextItem("datePicker", "Date Picker");  
datePickerControl.setIcons(datePicker); 

http://www.smartclient.com/smartgwt/showcase/

Надеюсь, что это может помочь!