Struts2 Jquery Datepicker里面的网格列

时间:2014-01-01 11:30:37

标签: struts2-jquery struts2-jquery-grid

任何人都可以帮助我在sjg:gridColumn标签中包含datepicker。我已经在下面包含了我的代码。看是否要使用Edittype以便能够获得datepicker。

<sjg:gridColumn name="dateclosed" index="dateclosed"
        title="Date Closed" sortable="false" editable="true"
        edittype="    "/>

1 个答案:

答案 0 :(得分:0)

您可以使用漂亮的jQuery日期选择器来编辑edittype,而不是使用sjg:gridColumn。这假设你的项目中有jQuery。

首先,将以下内容添加到网格上方的JSP页面中:

<script>
$(document).ready(function(){
    $.struts2_jquery.require("js/base/jquery.ui.datepicker.min.js");
}
</script>

接下来,更改您的sjg:gridColumn

<sjg:gridColumn name="dateclosed" index="dateclosed" title="Date Closed" 
                sortable="false" hidden="false" hidedlg="false" 
                editable="true" align="center"
                formatter="date" formatoptions="{newformat : 'm/d/Y', srcformat : 'Y/m/d'}" 
                width="100" editrules="{date: true, required:false}" 
                editoptions="{size:12, maxlength: 19, dataInit: function(elem){$(elem).datepicker({dateFormat:'mm/dd/yy'});}}" />

另请参阅:http://jqueryui.com/datepicker/

替代实施:https://code.google.com/p/struts2-jquery/wiki/SearchGrid#A_Grid_Column_with_Datepicker_in_the_search_dialog