Question

我们正在尝试在可编辑的sj：grid中创建一个sj：datepicker Calendar Control。可用的编辑类型很少（text，textarea，select）。

我们在jqGrid中看到了如何在网格行中引入Datepicker的示例，但是找不到与sjg：grid（Struts2-jQuery框架）相似的选项/实现。

是否有人实施过它？

以下是所有链接＆amp;我们可以找到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

How do I add datepicker in the add row dialog in jqGrid?

jqgrid Save Cell Edit When DatePicker Is Closed

Answer 1

截至目前，我还没有办法通过sj：head标签自动包含 jquery.ui.datepicker.js 文件。

第1步：手动下载＆amp;在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文件。

Answer 2

您可以使用说明

<sj:head ... loadAtOnce="true"/>

sj：spg：grid中的datepicker？

2 个答案: