LigerUI 表单和表格中的combobox如何初始化值

摘要:

在修改基础信息的时候,通常会遇到需要修改值为选择值的时候,这时候,数据库存的一般是value,而不是显示的text值,但页面显示的时候如果显示成数字型的值,通常会给人不够直观的感觉。因此,要求页面在加载的时候,根据value,初始化combobox的选择值。

疑难点:

表单配置值:

{ display: Dictionary.mrl.mrl_class_gid, newline: true, name: "pid", type: "select", comboboxName: "pid_com", options: { textField: ‘name‘, valueField: ‘sysno‘, data: data, onSelected: f_select } }

虽然ligerComboBox({})中有value的方法和属性,但因为无法通过选择器定位到该combobox,所以无法实现初始化值。

尝试1:直接在options中添加value属性。

{ display: Dictionary.mrl.mrl_class_gid, newline: true, name: "pid", type: "select", comboboxName: "pid", options: { textField: ‘name‘, valueField: ‘sysno‘, data: data, value: "5831531369ef4ec5bfafda73a0ed23c7" } }

  结果:失败,并为加载成功

尝试2:在formload以后,单独调用ligerCombobox()方法。

api.loadForm($("#form1"), {
                        data: fdata
                    });

                    setTimeout(function () {
                        $("#pid_com").ligerComboBox({
                            data: data,onSelected: f_select,value:fdata.pid
                        });
                    }, 100);

结果:失败。应该是$选择器的问题。

时间: 2024-09-27 00:05:31

LigerUI 表单和表格中的combobox如何初始化值的相关文章

form表单和表格

HTML <table> 标签 border pixels 规定表格边框的宽度. STF cellpadding pixels % 规定单元边沿与其内容之间的空白. STF cellspacing pixels % 规定单元格之间的空白. STF HTML 5 <form> 标签 action 定义一个 URL.当点击提交按钮时,向这个 URL 发送数据. method 用于向 action URL 发送数据的 HTTP 方法.默认是 get. HTML <input>

精通CSS+DIV网页样式与布局--设置表单和表格

表格和表单是网页中非常重要的两个元素,在上篇博客中,我们简单的介绍了CSS的页面背景设置,今天小编继续来介绍CSS的相关知识,在我们的CSS中如何设置表格和表单,首先,来看一张思维导图,通过图简单的预览一下该博文主要讲解哪些CSS的基础知识: 首先我们的首先表格中的标记,代码和运行效果如下所示: <span style="font-size:18px;"><html> <head> <title>年度收入</title> &l

第10章 表单元素(中)

第 10章表单元素[中]学习要点:1.type属性总汇2.type属性解析 本章主要探讨 HTML5中表单中 input元素的 type属性,根据不同的值来显示不同的输入框.一.type属性总汇input元素可以用来生成一个供用户输入数据的简单文本框.在默认的情况下,什么样的数据均可以输入.而通过不同的属性值,可以限制输入的内容. 属性名称 说明text 一个单行文本框,默认行为password 隐藏字符的密码框search 搜索框,在某些浏览器键入内容会出现叉标记取消submit.reset.

关于表单form元素中onsubmit事件处理机制的认识

博主目前处于Js学习的初期,遇到了很多问题,比如今天的关于表单form元素中onsubmit事件问题,根据教程所述,onsubmit事件是在表单提交的时候触发的,但是我看到教程上的onsubmit事件是这么写的 :onsubmit="return validateForm();",首先validateForm()已经有返回值了,为什么在这里还要加一个return??这让我百思不得其解,直到看到一篇博文才恍然大悟,受益匪浅,以下是这篇博文的出处:http://blog.163.com/h

前端笔记——如何控制表单控件中的disabled

0.前言 本文主要说明如何使能或禁止表单控件.表单控件具有disabled属性,通过设置该属性可以禁止所有的input控件,input的更多属性请参考资料[1].下面就通过一个简单的例子说明如何设置和读取disabled属性. [示例页面--代码] <!DOCTYPE html> <html> <head> <script src="jquery.js"></script> <meta charset="utf

第三篇 HTML 表单及表格

表单及表格 表单,常用在登录.注册等地方,这也是一个最基本的. 我们就用登录,来学习什么是表单! 表单 form 标签,在某些好用的编辑工具,比如:WebStorm  你在上面写出form再按下 键盘左侧的'Tab'键,会直接弹出form的开始和结束标签,其他元素 div table span 等都是一样的,还会弹出此元素必要的 属性, 比如img 按下 'Tab' 就会弹出 这样的 <img src="' /> 它会直接帮你写好. 来吧,继续说form表单,因为是介绍给入门同学的,

11.HTML表单元素【中】

第十章 表单元素[中]一.type 属性总汇 1.type为text时 :一个单行文本,默认行为: //<input type="text"> text为默认值,呈现的是一个可以输入任意字符的文本框,还提供了额外属性: |------------------------------| | 属性名称 | 说明 | | list | 指定为文本框提供建议的datalist元素,其值为datalist元素的id值 | maxlegth | 设置文本框字符的最大长度 | | pat

SpringMVC表单或Json中日期字符串与JavaBean的Date类型的转换

SpringMVC表单或Json中日期字符串与JavaBean的Date类型的转换 场景一:表单中的日期字符串和JavaBean的Date类型的转换 在使用SpringMVC的时候,经常会遇到表单中的日期字符串和JavaBean的Date类型的转换, 例如,如下代码S_ROLE_QO这个bean中包含有Date类型属性,不处理就拿不到值. /** * 分页取角色列表 * @param s_ROLE_QO 角色查询条件 * @return */ @RequestMapping(value = "/

dojo中获取表格中某一行的某个值

dojo中经常出现对表格中的某行进行操作,如单击某行修改.删除等.那怎样获取某行的唯一标示呢? 如查询表格中的某列有个userId,并且这个是唯一的,那么可以通过它来访问这一列 具体操作代码如下: var grid = dijit.byId("gridId"); function btnClick(e) { userId = grid._by_idx[e.rowIndex].item.userId; } dojo.connect(grid,"onRowClick",