当前位置: 首页 > 知识库问答 >
问题:

Yii2:kartikfileinput小部件设置id以捕获事件

汝臻
2023-03-14

我尝试设置的ID为Kartik文件输入小部件,但它似乎不会设置它...因为我无法捕获成功上传后的文件加载事件。
view.php

echo $form->field($ebook, 'imageFile')->widget(FileInput::classname(), [
    'id'            => 'imageFile',
    'options'       => ['accept' => 'pdf/*'],
    'pluginOptions' => [
        'allowedFileExtensions' => ['pdf'],
        'showPreview'           => false,
        'showUpload'            => true,
        'uploadAsync'           => true,
        'uploadUrl'             => Url::to(['site/upload']),
    ]
]);

catchevent.js

$('#imageFile').on('fileuploaded', function(event, data, previewId, index) {
    var form = data.form, files = data.files, extra = data.extra,
        response = data.response, reader = data.reader;
    console.log('File uploaded triggered');
});

共有1个答案

令狐阳秋
2023-03-14

在选项列表中移动id:

echo $form->field($ebook, 'imageFile')->widget(FileInput::classname(), [
    'options'       => ['accept' => 'pdf/*', 'id' => 'imageFile',],
    'pluginOptions' => [
        // ...
    ]
]);

你可以在文档中找到它

 类似资料:
  • 问题内容: 我在gwt应用程序上有一个FlowPanel对象。 它给了我以下错误: 如何设置的ID ? 问题答案: 我正在使用GWT 2.4.0,此代码可以正常工作。 要么

  • 我想使用kartik sidenav小部件。我通过composer安装了kartik-v/yii2小部件扩展。 我可以在这里看到:advanced\vendor\kartik-v\yii2 widget sidenav和extensions。php也进行了修改: 然而,在我看来,当我试图使用它时, 它显示类kartik\小部件\SideNav'未找到错误什么是错误的?

  • 问题内容: 如果我能得到类似下面的信息,那将是很棒的。 伪代码: 在打印U时,将返回以下内容: 能够获得小部件设置将非常有用。这样我就可以相应地操纵其他小部件。 问题答案: 如果知道所需的设置,则可以使用该方法获取值,例如 它将打印 如果您想知道所有可用的选项,widget.config包含配置,并且如果您希望的话,可以创建您可能需要的全部或部分设置,例如 输出:

  • 问题内容: 在Tkinter中,我将多个小部件绑定到鼠标左键。单击它们都会触发同一事件。 如何恢复单击了哪个窗口小部件? 我想要这样,当按下状态时,我将能够恢复在触发事件中被按下的小部件。 问题答案:

  • 主要内容:事件捕获,事件冒泡,阻止事件捕获和冒泡,阻止默认操作在 JavaScript 中,我们将事件发生的顺序称为“事件流”,当我们触发某个事件时,会发生一些列的连锁反应,例如有如下所示的一段代码: 如果给每个标签都定义事件,当我们点击其中的 标签时,会发现绑定在 和 标签上的事件也被触发了,这到底是为什么呢?为了解答这一问题,微软和网景两公司提出了两种不同的概念,事件捕获与事件冒泡: 事件捕获:由微软公司提出,事件从文档根节点(Document 对象)流

  • 我正在使用可编辑小部件(2amigos/yii2可编辑小部件或kartik-v/yii2可编辑)。它工作得很好,但当我在foreach中尝试它时,它只适用于第一个元素。我想为一个模型使用几个小部件。我怎样才能解决它? 下面是代码: