ajax调用后jQuery UI datepicker重新初始化

贾斯汀

我正在使用Yii,它是jQuery UI Datepicker小部件。

我在CGridView过滤选项中使用它。当CGridView完成ajax调用时,它将调用afterAjaxUpdateevent。

问题是我的JUI Datepicker在我的Web上都有自定义设置,所以我不能只是这样做,$('.picker').datepicker();因为以前的所有选项都会丢失。

有什么办法可以使用相同的选项重新初始化JUI Datepicker?

html.php | 扩展CHtml

public static function datePicker($options) {
   return Yii::app()->controller->widget(
        'zii.widgets.jui.CJuiDatePicker',
        CMap::mergeArray(
            [
                'class' => 'picker',
            ],
            $options
        ),
        true
    );
}

view.php

$this->widget(
     'ext.GridView',
     [
         'columns' => [
             [
                  'name' => 'date',
                  'filter' => Html::datePickerField([
                      'name' => 'Model[date]',
                  ]),
             ],
         ],
     ]
);
哈米德

您可以使用将日期选择器分配给所需字段的功能:

<script>
    function setDatePicker()
    {
         $('.picker').datepicker({
            //Your desired options
         });
    }
</script>

然后,afterAjaxUpdate在每个gridview中调用此函数

'afterAjaxUpdate' => 'js:function(){setDatePicker();}'

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

jQuery UI Datepicker使用新的DefaultDate销毁并重新初始化日历

在初始化之前调用jQuery UI对话框

jQuery UI按钮在ajax调用后未重置

jQuery datepicker在ajax调用后不起作用

为什么在JQuery ajax调用后重新加载页面?

在 ajax 之后重新初始化 owlCarrouse

jQuery验证重新初始化

初始化后ShowDay之前的jQuery datepicker

jQuery datepicker-如何覆盖初始化?

在ajax调用后重新加载脚本

调用销毁方法后无法重新初始化插件

.ajax调用后如何更改UI元素上的CSS

无法在 AJAX 响应中重新初始化 DataTable

在AJAX中重新初始化TinyMCE 4

如何在AJAX响应中重新初始化DataTable

加载Ajax之后重新初始化内容脚本吗?

jQuery UI对话框:无法在初始化之前在对话框上调用方法

datatable jQuery无法重新初始化DataTable

什么时候需要重新初始化jQuery元素

重新初始化 JQuery DataTable 时禁用超链接

Ajax调用后格式化元素

在 Android 中初始化或调用 FirebaseAuth.getInstance() 时,Firebase UI 2.0.1 不起作用

在AJAX调用之后重新初始化jScroll?(在加载AJAX之后仍加载旧的href)

我是Wikipedia api调用,在jquery ajax调用后会自动重新加载页面。先显示页面内容,然后重新加载

调用.html()替换内容后,如何重新初始化jQuery调用

如何判断jquery ui对话框查询是否已初始化?

如何在不使用'href'属性的情况下初始化jQuery UI Tabs?

为什么我从jQuery UI中收到“未捕获的错误:初始化前无法在对话框上调用方法;试图调用方法'close'”

jQuery jscrollpane销毁然后重新创建/重新初始化