easyui动态设置combox的宽度 - peng - ITeye博客

`

bsszds

浏览: 260438 次
性别:
来自: 北京

最近访客更多访客>>

wanqieddy

求学霸带走

Ener

devil999

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

bsszds：可以看看java编程思想第二十章了解下注解的基本原理，然后再去 ...
Aop
chenzheng8975：注解的方式不好理解啊
Aop
bsszds：调用isArray()的时候返回值是true，则说明是数组。上 ...
关于判断一个Char数组属于基本数据类型，还是一个真正的对象
商人shang： 2.调用isArray()的时候返回值是true。（不是一 ...
关于判断一个Char数组属于基本数据类型，还是一个真正的对象
myhand：谢谢分享，感谢。
java反射之使用Constructor调用私有构造函数

easyui动态设置combox的宽度

博客分类：

jquery

阅读更多

<link rel="stylesheet" type="text/css" href="css/default/easyui.css">
 <link rel="stylesheet" type="text/css" href="css/icon.css">
 <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
 <script type="text/javascript" src="js/jquery.easyui.min.js"></script>
   <script type="text/javascript">
      $(function(){
       $('#dd').combobox({   
       width:fixWidth()
   });  
      });
       function fixWidth()
     {
     return document.body.clientWidth*0.6;
     }
   </script>
  </head>
  <body>
   <select class="easyui-combobox" id="dd" name="dd">
     <option value="aa">aitem1</option>
     <option value="bb">bitem2</option>
     <option value="cc">bitem3</option>
     <option value="dd">ditem4</option>
   <option value="ee">eitem5</option>
 </select>

这样写的就能够动态的设置easyui的combobox(或者easyui-datebox)的宽度了，默认的单位类型是px

分享到：

记录一些用到的技术的名词 | easyui框架的databox的格式化问题解决方案

2012-04-16 17:16
浏览 8018
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

easyui datagrid标题列宽度自适应: 在EasyUI的datagrid中，列的宽度通常可以设置为固定、自动或自适应。固定宽度是直接设定每列的具体像素值；自动宽度则是根据列头文本的长度自动调整；而自适应宽度则是在窗口大小变化时，让列宽自动调整以适应内容或...

EasyUI—combox控件包含代码: EasyUI,combox,combotree当下的下拉框不再局限于，有很多便捷的功能，比如说带checkbox,多选及下拉样式等，些文件中的代码实现了这些。

easyUI datagrid rownumber自适应宽度扩展JS: easyUI datagrid 自动调整行号大小

easyUI页面datagrid动态列和form字段动态添加: easyUI页面datagrid动态列和form字段动态添加；项目开发时用到的，废了不少事，大概总了一下，现在发出来共享给想我一样的要用到的菜鸟们，谢谢

Jquery-easyUI动态菜单: **jQuery EasyUI动态菜单详解** jQuery EasyUI 是一个基于 jQuery 的轻量级前端框架，它提供了丰富的组件，如对话框、表单、菜单等，帮助开发者快速构建用户界面。在这个"Jquery-easyUI动态菜单"项目中，我们将会...

easyui datagrid tip 超出宽度省略: datagrid添加tooltip及超出宽度添加省略号

easyui datagrid 动态隐藏显示列: jquery easyui 扩展 datagrid 自定义动态隐藏显示列

easyui右键设置疑问: 你可以通过创建一个 `<div>` 元素并设置 `class="easyui-menu"` 创建菜单，然后在其中添加 `<div>` 子元素作为菜单项，每个子元素可以通过设置 `data-icon` 添加图标，`data-handler` 指定点击后的回调函数。...

easyui的动态表头: 文件主要是关于easyui的动态表头，代码主要是js部分，

JS EasyUI DataGrid动态加载数据: 实现JS EasyUI DataGrid动态加载数据主要涉及以下几个步骤： 1. **配置DataGrid**: 在HTML中创建DataGrid，并设置其`url`属性为数据源接口，这将用于获取服务器上的数据。同时，设置`pagination`属性为`true`启用...

jquery easyUI 实现动态生成多条件查询功能: 谁在jquery easyUI 下做过动态生成多条件查询功能，动态添加一行（一个条件）：参数名（多个字段名）、关系符（>、<、>=、、=）、比较值（input）。大体就这样，点击“添加条件”，生成上面描述的一行，这个在jquery...

EasyUI 1.3.1动态表格列示例: EasyUI 是一个基于 jQuery 的前端框架，用于构建用户界面，尤其适用于开发管理类网页应用。...解压后，通过查看和运行这些文件，你可以更好地理解和学习如何在实际项目中实现EasyUI 1.3.1动态表格列的功能。

EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码: tabs代码如下：代码如下: ”tabs” class=”easyui-tabs”> ”tabs1″> tabs1 </div> ”tabs2″> tabs2 </div> </div> 如果id=”tabs”的div未设置宽度和高度，easyUI默认的宽度和高度是auto，这样在google浏览器下...

在easyui-combobox多选模式下加入选择所有选项: 在实际项目中，Combobox的选项可能动态加载自服务器，因此在触发“选择全部”操作时，可能需要先确保数据已加载完成。你可以使用`combobox`组件的`onLoadSuccess`回调函数来判断数据是否加载成功，然后再执行上述...

jQuery EasyUI编辑DataGrid用combobox实现多级联动: 本文主要探讨的是如何利用jQuery EasyUI的DataGrid和combobox组件实现多级联动的效果，这对于在数据录入时需要根据上一级选择动态更新下一级选项的情况非常有用，比如在本例中的“老师分类”和“老师细类”。...

EasyUI Combobox设置默认值获取text的方法: $('#xxx').combobox('setValue',11); $('#epsId_combo').combobox('selectedIndex',0); ...select id='xxx' class=easyui-combobox style=width: 180px;> 第一个第二个第三个 </select>

easyui做的动态菜单+框架: 一个利用easyui1.3.5+jquery2.0制作的系统框...本程序在疯狂秀才1.2版本基础上，进行了修改，修正了该版本不支持jquery2.0以上、easyui1.3以上的问题。

easyui分页设置: datagrid分页设置在触发onChangePageSize事件时，会同时触发onSelectPage事件。 onSelectPage事件会传递2个参数pageNumber、pageSize. pageSize是页大小，pageNumber为下一次显示的页号，默认从第一页开始。

easyui 扩展layout的方法，支持动态添加删除块: ### easyUI扩展Layout方法以支持动态添加与删除区块 #### 概述 easyUI是一款基于jQuery的用户界面库，它提供了丰富的UI组件和强大的布局管理功能。本文将详细介绍如何通过扩展easyUI的`layout`方法来实现动态添加...

jquery easyui + Ztree +折线图: 总的来说，jQuery EasyUI提供了基础的UI框架，ZTree增强了树形结构的展现能力，折线图则帮助我们理解数据动态。这三者结合，不仅提升了用户体验，也便于后台数据的直观呈现。对于Web开发者来说，掌握这些技术能够极...

Global site tag (gtag.js) - Google Analytics