我们正在尝试在可编辑的sj:grid中创建一个sj:datepicker Calendar Control。可用的编辑类型很少(text,textarea,select)。
我们在jqGrid中看到了如何在网格行中引入Datepicker的示例,但是找不到与sjg:grid(Struts2-jQuery框架)相似的选项/实现。
是否有人实施过它?
以下是所有链接&我们可以找到jQGrid的文档 :
http://www.trirand.com/jqgridwiki/doku.php?id=wiki:search_config jqgrid Save Cell Edit When DatePicker Is Closed Jquery UI DatePicker In a JQGrid
implement jqgrid cell edit datepicker
jqgrid Save Cell Edit When DatePicker Is Closed http://www.trirand.com/jqgridwiki/doku.php?id=wiki%3acommon_rules
jqgrid - use datepicker with dynamic colModel
答案 0 :(得分:0)
截至目前,我还没有办法通过sj:head标签自动包含 jquery.ui.datepicker.js 文件。
第1步:手动下载&在JSP中包含jquery.ui.datepicker.js文件 第2步:将此jScript函数添加到JSP页面
<script>
datePick=function(element) {
$(element).datepicker(
{
dateFormat: 'dd-M-yy',
buttonImage: "calendar.gif",
buttonImageOnly: true
}
);
};
</script>
步骤3:为日期添加网格列。编辑选项用于带日历
<sjg:gridColumn name="dateOfBirth" index="dateOfBirth" title="Date of Birth"
formatter="String" editable="true" editoptions="{size: 12, maxlength: 10, dataInit:datePick,attr:{title:'Select the date'} }" ></sjg:gridColumn>
未答复的问题:
有没有办法使用struts2-jquery标签自动包含jquery.ui.datepicker.js文件? <sj:head jqueryui="true" ></sj:head>
仅包含以下文件。
<script type="text/javascript" src="/grid/struts/js/base/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="/grid/struts/js/base/jquery.ui.core.min.js?s2j=3.3.3"></script>
<script type="text/javascript" src="/grid/struts/js/plugins/jquery.subscribe.min.js"></script>
<script type="text/javascript" src="/grid/struts/js/struts2/jquery.struts2-3.3.3.min.js"></script>
虽然 jqueryui已设置为true ,但我无法看到自动包含datepicker js文件。
答案 1 :(得分:0)
您可以使用说明
<sj:head ... loadAtOnce="true"/>