FastAdmin点击输入框, 弹出选择页面, 并把所选的值返回给父窗口

我们使用fastadmin的时候, 有时候会遇到选择框中有很多数据, 用一般的下拉选择框选择的话, 下拉框会拉很长, 不便于选择, 其实 fastadmin有另一种解决方案就是用selectpage,

这里说的是用弹出框来解决

如图, 当供应商文本框获取到焦点是弹出选择框选择框中是供应商列表, 在列表后面加一个选择按钮, 点击选择后, 把父窗口的 input 值,改成相应的数据这里, 我随便更改成了123123, 并且要关闭子窗口

做法, 首先, 为输入框加上获取焦点的事件

这里说明一下, 因为上图中的列表, 很像fastadmin自带的列表页面, 所以我的做法是直接复制了 controller中的index 方法, 粘贴了 index1, 并且相应了复制了 index.html 为 index1.html, 同样的, 不要忘记在相应的js中也复制一下

接着就是在js 的 index1: 中写js 代码了

这是 index1 的 bootstraptable中自定义事件和按钮

这里时定义了按钮和事件不懂的可以参考 bootstart-table 自定义按钮

其中事件的意思是把父窗口中的 id为 #t-supplier 的文本框赋值为 123123 同时得到弹出的layer 层的 index , 并通过 index 来关闭弹出的 layer层

打完收工

FastAdmin点击输入框, 弹出选择页面, 并把所选的值返回给父窗口相关推荐

android仿微信、QQ等聊天界面，实现点击输入框弹出软键盘、点击其他区域收起软键盘，默认滑动至最低端
如图所示,点击输入框及选择图片和发送按钮时软键盘显示且不消失,点击其他区域,则隐藏软键盘. 主要代码如下: override fun dispatchTouchEvent(ev: MotionEven ...
点击输入框弹出文字html,jQuery实现点击文本框弹出热门标签的提示效果
jQuery实现点击文本框弹出热门标签的提示示例_网页代码站 body { font-size:12px;font-family:Arial; } #m_tagsItem { background:# ...
wpf 点击按钮弹出选择框_WPF-PopupWindow wpf右下角弹出框，通过按钮调用，类似QQ CSharp C#编程 238万源代码下载- www.pudn.com...
文件名称: WPF-PopupWindow下载收藏√ [ 5 4 3 2 1 ] 开发工具: C# 文件大小: 90 KB 上传时间: 2013-07-24 下载次数: 19 详细说明:w ...
wpf 点击按钮弹出选择框_关于WPF的弹出窗口
几个重要的概念需要清楚: Show和ShowDialog区别 1.调用Show方法后弹出子窗口后,线程会继续往下执行.调用ShowDialog方法弹出子窗口后,线程会阻塞,直到子窗口关闭才继续往下执行 ...
JSP页面的日期控件可以弹出选择框选择日期
JSP页面的日期控件可以弹出选择框选择日期 input框的如下 <input type="text" name="starttime" readonly= ...
file input 点击没反应_解决input file按钮要点击两次才弹出选择文件窗口
相信很多人都碰到过这个问题,文件上传控件透明后有的要点击两次才能弹出选择文件窗口,这里将将介绍如何避免要双击,只需要单击是可以实现的. 本来一直无心留意这个图片上传file按钮的BUG,因为有时候为了 ...
C# 点击按钮弹出文件选择框
点击按钮弹出文件选择框: // 文件选取这里只允许txt文件private void button1_Click(object sender, EventArgs e){OpenFileDialog ...
Unity实现在Android或IOS端点击【InputField】输入框弹出键盘上的内容默认处于选中状态
Unity实现在Android或IOS端点击[InputField]输入框弹出键盘上的内容默认处于选中状态最终效果如: 上代码 using UnityEngine.EventSystems;/// ...
Android开发- 点击按钮旁弹出选择框
示例: 一.代码部分: 1.弹出框页面布局(layout/pop_mesure_layout.xml)  <LinearLayo ...

FastAdmin点击输入框, 弹出选择页面, 并把所选的值返回给父窗口

FastAdmin点击输入框, 弹出选择页面, 并把所选的值返回给父窗口相关推荐

最新文章

热门文章