layui框架常用输入框有哪些
发表于:2024-09-21 作者:千家信息网编辑
千家信息网最后更新 2024年09月21日,这篇文章主要介绍了layui框架常用输入框有哪些,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。一、普通输入框 input *字段
千家信息网最后更新 2024年09月21日layui框架常用输入框有哪些
这篇文章主要介绍了layui框架常用输入框有哪些,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
一、普通输入框 input
二、自动完成式输入框
1、确保 layui 引入了 autoComplete 插件。
2、确保初始化代码运行于 layui.use 的回调函数里。
3、引入 baseUtility.js。
HTML
@* 备案网点 *@
js 数据源初始化需定义在 layui.use 的回调函数中。
// 备案网点siteUtility.GetAllSiteByKey("#txtRegisterCompanyId_searchForm", "#hiddenRegisterCompanyId_searchForm");
一个是输入框的 id, 一个是隐藏域的 id。该 GetAllSiteByKey 公共函数已定义在 baseUtility.js 中。
获取其值
// 收集 查询表单数据var serializeForm = $("#searchForm").formSerialize(true);
该序列化方法可以获取隐藏域的 id 值。
实现方式(参考)
/* 获取全部的网点 @param txtElementId 输入框Id @param hiddenElementId 与输入框匹配的隐藏域Id */GetAllSiteByKey: function (txtElementId, hiddenElementId) { $(txtElementId).typeahead({ minLength: 0, //items: 'all', source: function (query, process) { var xdata = []; console.group('查询条件 = ' + query); $.ajax({ type: "GET", url: urlEnum.GetAllSiteByKey, async: false, data: { "q": query }, success: function (result) { console.info('GetAllSiteByKey result'); console.info(result); if (result != null && result != undefined) { $.each(result.list, function (i, item) { xdata.push({ id: item.value, name: item.key, obj: item }); }); // end each } }, error: function (XMLHttpRequest, textStatus, errorThrown) { // layer.msg("数据加载失败", { icon: 1 }); }, timeout: 5000 }); console.info('Auto 返回值:'); console.info(xdata); // 如果 Auto 控件被用户置空则同时将隐藏域也置空 if ($(txtElementId).val() == "") { $(hiddenElementId).val(""); } console.groupEnd(); return process(xdata); }, updater: function (item) { console.info('updater = ' + item); console.info(item); $(hiddenElementId).val(item.id); return item; } }); // end typeahead}
三、赋值
无论输入框是普通的还是自动完成的,都可以直接赋值
// 备案网点$("#txtRegisterCompanyId_editForm").val(registerCompanyName);
感谢你能够认真阅读完这篇文章,希望小编分享的"layui框架常用输入框有哪些"这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!
输入
网点
篇文章
函数
数据
常用
框架
普通
同时
参考
查询
代码
价值
兴趣
字段
序列
控件
插件
数据源
方式
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
歌颂互联网科技发展
国税局网络安全须知
深圳网络安全宣传周主题活动
网络安全和云计算双驱动
邮件中转服务器安全
关于网络安全的手绘图片
sci圣诞节期间更新数据库吗
企业密信服务器id是什么知乎
浙江网络安全培训考试
ibatis数据库连接池
多数据库方案
拆车 竞品数据库
服务器内存三星海士力美光
最新消息王者服务器崩溃
内江九阵软件开发公司
大话数据库课后答案
刀片服务器托管的管理方法
软件开发与测试哪个好
服务器三四年了需要更换吗
什么网络技术会比较吃香
pc机设置成时间服务器
软件开发应用软件开发
sql数据库获取表数据类型
家庭网络安全公约
河南联想服务器续保安装
内江软件开发规范
网络安全与信息化期刊号
山东济南市存储服务器公司
数字信息科技互联网之间的关系
跨数据库 同步