Struts2 Jquery Datepicker внутри столбца сетки

Может ли кто-нибудь помочь мне в том, чтобы включить datepicker внутри тега sjg:gridColumn. Я включил мой код ниже. Какой тип редактирования будет использоваться, чтобы можно было получить datepicker.

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

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

Другие вопросы по тегам