`
gerrard_ok
  • 浏览: 146781 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery easyUI combobox赋值

阅读更多

 <input class="easyui-combobox" 
   id="cc"
   name="mallId"
   url="${ctx}/record/mallin!getMall.action" 
   valueField="id" 
   textField="name" 
   multiple="true"  
   panelHeight="auto"
   /></td>

 

name:用来和后台绑定,

url:异步json从后台的方法中获得json数据,

valueField:选取文字后对应的值

textField:显示的文字

multiple="true":允许在下拉列表里多选

 

效果:

 

 

提交到后台会变成一个名字为mallId的Long型数组,

 

后台返回到前台时,给combobox赋值,代码如下:

 

导入c标签:<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

 

              var i = 0;
	var t = [];
	<c:forEach items="${mallId}" var="u">
	  t[i] = ${u};
	  i++; 
	 </c:forEach>
	$('#cc').combobox('setValues',t);

 这是给combobox赋很多值,

 赋单个值是用:$('#cc').combobox('setValue',‘1’);

  • 大小: 2.1 KB
分享到:
评论
3 楼 刘创_2009 2012-08-28  
poincare 写道
遇到个问题 回显的时候,firebug设置断点 调试的时候,能回显,不设断点,就回显不正常,请问怎么解决呢?是 jquery版本问题吗?

确实有个这样的问题,同问。就连我设置延迟执行200毫秒都不得行,必须打断点或者alert一下,才能显示。
2 楼 poincare 2012-07-09  
遇到个问题 回显的时候,firebug设置断点 调试的时候,能回显,不设断点,就回显不正常,请问怎么解决呢?是 jquery版本问题吗?
1 楼 poincare 2011-08-01  
  非常感谢

相关推荐

    jquery easyui 通讯录Demo

    在jQuery EasyUI的datagrid中,通过`data`属性指定JSON数据的URL,或者直接赋值为JSON对象,即可实现数据的加载和展示。 此外,jQuery EasyUI还提供了丰富的API和事件处理机制,使得开发者可以对datagrid进行更细致...

    EasyUi 打开对话框后控件赋值及赋值后不显示的问题解决办法

    然而,直接使用jQuery的`val()`方法给`textbox`赋值并不奏效,原因在于EasyUI的`textbox`控件在初始化后会将原始输入域隐藏,并生成一个新的DOM元素来显示和处理输入值。 正确的赋值方式是使用`textbox`的内置方法`...

    Easyui的组合框的取值与赋值

    在本文中,我们将深入探讨EasyUI的组合...EasyUI是一款基于jQuery的轻量级UI库,提供了丰富的组件,包括Combobox,它使得在Web应用中创建交互式下拉选择框变得简单。 首先,我们来看实现多选效果的代码示例: ```html ...

    js和jQuery以及easyui实现对下拉框的指定赋值方法

    本文将详细讲解如何使用JavaScript、jQuery以及EasyUI库来实现对下拉框的指定赋值方法,以便在需要时自动选中特定的选项。 **JavaScript实现** JavaScript原生方法提供了两种方式来实现下拉框的指定赋值: 1. **...

    jQuery EasyUI的TreeGrid查询功能实现方法

    可以查询根节点和具体子节点的信息,开始使用EasyUI的TreeGrid的loadData 加载url的方式不能实现查询功能,于是利用异步AJAX查询了一下数据返回后,赋值给变量,然后利用 TreeGrid的loadData加载这个json格式的返回...

    jQuery Easy UI中根据第一个下拉框选中的值设置第二个下拉框是否可以编辑

    select class="easyui-combobox" panelHeight="auto" style="width:195px" data-options="required:true,valueField:'id',textField:'text' , onSelect:function(){ var varSelect = $('#WKBgjffs').combobox('...

    基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用

    赋值和取值可以通过jQuery的`.val()`方法实现: ```javascript $("#Name").val(info.Name); // 赋值 var name = $("#Name").val(); // 取值 ``` 对于验证,我们可以添加数据选项如`required`(必填)和`validType`...

    EasyUI总结学习.doc

    EasyUI 是一个基于 jQuery 的前端框架,主要用于快速构建用户界面,尤其适合开发管理类Web应用。它提供了丰富的组件,如对话框、表格、菜单、树形控件等,简化了HTML页面的布局和交互设计。在本文中,我们将深入探讨...

    EasyUI中的dataGrid的行内编辑

    EasyUI是一个流行的基于jQuery的前端UI框架,提供了许多实用的UI组件,其中包括DataGrid组件。DataGrid组件是EasyUI中最常用的一个组件,用于显示和编辑数据。然而,DataGrid组件的行内编辑功能却是EasyUI中一个比较...

    简介EasyUI datagrid editor combogrid搜索框的实现

    EasyUI是一个基于jQuery的UI库,提供了一系列的组件,包括DataGrid和Combogrid,它们通常用于数据展示和编辑。Combogrid是结合了ComboBox和Grid的功能,允许用户在下拉列表中选择一个或多个条目。 首先,为了使...

    周选择下拉控件

    EasyUI是一个基于jQuery的UI框架,它提供了丰富的组件来简化前端开发工作,如数据网格、表单、窗口、菜单等,当然也包括我们的主题——“周选择下拉控件”。EasyUI的这个组件允许开发者为用户提供一个简洁明了的方式...

Global site tag (gtag.js) - Google Analytics