网格列内的Struts2 Jquery Datepicker答案

【问题标题】：Struts2 Jquery Datepicker inside grid column网格列内的Struts2 Jquery Datepicker
【发布时间】：2014-01-01 11:30:36
【问题描述】：

谁能帮我在 sjg:gridColumn 标记中包含 datepicker。我在下面包含了我的代码。要使用的 Edittype 是什么，以便能够获取 datepicker。

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

【问题讨论】：

标签： struts2-jquery struts2-jquery-grid

【解决方案1】：

除了使用edittype，您可以使用一个不错的jQuery datepicker 来编辑您的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

【讨论】：