当前位置:首页 > 日记 > 正文

如何在yii2GridView使用弹出模态代码

如何在yii2GridView使用弹出模态代码
在文章的最后,我们介绍了如何使用弹出模态(基本使用)在yii2,例如。

在实际开发中,我们经常会遇到列表页面数据修改使用模态,如果一般循环显示,我相信大多数人看到模态的基本使用操作,但结合GridView估计,一些人开始吃了,我们来看看如何解决这个问题!

1、GridView的操作加{更新}按钮,指定的数据切换数据对象类和数据ID的值
{
类= > 'yii actioncolumn的网格,
模板>更新},
按钮{ { {
更新=函数(URL、模型、密钥){
返回HTML::一个更新,{(#。
数据切换' = > 'modal,
数据目标= >的#更新模型,
类= > 'data-update,
数据标识,
});
},
},
},
2。添加更新模式
< PHP
使用Yii 引导模态;
更新操作
模式::开始(
ID = > 'update-modal,
页眉>更新,
页脚= > '关闭',
});
requestupdateurl美元=网址::toroute(更新);
updatejs美元= < << JS
$(数据更新),(听到咔哒声,函数()){
美元。得到({ $ requestupdateurl },{编号:$(this)。最近(TR)。数据(关键的)},
函数(数据){
$(模态体)。Html(数据);
}
);
});
js;
美元-> registerjs($ updatejs);
模式::结束();
>
三.修改我们的更新方法
公共功能actionupdate($id)
{
模式=美元美元-> findmodel($id);
如果(元模型->负荷(Yii::应用程序->请求->美元后())$模型->保存()){
返回这个->重定向({ 'index});
{人}
返回这个-> renderajax(更新,
模型= $模型,
});
}
}
可以看出,从我们以前所说的基本用法来看,在整个过程中没有什么区别,但这是没有止境的,相信大多数人可能会遇到以下最常见的一些最困难的问题:

为什么使用select2在yii2模态为什么搜索框是不是搜索

yii2单页多模态为什么页面会共用一个,所以数据加载完成

yii2,单页,多模态,采用单页添加和更新我们的顶部的GridView,我们使用模态为例。使用select2时,为什么更新select2失败吗

让我们来看看如何逐一解决这些问题:

首先,你只需要指定该选项时使用TabIndex模态开始是错误的,如下:
模式::开始(
/……
选项{ {
'tabindex'= > false
},
});
第二和第三个问题都是由一个页面中的多个模态引起的。为了说明问题,我们在创建按钮和列表中的更新按钮使用模态。根据我们如何使用弹出模态(基本使用),本文在我yii2,首要的问题是显而易见的
$(模态体)。Html(数据);
在我们第一次使用模态之后,得到的模态被分配给所有模态体,这样当我们使用其他模态以后,我们将在数据被请求之前显示相同的内容的错误:
$(#创造),(听到咔哒声,函数()){
('url美元。得到的,{ },
函数(数据){
$(#创建模态)。找到('。模态的身体)Html(数据);
Html(数据);
}
);
});
$(数据更新),(听到咔哒声,函数()){
美元。得到({ $ requestupdateurl },{编号:$(this)。最近(TR)。数据(关键的)},
函数(数据){
$(#更新模式)。找到('。模态的身体)Html(数据);
Html(数据);
}
);
});
看最后一个问题,谁使用select2学生应该注意它!!!

如果我们以实例介绍了本课题的形式将导致select2 select2只有{创建}是正常的,和隐藏的影响当更新select2。

这实际上是由对应于相同的页ID。解决这一问题的相同select2造成的,我们只需要在数据删除所有现有的表单项异步请求。看到具体的实现:
$(#创造),(听到咔哒声,函数()){
多模态select2 / /避免问题
删除表单窗体上的异步加载
$(文档资产净值表);
美元。得到({ $ requesturl },{ },
函数(数据){
$(#创建模态)。找到('。模态的身体)Html(数据);
}
);
});
$(数据更新),(听到咔哒声,函数()){
多模态select2 / /避免问题
删除表单窗体上的异步加载
$(文档资产净值表);
美元。得到({ $ requestupdateurl },{编号:$(this)。最近(TR)。数据(关键的)},
函数(数据){
$(#更新模式)。找到('。模态的身体)Html(数据);
}
);
});
以上是yii2的整体描述,并结合GridView控件如何使用弹出模态代码,我希望它能帮助你。如果你有任何问题,请给我留言,萧边会及时给您回复。谢谢您支持网站。

相关文章

与青年有关的哲学人格的经典人格签

与青年有关的哲学人格的经典人格签

青年,人格,哲学,经典,电脑软件,青春是美丽短暂的时光。我们需要知道如何珍惜它。不要让你的青春遗憾。什么人格签名与青年哲学有关下面,请欣赏青春哲学个人签名推荐萧边。 哲学人物签名节选与青年相关: 1)事实上,每个人都是一样的,在这个世界上…

对Smarty模板变量调节器的使用情况

对Smarty模板变量调节器的使用情况

模板,情况,变量,调节器,电脑软件,本文介绍了Smarty模板变量调节器的使用。分享给你供你参考,如下: 在Smarty,你如何修改文本和变量当然,您可以通过PHP函数处理文本,然后通过赋值()方法将其分配给模板。事实上,Smarty提供可变的调节器,它可以处理文…

避免支付宝的流量安全控制

避免支付宝的流量安全控制

流量,安全控制,支付宝,电脑软件,问:我安装了支付宝的终端安全控制,可以在任务管理器已被相关的过程,如secbizsrv.exe,taobaoprotect.exe,流量检测软件也可以检测他们在浪费流量。请问,如何避免支付宝占据交通 答:支付宝安全控件占用流量少,如果每…

mysql线程池原理学习教程

mysql线程池原理学习教程

学习,教程,线程池,原理,电脑软件,线程池是mysql5.6核心功能。服务器应用程序,Web应用服务是否或DB服务,高并发请求总是一个话题,不能带走。当有大量的并发访问请求,它必须伴随着不断创造和释放资源,导致资源利用率低、降低服务质量。螺纹游泳池…

HTML53D服装摇摆动画特效

HTML53D服装摇摆动画特效

动画特效,摇摆,电脑软件,HTML53D,这也是一个基于HTML5画布的3D动画杰作。这是一个特殊的效果,可以挥舞着风和挥舞着三维服装。这是非常现实的,当我们把鼠标滑过衣服时,衣服会有一个摆动动画。当你点击鼠标时,衣服会更剧烈地摆动。 在线演示源…

对excel2013自动功能

对excel2013自动功能

功能,电脑软件,自动校正功能 在Excel 2013自动校正功能,类似的话,可以自动纠正拼写错误的输入文本时,只要这个功能变化不大,一些特殊的功能是可以实现的。例如,我们在输入数据,有些内容是重复的,那么你可以使用实现自动校正;;快速输入,这里我们以输…

如何绘制汽车轮胎的标志

如何绘制汽车轮胎的标志

绘制,标志,电脑软件,AI只是画一个轮胎的标志 软件名称:Adobe Illustrator CS6(AI CS6)简化绿色中文版(32位+ 64位)软件大小:205mb更新时间:2014-05-11 1、在ai软件中,新建一个800×800的文件,选择椭圆工具,按住Shift画两个圆形图形,并填充颜色,如图所…

PS图象处理软件创造了一个神秘的镂

PS图象处理软件创造了一个神秘的镂

图象,处理软件,创造了,神秘,电脑软件,先看最后效果: 使用工具:PS图象处理软件CS4注:本文中使用的快捷键在英文输入状态都是有效的。第一步:打开PS图象处理软件CS4,执行{打开}文件mdash;命令,打开一幅手掌中,如下图所示。你可以在大学论坛材料展示区…

如何在PPT中画出树型PPT制作教程

如何在PPT中画出树型PPT制作教程

树型,画出,制作教程,如何在,电脑软件,如果我们想在PPT中画一棵树,我们需要什么样的操作让小编辑器告诉你如何在PPT中画一棵树。 用PPT绘制树的一种方法: 首先在插入选项卡;形状;选择圆角矩形,并在编辑区域中绘制,如图所示。 然后,它对圆角矩形的…

PS使字体沿着路径

PS使字体沿着路径

路径,字体,电脑软件,PS,本教程主要使用PS图象处理软件创建字体教程沿路径,主要使用PS路径的技巧和方法相对简单。如果你需要朋友,你可以参考这篇文章,让我们看一看。 步: 1,打开PS软件,创建一个空白文档,使用椭圆选框工具绘制一个圆形选区,然后输…

如何比较js中两个相等实例代码的JS

如何比较js中两个相等实例代码的JS

对象,实例代码,两个,电脑软件,js,在JS前端面试过程中,经常遇到这样的笔试问题。如何比较js中的两个JSON对象相当于实例代码。接下来,萧边需要一点时间整理一下看看。 1。首先准备三种工具方法,以确定它是否是对象类型,不管它是数组还是获取对…

在PS图象处理软件自由变换功能详解

在PS图象处理软件自由变换功能详解

变换,图象,详解,处理软件,功能,在PS图象处理软件,自由变换;它是一个制造的有力手段,及其用法的掌握会给工作带来很大的方便。我们都知道在PS中编辑(编辑)是一种变换菜单,子菜单包含缩放、旋转等,适合初学者了解这些菜单倾向于死记硬背的学习,但效果…