0

我们正在尝试在可编辑的 sj:grid 中创建一个 sj:datepicker 日历控件。可用的编辑类型很少（文本、文本区域、选择）。

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

有没有人实施它？

这是我们可以找到的 jQGrid 的所有链接和文档：

http://www.trirand.com/jqgridwiki/doku.php?id=wiki:search_config jqgrid 在 DatePicker 关闭时保存单元格编辑 Jquery UI DatePicker 在 JQGrid 中

实现jqgrid单元格编辑日期选择器

当 DatePicker 关闭时 jqgrid 保存单元格编辑 http://www.trirand.com/jqgridwiki/doku.php?id=wiki%3acommon_rules

jqgrid - 使用带有动态 colModel 的 datepicker

如何在 jqGrid 的添加行对话框中添加日期选择器？

当 DatePicker 关闭时 jqgrid 保存单元格编辑

4

2 回答 2

0

到目前为止，我还没有看到通过 sj:head 标签自动包含 jquery.ui.datepicker.js文件的方法。

第 1 步：手动下载 jquery.ui.datepicker.js 文件并将其包含在您的 JSP 中
第 2 步：将此 jScript 函数添加到您的 JSP 页面 

<script>
    datePick=function(element) { 
    $(element).datepicker(
            {
                dateFormat: 'dd-M-yy',
                buttonImage: "calendar.gif",
                buttonImageOnly: true
            }
            );
    };
</script>

第 3 步：为日期添加网格列。editoptions 用来带日历 

<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 文件。

于 2012-07-30T11:30:04.150 回答
0

您可以使用说明

<sj:head ... loadAtOnce="true"/>
于 2012-10-10T21:10:38.897 回答