`
LichiKing
  • 浏览: 14671 次
  • 性别: Icon_minigender_1
  • 来自: 内蒙
社区版块
存档分类
最新评论

Easyui dialog 下 filebox、radio的失效

阅读更多

     最近一个项目中使用到了easyui,修改功能是点击按钮弹出对话框dialog,dialog中自然是一些表单了,但是,我发现在dialog下的easyui-filebox无法显示选择的文件名,相同的问题,radio 设置checked也无法初始化选中。

我原来的html结构是dialog中套了一个form,如下

<div id="addDialog" class="easyui-dialog"  closed="true">
       <form >
       </form>
</div>

 修改后的结构是一个form中套着一个dialog,如下:

<form>
        <div class="easyui-dialog">
        </div>
</form>

 现在就可以解决dialog中filebox,radio出现的问题了。

 参考:http://www.bubuko.com/infodetail-1596802.html

分享到:
评论

相关推荐

    easyui dialog和messager样式更改

    easyui dialog和messager样式更改,默认样式太丑

    用easyui-filebox上传Excel文件(ASP.NET MVC)

    在本文中,我们将深入探讨如何在ASP.NET MVC框架下,利用EasyUI的FileBox组件实现Excel文件的上传功能。EasyUI是一个基于jQuery的用户界面库,提供了丰富的组件,如FileBox,用于处理文件选择和上传操作。而MVC...

    EasyUI filebox空间上传文件操作说明

    特别是在结合AjaxFileUpload包的情况下,如何实现文件的异步上传,并对EasyUI与AjaxFileUpload的源码进行必要的修改以支持这一功能。以下将详细介绍`filebox`控件的使用方法、注意事项以及具体的代码实现。 #### 二...

    easyui 可编辑datagrid完整例子,支持filebox

    此例子特别强调了对 filebox 的支持,filebox 是 EasyUI 的一个扩展,用于处理文件上传功能。 在标题和描述中提到的“可编辑 datagrid”,是指 datagrid 具有单元格或行级别的编辑能力。用户可以直接在 datagrid 中...

    Easyui通过Dialog打印.rar

    在IT领域,EasyUI是一个基于jQuery的前端框架,它提供了丰富的UI组件,如DataGrid、Dialog等,用于构建用户界面。本示例聚焦于如何在EasyUI中利用Dialog组件实现内容打印功能。以下是对这个主题的详细阐述: 首先,...

    Easyui使用Dialog打印

    在IT行业中,EasyUI是一个基于jQuery的前端框架,它提供了丰富的UI组件,如DataGrid、Dialog等,使得开发者能够快速构建用户界面。本文将详细探讨如何利用EasyUI的Dialog组件来展示DataGrid的内容,并实现对其内容的...

    javascript实现的弹出层背景置灰-模拟(easyui dialog)

    模仿easyui dialog的效果&lt;/title&gt; [removed] //取得页面元素 var getElement = function() { return document.getElementById(arguments[0]) || false; } function openDialog(dialogId) { var maskId = ...

    easyui-dialog实例

    【EasyUI Dialog 实例详解】 EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列轻量级、易用的组件,帮助开发者快速构建用户界面。在EasyUI中,Dialog(对话框)是一个非常重要的组件,常用于展示弹出式窗口,...

    jQuery-form.js、FormData、html input file、easyuiFileBox的文件上传

     使用FormData方式提交上传附件与相关数据  同时实现jQuery-form.js附件上传功能  同时实现标准的html input file提交  同时实现easyuiFileBox与标准的ajax附件上传功能 有数据库,下载直接能运行

    jQuery EasyUI Dialog拖不下来如何解决

    使用jquery easyui可以很容易的创建很炫的前台页面,最近在使用过程中发现dialog存在一个问题:  用户将dialog拖出页面后,dialog就不能拖下来了,除非要重新打开页面,这个问题对于用户体验来说是非常重要的, ...

    easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值

    2. 在父页面中,通过`$.dialog`或`$.window`方法打开子页面,可以设置一些参数,如宽度、高度、内容URL等。 例如: ```javascript $.window({ title: '子页面', width: 500, height: 400, href: 'subPage.html'...

    Easyui使用Dialog行内按钮布局的实例

    其中,Dialog是Easyui中的一种常用的控件,用于弹出对话框。今天,我们来讨论Easyui使用Dialog行内按钮布局的实例。 首先,我们来了解一下Dialog控件。Dialog控件是Easyui中的一种常用的控件,用于弹出对话框。它...

    jQuery前端框架easyui使用Dialog时bug处理

    总的来说,虽然easyui的Dialog组件在大多数情况下非常方便和强大,但在处理具有复杂布局的页面时,可能需要一些额外的配置和调整。通过上述解决方案,开发人员可以确保Dialog组件在各种场景下都能正常工作,满足用户...

    jquery easyui滚动条部分设置介绍

    在jQuery EasyUI框架中,创建的对话框(dialog)通常会自动居中显示在屏幕上,但这仅限于页面没有出现滚动条的情况。一旦页面内容超出视口,出现滚动条,dialog就会保持在原始的居中位置,导致用户需要手动滚动页面...

    UI的dialogr和easyui中的tab的结合使用

    &lt;div id="dialog-tabs" class="easyui-dialog" data-options="title:'我的标签页',modal:true"&gt; ``` 3. **创建Tab**:在Dialogr的容器内,我们需要创建一个Tab面板,使用`&lt;div&gt;`元素表示每个标签页,并使用EasyUI...

    修改easyui messager弹框颜色,根据不同弹框类别修改弹框底色

    在默认情况下,Messager 的样式是统一的,但根据实际需求,我们可能需要自定义其颜色以区分不同类型的弹框。标题“修改easyui messager弹框颜色,根据不同弹框类别修改弹框底色”正是针对这一需求,我们要讨论的是...

    easyui 增加 loading 遮罩

    EasyUI 是一个基于 jQuery 的 UI 框架,它提供了一系列方便、美观的组件,包括我们这里提到的“loading”遮罩功能。本文将详细讲解如何在 EasyUI 中增加 loading 遮罩,并探讨其工作原理和应用场景。 EasyUI 的 ...

    Jquery Easyui对话框组件Dialog使用详解(14)

    ### jQuery EasyUI 对话框组件 Dialog 使用详解 #### 1. 概述 jQuery EasyUI 是一个基于 jQuery 的前端 UI 框架,提供了一系列易于使用的组件,用于创建现代的网页应用。其中,Dialog 对话框组件是常用组件之一,...

Global site tag (gtag.js) - Google Analytics