smartGwt中的DateBox / datepicker

时间:2013-07-01 06:36:58

标签: datepicker smartgwt datechooser

我想添加一个类似于给定链接中的日期框 http://www.jeasyui.com/demo/main/index.php?plugin=DateBox&theme=default&dir=ltr&pitem= 在我的网络应用程序项目(smartgwt)。

简而言之,我希望smartGwt中的datebox(jquery)等效。 当我用谷歌搜索时,我发现smartGwt中有一个名为dateChooser的东西,但它的工作方式就像一个日历我想要的东西就像上面的链接文本字段中的一个按钮,点击一个按钮显示日历,所选日期出现在文本框上。

请提出我使用smartGwt LGPL的任何建议。

2 个答案:

答案 0 :(得分:2)

您可以使用带有useTextField = true的DateItem来获取所需的行为。

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

检查http://www.smartclient.com/smartgwt/showcase/#form_controls_various中的“日期控件”部分。

DateItem是一个FormItem,意味着你需要将它放在一个表单中,并且就像其他表单控件一样。

另一方面,

DateChooser是一个独立的小部件,您可以单独嵌入其他小部件中。

答案 1 :(得分:0)

我没有在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/#form_category_picker_icons

希望这有帮助!