sj:spg:grid中的datepicker?

时间:2012-07-30 07:16:35

标签: jquery jquery-ui jquery-plugins grid datepicker

我们正在尝试在可编辑的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

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

jqgrid Save Cell Edit When DatePicker Is Closed

2 个答案:

答案 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"/>